第1章网页设计基础共24页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Macromedia Dreamweaver是是一款专业的 HTML 编辑器，用于对 Web 站点、Web页和Web应用程序进行设计、编码和开发。无论开发者愿意享 受手工编写HTML代码时的驾驭感，还是偏爱在可视化编辑环境中工作 ，Dreamweaver都会提供实用的工具，使网页设计者拥有更加完美的Web 创作体验。
1.1.4 HTML文档的基本结构
一个HTML文档分为两部分：文件头和文件体。文件头中提供了文档标 题，并建立了HTML文档与文件目录间的关系。文件体部分是网页的实质 内容，它是HTML文档中最主要的部分，其中包含了文本、图像、表格等 元素，这些元素构成了网页的内容。
1.2 初识Dreamweaver
导言
随着Internet的发展，越来越多的企事业单位、政府机关 、教育部门以及个人都建起了自己的网站，用来发布单位 新闻、产品信息、政策法规以及展示个人风采，进行信息 的交流和互动。
Dreamweaver是一款专业的HTML编辑器，用于对Web站 点、Web页和Web应用程序进行设计、编码和开发。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统 平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作 WWW（World Wide Web）的信息表示语言，用于描述网页的格式设计和 它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通 过WWW浏览器显示出效果。
1.2.3 站点的建立
Dreamweaver 8不仅仅是网页设计工具，更是网站设计工具，提供了 大量和网站管理维护相关的功能，能够对网站中的文件、链接、媒体文 件等多种资源进行统一管理，使网站设计工作事半功倍。要想使用 Dreamweaver 8的网站管理功能，必须首先建立“站点”。
学习参考资料
教材：《DreamwHale Waihona Puke Baiduaver 网页制作实用教程 》
作者： 缪亮 彭宗勤 编著 出版社： 清华大学出版社
其他网页制作类书籍
成绩如何评定
平时成绩30%（上课考勤+作业成绩） 期末考试成绩70%
课程内容
网页设计基础 网页中的文字和图像 网页中的表格 网页中的多媒体 超级链接 用CSS美化网页 网页布局 框架网页 交互页面 模板和扩展Dreamweaver 表单及ASP动态网页的制作 开发和管理网站
所谓超文本，是指用HTML创建的文档可以加入图片、声音、动画、影 视等内容，并且可以实现从一个文件跳转到另一个文件，与世界各地主 机的文件连接。
1.1.2 课堂实例――创建和测试第一个网页
选择“开始”|“所有程序”|“附件”|“记事本”，运行“记事 本”程序。在“记事本”窗口中输入以下内容：
<html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是第一个简单网页! </body> </html>
本章介绍网页设计的基础知识，主要包括以下内容：
• HTML基础
• 初识Dreamweaver • 在代码视图中创建HTML
使用 教材
清华大学出版社 书号：9787302162711
1.1 HTML基础
在Internet上浏览的一个个精美网页都是用超文本标记语言HTML制作而 成。本节先介绍HTML的基础知识。
1.2.1 Dreamweaver工作环境
1．起始页 2．工作窗口 3．自定义界面 4．Dreamweaver 8的三种视图模式
1.2.2 课堂实例――用Dreamweaver制作一个简单网页
下面使用Dreamweave制作一个简单的网页，介绍一下Dreamweave制作 网页的基本流程。
1．新建网页 2．编辑网页 3．保存网页 4．预览网页 5．继续编辑网页 6．再次预览网页
熟练掌握Dreamweaver的工作环境是进一步学习网页制作的关键，本 节介绍Dreamweaver的工作环境，并且通过一个实例介绍用Dreamweaver 制作一个简单网页的方法。
1.2.1 Dreamweaver工作环境
1.2.2 课堂实例――用Dreamweaver制作一个简单网页
1.2.3 站点的建立
选择【文件】|【保存】命令，在弹出的“另存为”对话框中选 择要保存的路径，在【文件名】文本框中输入文件名 myweb001.html。
1.1.3 认识HTML标签
HTML文档中的标签包括单标签和双标签，另外在标签中还可以包含一些 属性。
（1）<html>和</html> <html>和</html>在最外层，表示在这对标签里面的代码是HTML语言。 （2）<head>和</head> 在这对标签里的内容是网页中的头部信息，如网页总标题、网页关键字等， 若不需头部信息则可省略此标记。 （3）<title>和</title> 在<head>和</head>这对双标签的中间还包含着<title>和</title>这样一对 标签。呈现在网页的标题，标题会出现在IE浏览器窗口的标题栏。 （4）<body>和</body> <body>和</body>之间的“这是第一个简单网页!”部分，就是在网页中实 际看到的内容。<body>和</body>之间是网页的主体内容部分，大部分 HTML标签都包含在<body>和</body>之间。
1.1.1 什么是HTML 1.1.2 课堂实例――创建和测试第一个网页
1.1.3 认识HTML标签 1.1.4 HTML文档的基本结构
1.1.1 什么是HTML
HTML是英文Hypertext Marked Language的缩写，中文意思是超文本标 记语言，是一种用来制作超文本文档的简单标记语言。
Dreamweaver是一款集可视化编辑功能与代码编写于一体 的网页制作工具，适合不同层次网页制作者。
个人博客、微博、QQ空间制作分析。
第1章 网页设计基础
随着Internet（因特网）的发展和普及，越来越多的个人和公司都想在 Internet上安个家，各种各样的网站应运而生。网页设计和制作技术也越来 越受到人们的关注，网站是如何创建的？需要掌握哪些计算机技术？
1.1.4 HTML文档的基本结构
一个HTML文档分为两部分：文件头和文件体。文件头中提供了文档标 题，并建立了HTML文档与文件目录间的关系。文件体部分是网页的实质 内容，它是HTML文档中最主要的部分，其中包含了文本、图像、表格等 元素，这些元素构成了网页的内容。
1.2 初识Dreamweaver
导言
随着Internet的发展，越来越多的企事业单位、政府机关 、教育部门以及个人都建起了自己的网站，用来发布单位 新闻、产品信息、政策法规以及展示个人风采，进行信息 的交流和互动。
Dreamweaver是一款专业的HTML编辑器，用于对Web站 点、Web页和Web应用程序进行设计、编码和开发。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统 平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作 WWW（World Wide Web）的信息表示语言，用于描述网页的格式设计和 它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通 过WWW浏览器显示出效果。
1.2.3 站点的建立
Dreamweaver 8不仅仅是网页设计工具，更是网站设计工具，提供了 大量和网站管理维护相关的功能，能够对网站中的文件、链接、媒体文 件等多种资源进行统一管理，使网站设计工作事半功倍。要想使用 Dreamweaver 8的网站管理功能，必须首先建立“站点”。
学习参考资料
教材：《DreamwHale Waihona Puke Baiduaver 网页制作实用教程 》
作者： 缪亮 彭宗勤 编著 出版社： 清华大学出版社
其他网页制作类书籍
成绩如何评定
平时成绩30%（上课考勤+作业成绩） 期末考试成绩70%
课程内容
网页设计基础 网页中的文字和图像 网页中的表格 网页中的多媒体 超级链接 用CSS美化网页 网页布局 框架网页 交互页面 模板和扩展Dreamweaver 表单及ASP动态网页的制作 开发和管理网站
所谓超文本，是指用HTML创建的文档可以加入图片、声音、动画、影 视等内容，并且可以实现从一个文件跳转到另一个文件，与世界各地主 机的文件连接。
1.1.2 课堂实例――创建和测试第一个网页
选择“开始”|“所有程序”|“附件”|“记事本”，运行“记事 本”程序。在“记事本”窗口中输入以下内容：
<html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是第一个简单网页! </body> </html>
本章介绍网页设计的基础知识，主要包括以下内容：
• HTML基础
• 初识Dreamweaver • 在代码视图中创建HTML
使用 教材
清华大学出版社 书号：9787302162711
1.1 HTML基础
在Internet上浏览的一个个精美网页都是用超文本标记语言HTML制作而 成。本节先介绍HTML的基础知识。
1.2.1 Dreamweaver工作环境
1．起始页 2．工作窗口 3．自定义界面 4．Dreamweaver 8的三种视图模式
1.2.2 课堂实例――用Dreamweaver制作一个简单网页
下面使用Dreamweave制作一个简单的网页，介绍一下Dreamweave制作 网页的基本流程。
1．新建网页 2．编辑网页 3．保存网页 4．预览网页 5．继续编辑网页 6．再次预览网页
熟练掌握Dreamweaver的工作环境是进一步学习网页制作的关键，本 节介绍Dreamweaver的工作环境，并且通过一个实例介绍用Dreamweaver 制作一个简单网页的方法。
1.2.1 Dreamweaver工作环境
1.2.2 课堂实例――用Dreamweaver制作一个简单网页
1.2.3 站点的建立
选择【文件】|【保存】命令，在弹出的“另存为”对话框中选 择要保存的路径，在【文件名】文本框中输入文件名 myweb001.html。
1.1.3 认识HTML标签
HTML文档中的标签包括单标签和双标签，另外在标签中还可以包含一些 属性。
（1）<html>和</html> <html>和</html>在最外层，表示在这对标签里面的代码是HTML语言。 （2）<head>和</head> 在这对标签里的内容是网页中的头部信息，如网页总标题、网页关键字等， 若不需头部信息则可省略此标记。 （3）<title>和</title> 在<head>和</head>这对双标签的中间还包含着<title>和</title>这样一对 标签。呈现在网页的标题，标题会出现在IE浏览器窗口的标题栏。 （4）<body>和</body> <body>和</body>之间的“这是第一个简单网页!”部分，就是在网页中实 际看到的内容。<body>和</body>之间是网页的主体内容部分，大部分 HTML标签都包含在<body>和</body>之间。
1.1.1 什么是HTML 1.1.2 课堂实例――创建和测试第一个网页
1.1.3 认识HTML标签 1.1.4 HTML文档的基本结构
1.1.1 什么是HTML
HTML是英文Hypertext Marked Language的缩写，中文意思是超文本标 记语言，是一种用来制作超文本文档的简单标记语言。
Dreamweaver是一款集可视化编辑功能与代码编写于一体 的网页制作工具，适合不同层次网页制作者。
个人博客、微博、QQ空间制作分析。
第1章 网页设计基础
随着Internet（因特网）的发展和普及，越来越多的个人和公司都想在 Internet上安个家，各种各样的网站应运而生。网页设计和制作技术也越来 越受到人们的关注，网站是如何创建的？需要掌握哪些计算机技术？