Internet应用基础 教学课件 耿增民 第12章 网页制作和网站建设.pdfVIP

第12章 网页制作和网站建设 主要内容 12.1 网页基础 12.2 HTML语言 12.3 Dreamweaver CS4的使用 12.4 网站的发布和维护 12.1 网页基础 12.1.1 网页的分类 1. 静态网页 静态网页是指纯HTML格式的网页，一般以. htm、.html、.shtml或.xml为后缀名。访问者请 求浏览时，网页在Web服务器中不会发生动态 改变。 12.1 网页基础 12.1.1 网页的分类 静态网页的特点： （1）有固定的URL，而且URL以.htm、.html、.shtml 等常见形式为后缀，不包含“?” （2 ）每个静态网页都是一个独立的文件 （3 ）相对稳定，因此容易被搜索引擎检索 （4 ）没有数据库的支持，在网站制作和维护方面工作 量较大 （5 ）交互性差 12.1 网页基础 12.1.1 网页的分类 2. 动态网页 动态网页一般指用asp、php、jsp 或.net等网 络编程语言编写的运行于服务器端的代码。访 问动态网页网址中有一个标志性的“?” 。 12.1 网页基础 12.1.1 网页的分类 动态网页的特点： （1）有数据库支持，可以降低网站维护的工作量 （2 ）交互性好，可以实现更多的功能 （3 ）动态网页实际上并不是独立存在于服务器上的网 页文件 （4 ）在搜索引擎检索方面不如静态网页效果好 12.1 网页基础 12.1.2 网页的基本构成 （1）文字 （2 ）图像 （3 ）超链接 （4 ）表格 （5 ）动画 （6 ）其他元素 12.1 网页基础 12.1.3 网页常用制作工具 （1）网页编辑工具：Dreamweaver 、FrontPage （2 ）动画制作工具：flash （3 ）图形图像处理工具：Photoshop、Fireworks、Cor elDRAW、Illustrator 12.1 网页基础 12.1.4 网站制作流程 （1）网站定位 （2 ）收集网站素材和策划栏目内容 （3 ）提出页面设计方案 （4 ）制作页面 （5 ）程序设计 （6 ）测试发布 12.2 HTML语言 HTML是超文本标记语言（Hyper Text Mar kup Language ）的英文缩写，它是构成网页文 档的标记语言。HTML文件其实是一个纯文本文 件，不需要编译就能运行。HTML通过标记把文 字、图片、多媒体等各种网页元素组织形成网 页。HTML 的格式非常简单，只是由文字及标 记组合而成，基本上只要明白了各种标记的用 法便掌握了HTML。 12.2 HTML语言 12.2.1 HTML文档结构 一个完整的HTML文件包含两部分内容：头信息部分 和正文部分。其中包围的是HTML语言的标记，用来 控制网页中各元素的显示状态。 html head 头信息部分 /head body 正文部分 /body /html 12.2 HTML语言 12.2.1 HTML文档结构 1. html/html html 标签位于HTML文档的开头位置，是HTML文 档开始的标志。 2. head/head head和/head之间的内容定义了HTML文档的头 部分，它包含了网页的一些基本信息 。