第11章 网页制作与网站建设.ppt

11.4.8 使用JavaScript行为 【课堂示例10】：为网页元素添加行为 11.5 制作动态网页 什么是动态网页 动态网页使用HTML+ASP、HTML+PHP或HTML+JSP等来实现。一般以.asp、.jsp、.perl、.php、.cgi等形式为后缀。动态网页与静态网页相比有如下特点： 动态网页需要Web应用服务器支持其编译运行，并将编译结果提交给浏览器来显示，只用IE浏览器是无法显示出动态代码的运行结果的。 动态网页以数据库技术为基础，大大降低了网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能，如用户注册、登录、有哪些信誉好的足球投注网站等，这是静态网页做不到的。 11.5.1 建立动态站点 1．安装和配置Web服务器（IIS） 2．用Access2003建立数据库和数据表 3．在Dreamweaver中建立动态站点 4．连接数据库 11.5.2 生成动态页 在Dreamweaver8.0中建立好数据源和数据连接后，可以非常方便地完成自动生成动态页的工作，例如“记录集分页”、“主详细页集”、“插入记录”、“更新记录”、“删除记录”页面等。 【课堂示例13】：建立记录显示列表页 本章结束 Internet技术与应用 第11章 网页制作与网站建设 清华大学出版社 2010年 第11章 网页制作与网站建设 本章学习目标 了解：HTML基本语法及主要标记符 了解：网站建设的基本流程 了解：主要网页制作工具 掌握：使用Dreamweaver制作静态网页并添加多种网页元素 掌握：使用Dreamweaver建立基本的动态网站 11.1 剖析网页 11.1.1 网页的本质 网页是WWW（World Wide Web，万维网）上的基本文档，用HTML（Hyper Text Markup Language，超文本标记语言）书写。网页可以是网站的一部分，也可以独立存在。 网页可以通过浏览器查看，常用的浏览器有微软Internet Explorer浏览器、Mozilla Firefox 火狐浏览器、傲游(Maxthon)浏览器、Opera浏览器、腾讯TT浏览器(Tencent Traveler)等。 在HTML源代码中，用标记符经常是成对出现的。每一个标记符都有特定的功用。 html和/html标记是用来说明在它们之间的文本属于HTML文件，浏览器从html标记开始执行，当遇到/html标记时，将会停止执行。 head和/head标记是用来说明在它们之间的文本都属于HTML文件的文件头。它仅定义HTML文件需要特殊处理的一些预先说明，并不在浏览器中显示。 title和/title标记是用来说明在它们之间的文本是该文件的标题，此标题显示在浏览器最上方的标题栏中。如果要把页面添加到浏览器的“收藏夹”中，该文档的标题便会成为“收藏夹”中的项目名称。 body和/body标记是用来说明在它们之间的文本是HTML文件的主体部分，也是整个HTML文件最重要的部分。它所包含的内容显示在浏览器的页面显示窗口里。 11.1.2 网页的基本构成 按照在网站中位置的不同，网页可以分为： 引导页：引导页即是刚刚输入网站后所显示的页面，作为进入网站的一个入口。采用FLASH动画作为引导页引出首页的设计思路，是当前网站建设较为流行的做法。 主页：指进入网站后看到的第一个页面，也称为首页。 内页：指与主页相链接的页面，也就是网站的内部页面。经常分为多个级别，分别称为二级页面、三级页面…… 11.1.2 网页的基本构成 导航栏 内容区 版权区 导航区 Logo Banner 一个普通主页的基本构成 Logo（标志） Banner（横幅） 导航栏 版权区 导航区 内容区 11.2 网站建设的基本流程 11.2.1 网站前期规划与设计 1．确定网站风格 2．确定网页版式 3．确定页面尺寸 11.2.2 页面的实现与完善 静态网页的实现 通常在进行网页开发时，首先进行静态网页的制作。静态网页的每一行HTML代码都是将页面放置到服务器之前由设计人员编写的。因为网页内容在放置到服务器后不可更改，所以这种网页称为静态网页。当然，“静态”网页并不一定是完全静止的页面，一些GIF动画或一些Flash内容可以使静态网页活动起来。 动态网页的实现 动态页面是基于数据库的页面，在有了网页的大致外观之后，许多网页内容的显示、添加和修改主要通过修改数据库来完成。动态网页一般通过ASP+HTML、JSP+HTML、PHP+HTML、CGI+HTML等编程语言来实现。 完成了静态与动态页面的制作以后，要对网站目录中的所有页面进行测试和完善，直至完全符合设计目标。 11.2.3 网站的发布与维护 在发布网页前必须在Internet上申请一个主页空间，用于指定网站或主页在Int