《网页设计和制作》第一章：网页制作基础波波制作.pptVIP

2018-10-23 1 网页中的元素 1.文字 2.图像 3.表单 4.Flash动画 5. 表格 6. 超级链接 7. 视频、音频 8. POP窗口 9. 标题栏和状态栏文字 　　　 　 2018-10-23 2 1.2　网页制作的相关知识 HTML语言概述 是一种超文本标记语言，作为一种网页编辑语言，易学易懂。 2018-10-23 3 1、HTML网页 HTML网页通常是由三部分内容组成的：版本信息、网页标题（HEAD）和文档主体（BODY）。 下面就是网页结构的总体框架： !HTML网页版本信息说明 HTML HEAD !标题标记、属性及其内容 /HEAD BODY !主体标记、属性及其内容 /BODY /HTML 2018-10-23 4 （1）版本信息 版本信息位于HTML网页文件的第一行 （2）HTML文件标记 大部分网页文件都是以HTML标记开始的，在文件的结尾处又以/HTML结束 （3）头部信息 HEAD标记之间是HTML文档的头部，用来标明当前文档的有关信息 在HEAD标记之间，使用频率最高的标记就是TITLE，它用于定义显示在浏览器标题栏的文档标题。 2018-10-23 5 【例】给网页设置 “励志学社”的文档标题，可在头部输入以下代码： TITLE励志学社/TITLE 2018-10-23 6 （4）主体标记 　　网页的主体是“BODY……/BODY”标记对作用的范围 　　BODY标记用于定义HTML文档主体的开始，它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示： BODY Background=URL Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color 　　 Bgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。 　　Link为超级链接文字的颜色。 　　Alink为正被点击的超级链接文字的颜色。 2018-10-23 7 　　Leftmargin、Topmargin用于设置网页的左边距和上边框，它们是以像素为单位 【例1】将网页的上边距和左边距分别设置为40和30个像素的宽度，使用黑色文本、白色背景，未访问的链接源采用蓝色，已访问的链接源标记为暗红色。 BODY Background=moom.gif Bgcolor=White Bgproperties=Fixed Leftmargin=30 Link=Blue Text=Black Topmargin=40 Vlink=Maroon 　　Vlink为已经点击过的超级链接文字的颜色。 　　Background设置，如果设置了背景图片，图片会覆盖已经设置的颜色。 2018-10-23 8 2、XML语言 　　　XML（eXtensible Markup Language）被称作是下一代的网页标记语言，也是采用各种标记来形成网页的源代码。 　　XML中包括可扩展格式语言XSL(Extensible Style Language) 和可扩展链接语言XLL(Extensible Linking Language)。 2018-10-23 9 1.22 静态网页和动态网页 　　静态网页指基本上全部使用HTML语言制作的网页，页面的内容是固定不变的。 　　动态网页（DynamicHTML，DHTML）利用JavaScript，CSS (层叠样式表) 及其它类似的语言如VBScript等与HTML进行有机的结合来使静态的HTML网页变成动态。 2018-10-23 10 1.23 Web服务器端程序 　　专业的网站都是建立在使用数据库的基础上的，要将这些数据库变成可以通过浏览器显示和操作的Web页面，就需要编写服务器端的程序。用户向服务器传送提交的表单（个人信息、选择结果等）需要在服务器端进行记录、筛选等处理。大量的数据库查询、修改处理也需要服务器端程序的支持。 　　目前常用的服务器端编程技术主要有CGI、ASP、PHP、JSP等，不同的技术需要不同的系统环境支持。 2018-10-23 11 1.3 网页制作的基本方法 制作网页的基本步骤 　 　1、确定网页的内容 　 2、设计网页的组织结构 　3、资料的收集与整理 　4、选择网页的设计方法 　　常用的网页制作工具有Frontpage、Dreamwe