第3章 静态网页.ppt

《第3章 静态网页.ppt》由会员分享，可在线阅读，更多相关《第3章 静态网页.ppt（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第3 3章章 静态网页静态网页第第3章章 静态网页设计静态网页设计学习目标与要求学习目标与要求 3.1 静态网页概述静态网页概述 3.2 HTML概述概述 3.3 网页对象的制作网页对象的制作 3.4 利用利用Dreamweaver制作静态网页制作静态网页 第第3 3章章 静态网页静态网页学习目标与要求学习目标与要求1.了解静态网页的特征及存取原理；了解静态网页的特征及存取原理；2.了解了解HTML中各种标记的用法；中各种标记的用法；3.掌握静态网页设计的基本技能；掌握静态网页设计的基本技能；4.掌握用掌握用Dreamweaver设计静态网页的方法。设计静态网页的方法。第第3 3章章 静态网

2、页静态网页3.1 静态网页概述静态网页概述v静态网页静态网页v网页的显示内容对访问者而言是单向的、固定不变的，即访问者不能通过自己的操作来改变网页的显示内容；若要更新显示内容，必须通过网站管理员手动修改存放在Web服务器上的HTML文件。v静态网页的内容存储在Web服务器上，包括HTML标识、图像和电影等文件内容。第第3 3章章 静态网页静态网页3.2 HTMLHTML概述概述3.2.1 标记语言的产生标记语言的产生 3.2.2 HTMLHTML语言语言 第第3 3章章 静态网页静态网页3.2.1 标记语言的产生标记语言的产生 v通通过过标标记记来来管管理理文文本本内内容容的的显显示示和和格格

3、式式，是是WebWeb环环境境下下组织组织信息的重要方式信息的重要方式v常用的三种常用的三种标记语标记语言言vSGML（Standard Generalized Markup Language）vHTML（Hypertext Markup Language）vXML（eXtensible Markup Language）第第3 3章章 静态网页静态网页GML(1969)SGML(1985)XML(1998)XHTMLMathMLWMLSVGcXML(1969)ebXML(1969)HTML(1993)第第3 3章章 静态网页静态网页3.2.2 HTMLHTML语言语言 vHTMLHTML属于属

4、于SGMLSGML，是是SGMLSGML的一部分的一部分 vHTMLHTML语语言言的的设设计计开开发发，大大量量使使用用了了超超链链接接功功能能，同同时时使用了其丰富的信息使用了其丰富的信息显显示示标记标记vHTMLHTML静静态态网网页页提提供供了了丰丰富富的的多多媒媒体体显显示示、各各种种布局布局处处理等功能理等功能 第第3 3章章 静态网页静态网页3.2.2 HTMLHTML语言语言vHTML的制作工具的制作工具 v简单的文档编辑工具 v功能齐全的专用工具，如：Dreamweaver、Frontpage v集成在开发环境中的Web应用工具 第第3 3章章 静态网页静态网页3.3 网页对

5、象的制作网页对象的制作 3.3.1 HTML的基本的基本标志对标志对 3.3.2 HTML的的格式格式标志标志3.3.3 HTML的的文本文本标志标志3.3.4 HTML的的图像图像标志标志3.3.5 HTML的的表格表格标志标志3.3.6 HTML的的链接链接标志标志3.3.7 HTML的的帧帧标志标志3.3.8 HTML的的表单表单标志标志第第3 3章章 静态网页静态网页3.3.1 HTML的基本的基本标志对标志对 v v v v 第第3 3章章 静态网页静态网页3.3.2 HTML的格式的格式标志标志 v v v v、v、v 第第3 3章章 静态网页静态网页3.3.3 HTML的文本的文

6、本标志标志v v v、v、v 第第3 3章章 静态网页静态网页3.3.4 HTML的图像的图像标志标志v v 第第3 3章章 静态网页静态网页3.3.5 HTML的的表格表格标志标志v v、v 第第3 3章章 静态网页静态网页3.3.6 HTML的的链接链接标志标志v v 第第3 3章章 静态网页静态网页3.3.7 HTML的帧的帧标记标记 v v v 第第3 3章章 静态网页静态网页3.3.8 HTMLHTML的的表单标记表单标记 v v v与 v 第第3 3章章 静态网页静态网页3.4利用利用Dreamweaver制作静态网页制作静态网页v步步骤骤v新建一个站点定义网页文件名及存放的子文件夹设置页面属性调整页面属性的颜色用表格搭建页面设计版式选择合适的工作区布局调整工作区大小在布局视图中添加内容（插入导航条、添加链接、使用代码片断、定义及应用CSS等）移动布局单元格和表格调整它们的大小完成静态网页的制作，关闭文件。第第3 3章章 静态网页静态网页Any question else?