当前位置：文档之家 › 第10章网页设计与制作

第10章网页设计与制作

  • 格式：ppt
  • 大小：3.02 MB
  • 文档页数：92

下载文档原格式

  / 92

合集下载

网页设计与制作课件第10章

网页设计与制作课件第10章

菜单栏
工具箱
起始页
功能面板组合
属性面板
返回
10.1.2 制作漂亮的广告词
目标案例
10.1.2 制作漂亮的广告词
使用Fireworks制作漂亮的广告词文字“保护水资源，生命真永远。”，广 告词文字效果如下图所示。
打 开 源 文 件
最 终 效 果 预 览
下一页 返回
操作步骤
步骤1：打开Fireworks 8的操作界面，在“起始页”对话框中单击 “Fireworks文件”选项，打开“新建文档”对话框，或执行【文件】→【新建】 菜单命令打开“新建文档”对话框，对新建文档内容进行设置 。
制作一个由字母“A”变为字母“B”的变形动画。
目标案例
最 终 效 果 预 览
下一页 返回
操作步骤
步骤1：执行【文件】→【新建】菜单命令，新建一个文档窗口，利用“文 本工具” 按钮在舞台上输入一个文字“A”。
步骤2：执行【修改】→【分离】菜单命令，将文本转换为矢量图形 。 步骤3：在“时间轴”面板的第45帧处插入“关键帧”，然后在舞台中按照 步骤1和步骤2制作矢量图形“B”。 步骤4：在“时间轴”面板控制区第1关键帧处单击鼠标左键，在“属性”面 板的“补间”下拉列表中选择“形状” 。 步骤5：执行【控制】→【播放】菜单命令或按【Enter】键，就会看到一个 字母“A”由左向右移动变成字母“B”。保存动画。
Fireworks与Dreamweaver互动应用
• 10.2 动画的制作和优化
•
10.2.1 Flash简介
•
10.2.2 创建运动动画
•
10.2.3 变形动画
•
10.2.4 Flash与Dreamweaver互动应用

网页设计与制作各章习题及答案

网页设计与制作各章习题及答案

A. Ctrl+ALT+A B. Ctrl+ALT+I C. Ctrl+ALT+L D. Ctrl+A
(6) 在网页中不论是加入图像文件或是超链接。（ B ） ）
A. 它们都是绝对路径
B. 它们都是相对路径
C. 它们都是路径
D. 以上都不对
(7) 在 DreamweaverMX 中，站点分为（ B ）
答：WWW 是“World Wide Web”的缩写，其含义是“全球网”。是以超文
本传输协议为基础，提供面向 Internet 的信息查询服务，WWW 服务可以让用
户能用统一界面的信息浏览系统查询 Internet 上的各类信息。
(2) WWW 服务的工作原理是什么？
超文本 访问
用户 浏览器 服务器 1 服务器 2
</BODY> </HTML>
(4) 再在上一题的基础上，给第一行滚动的文字加上黄色背景，给第二行滚动的 文字加上红色前景。 答：<HTML>
<HEAD> <title>欢迎大家访问</title>
</HEAD> <BODY>
<P><marquee direction=right bgcolor="#FFFF00">“我会努力学习 网页制作技术”</marquee><br> <marquee behavior=alternate> <font color="#FF0000">“我一定能制作出精美的网页”</font> </marquee>

网页设计与制作cs8第10章

网页设计与制作cs8第10章
网页设计的目的
网页设计的目的是为用户提供良好的浏览体验，使网站的内容和功能更加易于 理解和使用，同时提高网站的可用性和用户满意度，进而实现网站的商业目标。
网页设计的基本原则
用户友好性
一致性
网页设计应注重用户体验，使网站易于使 用、易于理解，并尽量减少错误和混淆。
网页设计应保持一致性，包括色彩、字体 、布局等方面，以便用户能够快速识别和 记忆网站的品牌形象。
美观性。
图像元素的设计与应用
图像选择
选择与网站主题和内容相关的图像，确保图 像质量和版权问题。
图像背景与边框
为图像添加合适的背景和边框，增强视觉效 果和吸引力。
图像大小与格式
优化图像大小和格式，提高页面加载速度， 同时保持图像清晰度。
图像动画与交互
运用图像动画和交互效果，增加页面的趣味 性和互动性。
网页风格的定位与设计
01
02
03
网页风格的类型
根据行业、目标受众和内 容的不同，网页风格可分 为简约、复古、科技感、 艺术感等多种类型。
风格定位的依据
通过对目标受众的分析、 品牌形象的塑造以及内容 呈现的需求，来确定网页 风格的定位。
设计元素的运用
运用图形、文字、色彩等 设计元素，来表达和强化 网页的风格特点。
美观度
响应式设计
网页设计应注重美观度，通过合理的色彩 搭配、图片和文字的排版等方式，提高网 站的视觉效果和吸引力。
网页设计应采用响应式设计，使网站能够 自适应不同设备和屏幕尺寸，提供良好的 用户体验。
网页设计的常用工具
Adobe Photoshop
专业的图像编辑软件，可用于设计网站的整体布局、色彩搭配、图标 等视觉元素。
网页排版的原则与技巧

网页设计与制作教程第五版课程设计

网页设计与制作教程第五版课程设计

网页设计与制作教程第五版课程设计一、课程设计目的本课程旨在通过系统性的教学，培养学生在网页设计与制作方面的综合能力。

通过营造实践性的学习环境，激发学生的学习兴趣，提高学生的实践能力。

同时也为学生日后从事网页设计与制作相关工作提供必要的基础知识。

二、课程设计内容1. 网页设计与制作基础•网页设计概述•网页制作流程•HTML网页基础•CSS网页排版2. 网页设计实战•网页设计案例分析•制作响应式网页•制作多页面网站•制作动态网页3. 网页设计与用户体验•移动端网页设计•网页交互设计•用户体验设计•网站性能优化三、教学方法本课程采用讲授理论和实践相结合的教学方法，注重实践训练，操作实例丰富。

同时，引导学生主动探究和自主学习，进行课堂演示、分组讨论、课程任务申报等活动。

四、课程设计要求1.学生要求学生需掌握网页设计和制作基础知识，并能够熟练应用HTML、CSS等网页制作技术。

同时要求具备一定的创造性和实践能力。

2.课程成绩评定•平时成绩：包括课堂表现、实验成绩等。

•课程作业：包括设计和制作网页、课程论文等。

•期末考试：考查学生对网页设计和制作的理论知识掌握、应用能力和思维能力。

五、教学资源和参考书目1.教学资源本课程将提供如下教学资源：•网络学习平台：提供案例分析、讲义下载等课件和资料。

•实验室：提供网页制作实验、项目实训等课程训练。

•教师指导：提供定期答疑、作业批改和课程辅导等服务。

2.参考书目•《HTML5与CSS3基础教程》•《网页设计案例精选：响应式设计与实战》•《网页设计与用户体验》。

《网页设计与制作》课程设计模板

《网页设计与制作》课程设计模板

沈阳工业大学《网页设计与制作》课程设计题目：电话簿管理系统学院：工程学院专业/班级：电子商务1101学号：120113131姓名：陈超同组人姓名：燕海霞王莉黄程程唐易灵指导教师：关学铭报告时间：2014年6月20日成绩与教师评语目录一网页设计的总体概述 (1)1.1 网页设计 (1)1.2 网页设计的目的 (1)1.3 网页设计的任务 (1)1.4 网页设计的要求内容 (2)1.4.1 HTML标记语言 (2)1.4.2 Dreamweaver8 (3)1.4.3 平面图像处理软件 (3)1.5 本文所制作网页主题内容介绍 (3)1.5.1 网页题目 (3)1.5.1 网页主题内容 (4)二网页素材制作 (4)2.1 (4)2.2........................................................................................................... 错误！未定义书签。

三 Dreamweaver8网页制作........................................................................ 错误！未定义书签。

3.1 创建本地站点............................................................................... 错误！未定义书签。

3.2 主页制作过程............................................................................... 错误！未定义书签。

3.3 二级页面制作............................................................................... 错误！未定义书签。

《网页设计与制作》课程教案

《网页设计与制作》课程教案

《网页设计与制作》课程教案第一章：网页设计与制作概述1.1 课程介绍网页设计与制作的基本概念网页设计与制作的目的与意义网页设计与制作的应用领域1.2 网页设计原则网页设计的基本原则用户体验设计原则响应式网页设计原则1.3 网页制作工具与技术网页设计软件的选择与使用HTML与CSS的基本语法与使用方法JavaScript的基础知识与应用第二章：网页布局与排版2.1 网页布局的基本概念网页布局的定义与作用常见的网页布局方式布局元素的分类与使用2.2 排版的原则与方法排版的基本原则文本的格式化与排版图片与多媒体元素的排版2.3 响应式网页布局与排版响应式网页布局的概念与意义媒体查询的使用方法布局与排版在不同设备上的应用第三章：网页色彩与字体3.1 色彩的基本概念与应用色彩的视觉效应与心理作用色彩的搭配原则与技巧色彩在网页设计中的应用案例3.2 字体的选择与使用字体的分类与特点字体的搭配原则与技巧字体在网页设计中的应用案例3.3 网页色彩与字体的综合应用色彩与字体的协调与平衡字体大小与行距的设置与调整色彩与字体的个性化应用与创新第四章：网页图片与多媒体元素4.1 网页图片的选择与处理图片的格式与特点图片的选择标准与技巧图片的处理与优化方法4.2 多媒体元素的应用音频与视频元素的应用动画与GIF图片的应用交互式多媒体元素的应用4.3 网页图片与多媒体元素的优化图片与多媒体元素的加载优化图片与多媒体元素的响应式应用图片与多媒体元素的视觉效果与用户体验第五章：网页交互与动画5.1 网页交互的基本概念与原理交互的定义与作用交互的实现方式与技术交互的设计原则与技巧5.2 JavaScript基础与应用JavaScript的基本语法与功能事件处理与DOM操作JavaScript库与框架的选择与使用5.3 网页动画的实现与优化CSS动画的制作方法与技巧JavaScript动画的制作方法与技巧动画的加载优化与性能考虑第六章：HTML与CSS高级应用6.1 表单设计与验证表单的基本结构与属性表单元素的使用与布局表单验证的实现方法6.2 网页组件设计与实现导航栏与面包屑的制作折叠面板与标签页的制作轮播图与幻灯片的设计与实现6.3 网页动画与过渡效果CSS过渡与动画的实现JavaScript动画的实现方法动画的性能优化与调试第七章：前端框架与库7.1 前端框架的基本概念前端框架的作用与优势常见的前端框架介绍框架的选择与使用7.2 Bootstrap框架的应用Bootstrap的基本结构与组件栅格系统与布局设计Bootstrap表单与样式定制7.3 React与Vue框架的选择与应用React框架的基本概念与使用方法Vue框架的基本概念与使用方法框架项目结构与组件化开发第八章：网页兼容性与优化8.1 网页兼容性基本概念浏览器兼容性的原因与挑战兼容性测试的方法与工具兼容性解决方案与最佳实践8.2 网页性能优化网页加载速度的影响因素图片与多媒体元素的优化代码压缩与合并技巧8.3 搜索引擎优化（SEO）SEO的基本概念与原则关键词研究与内容优化代码优化与站点结构调整第九章：网页安全与维护9.1 网页安全基本概念网页安全的威胁与挑战跨站脚本攻击（XSS）的预防跨站请求伪造（CSRF）的预防9.2 数据备份与恢复数据备份的重要性与方法数据库备份与文件备份恢复策略与流程9.3 网站维护与更新网站维护的内容与流程网站更新的方法与技巧网站监控与性能调优第十章：项目实践与案例分析10.1 项目实践流程项目需求分析与规划设计阶段与实现阶段项目测试与上线流程10.2 项目案例分析案例一：个人博客网站设计与制作案例二：电子商务网站设计与制作案例三：响应式企业官网设计与制作项目过程中的问题与解决方法网页设计与制作的趋势与展望重点和难点解析1. 第一章：网页设计与制作概述难点解析：网页设计原则的理解与应用、网页制作工具与技术的熟练运用2. 第二章：网页布局与排版难点解析：响应式网页布局与排版的设计与实现3. 第三章：网页色彩与字体难点解析：色彩与字体的协调与平衡、字体大小与行距的设置与调整4. 第四章：网页图片与多媒体元素难点解析：网页图片与多媒体元素的优化方法、响应式应用5. 第五章：网页交互与动画难点解析：JavaScript事件的处理与DOM操作、动画的实现与优化6. 第六章：HTML与CSS高级应用难点解析：表单验证的实现方法、网页组件的布局与样式设计7. 第七章：前端框架与库难点解析：框架的选择与使用、React与Vue框架的选择与应用8. 第八章：网页兼容性与优化难点解析：兼容性解决方案与最佳实践、网页性能优化的实施方法9. 第九章：网页安全与维护难点解析：预防跨站脚本攻击（XSS）与跨站请求伪造（CSRF）的策略、网站维护与更新的方法10. 第十章：项目实践与案例分析难点解析：项目需求的分析与规划、项目测试与上线流程的控制本教案《网页设计与制作》涵盖了网页设计与制作的基本概念、技术应用、项目实践等各个方面。

网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程(最新

上一页 下一页 返回
1.1 认识网页
1.浏览者能够看到的内容
(1)主题：一般情况下，浏览器在所显示网页窗口的标题栏 上显示“主题”。网页的真正主题不一定出现在网页内部， 而是有可能作为显示此网页的浏览器窗口的标题。然而，大 多数网页的标题表现为屏慕上的文本或图像，标题的作用和 在书本或杂志中的作用一样，位于网页中比较醒目重要的顶 部附近，从而给网页赋予了名字。 (2)标题：浏览器在浏览网页时通常以较大字体、粗体或者 其他的突出显示类型来显示标题。一个网页可以有很多标题， 而且标题还可以有多达6层的嵌套深度。 (3)普通文本：是指组成网页基本内容A.多用途的文本。一 般情况下将普通文本中的线和块当作页面中的“段落”。
网页是一种网络信息传递的载体。这种媒介的性质和日 常的“报纸”、“广播”、“电视”等传统媒体是可以相提 并论的。在网络上传递的相关信息，比如文字、图片甚至多 媒体音影，都是在网页中的存储，浏览者只需要通过浏览网 页，就可以了解到相关信息了。
下一页 返回
1.1 认识网页
1.1.2网页是如何形成的
网页是由一些部件组成的，知道这些部件是做什么的很 重要，因为在网页编写或设计过程中，主要的任务就是为每 一个标准的部件选用或编写相应的内容，这些部件有的能够 在网页中直接看到，而有的却不能在网页中直接看到。
上一页 下一页 返回
1.1 认识网页
(4)签名：通常显示在网页的底部。签名标识了网页的作者，并 且常常还包含作者(或者网络竹理员)的电子邮件地址，从而 使访问者可以发送有关此网页的评论或者建议、问题等。
(5)水平线：用来装饰网页，它将网页分割成逻辑上的几个部分。 (6)动画：可以是网页中出现的文本或者图片，不同的是它们以
上一页 下一页 返回

《网页设计与制作》课程说明书


计算机图像处理 专业核心课
学时 /学分 56 /3 授课范围
2010 级本科 1 班、2 班、3 班
授课时间 和地点
周三 1-2 节，11-A507 室（2 班、3 班） 周五 5-6 节，11-A507 室（1 班）
人数 限制 90
课 程 本课程全面讲授使用 HTML 和 CSS 进行网页设计和制作的方法和技巧，包括网页设计基础、网页 简 制作工具、XHTML 基础、CSS 基础、CSS 布局技术和 CSS 高级技术等内容。 介
实验、实习、作业、课外 阅读及参考文献等 内容及时间、地点
实验（一）网页基本元素 周三 3、4 节 计算机基础教学实验室 B-103
实验（二）XHTML 语言 周三 3、4 节 计算机基础教学实验室 B-103
实验（三）CSS 选择器 周三 3、4 节 计算机基础教学实验室 B-103
实验（四）CSS 盒模型 周三 3、4 节 计算机基础教学实验室 B-103
缺席 1/3 学时者，取消考试资格，重修；总成绩不及格者，补考；补考不及格者， 重修；补考或重修时，期末考试占 100%。
备注
1．开学一周内，班长或课代表将其姓名、联络电话、手机以 e-mail 传送给任课 老师。 2．若以 e-mail 与老师联络时，请于主题处注明您的班级、姓名及事由等。 3．修读本课程的同学均应准时到课，若无法准时前来，应有请假条。
第 14 章 表格布局（2 课时） 13.1 表格布局基础 13.2 表格布局实例
第 15 章 浏览器兼容问题（2 课时） 13.1 CSS 过滤器 13.2 IE 常见 bug 修复 网页制作综合训练（2 课时） 第 16 章 网页制作综合训练
实验（六）用 CSS 设置背景样 式 周三 3、4 节 计算机基础教学实验室 B-103

网页设计与制作教程 中国水利水电出版社《网页设计与制作》教材配套电子教案

一、教案名称：网页设计与制作教程——HTML基础1. 教学目标：（1）了解HTML的基本概念和作用；（2）掌握HTML的基本语法和常用标签；（3）能够编写简单的HTML页面。

2. 教学内容：（1）HTML的基本概念和作用；（2）HTML的基本语法；（3）常用HTML标签及其功能；（4）编写简单的HTML页面。

3. 教学方法：（1）讲解法：讲解HTML的基本概念、语法和标签功能；（2）实践法：学生动手编写HTML页面。

4. 教学步骤：（1）引入HTML的基本概念和作用；（2）讲解HTML的基本语法；（3）介绍常用HTML标签及其功能；（4）学生动手编写简单的HTML页面；（5）总结和巩固所学内容。

二、教案名称：网页设计与制作教程——CSS样式设计1. 教学目标：（1）了解CSS的基本概念和作用；（2）掌握CSS的选择器和基本语法；（3）能够编写简单的CSS样式表。

2. 教学内容：（1）CSS的基本概念和作用；（2）CSS的选择器；（3）CSS的基本语法；（4）编写简单的CSS样式表。

3. 教学方法：（1）讲解法：讲解CSS的基本概念、选择器和语法；（2）实践法：学生动手编写CSS样式表。

4. 教学步骤：（1）引入CSS的基本概念和作用；（2）讲解CSS的选择器；（3）介绍CSS的基本语法；（4）学生动手编写简单的CSS样式表；（5）总结和巩固所学内容。

三、教案名称：网页设计与制作教程——JavaScript脚本语言1. 教学目标：（1）了解JavaScript的基本概念和作用；（2）掌握JavaScript的基本语法和常用函数；（3）能够编写简单的JavaScript脚本。

2. 教学内容：（1）JavaScript的基本概念和作用；（2）JavaScript的基本语法；（3）常用的JavaScript函数；（4）编写简单的JavaScript脚本。

3. 教学方法：（1）讲解法：讲解JavaScript的基本概念、语法和函数；（2）实践法：学生动手编写JavaScript脚本。

网页设计与制作智慧树知到课后章节答案2023年下长江职业学院

网页设计与制作智慧树知到课后章节答案2023年下长江职业学院长江职业学院第一章测试1.网站是网页的基本构成元素。

（）。

A:对 B:错答案:错2.在Web标准中，行为标准主要包括xml和xhtml两个部分。

（）。

A:对 B:错答案:错3.目前最新的HTML版本是（）。

A:HTML5 B:HTML1.0 C:HTML4.0 D:HTML2.0答案:HTML54.HBuilder中，新建文件的快捷键是（）。

A:Ctrl+N B:Alt+L C:Ctrl+F D:Ctrl+S答案:Ctrl+N5.制作网页时一般需要兼容以下哪些浏览器（）。

A:IE浏览器 B:谷歌浏览器 C:opera浏览器 D:火狐浏览器答案:IE浏览器;谷歌浏览器;火狐浏览器第二章测试1.当图像不能显示时，可以用下列哪个属性设置替换文本（）A:alt B:font C:head D:face答案:alt2.下面的选项中，属于网页上常用图片格式的是（）A:JPG格式 B:PNG格式 C:PSD格式 D:GIF格式答案:JPG格式;PNG格式;GIF格式3.HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。

（）A:对 B:错答案:对4.下列选项中，属于段落标签的是( )A:<hn>标题文本</hn> B:<hr>标题文本</hn> C:<p>标题文本</p> D:<hr>标题文本</hr>答案:<p>标题文本</p>5.下列标签中，用于设置文本斜体的是（）A:<i></i>和<em></em> B:<b></b>和<strong></strong> C:<del></del>D:<ins></ins>答案:<i></i>和<em></em>第三章测试1.在CSS中，用于设置首行文本缩进的属性是（）A:text-decoration B:text-align C:text-indent D:text-transform答案:text-indent2.在下列选项中，background-position属性值书写正确的是（）A:p{ background-position:top 10 ;} B:p{ background-position:10 top ;}C:p{ background-position:left 10; } D:p{ background-position:left top; }答案:p{ background-position:left top; }3.下列选项中，属于背景属性的是（）A:color B:background-image C:background-repeat D:background答案:background-image;background-repeat;background4.在下面的选项中，符合CSS基础选择器的语法格式的是（）。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

20
• （2）出现【管理站点】对话框后，选择要编辑的网 站名称，然后单击【编辑】按钮，如图所示。
21
• （3）出现站点定义窗口后，选择“高级”标签，接 着在“分类”栏中选择“测试服务器”，然后从 “服务器模型”列表中选择测试的服务器模式，如 图所示。
22
• （4）接下来从“访问”栏中选择测试服务器访问的 位置，然后单击【确定】按钮，如图所示。
24
10.3.1 用户资料库的设计
• 了解了用户注册和登入验证机制的原理，就应该明 确创建一个用户资料库是必须的。下面就具体来介 绍整个用户资料库（Access数据库）的设计流程。 • （1）单击【开始】→【程序】→【Microsoft Office 】→【Microsoft Office Access 2003】命令，打开【 Microsoft Access】窗口。 （2）单击【新建文件】→【空数据库】命令，弹 出【文件新建数据库】对话框。可以根据实际情况 ，保存到相应位置。并在【文件名】文本框中输入 数据库文件名，例如“user.mdb”，如下图所示。
28
• （6）选择“dt”字段，在【默认值】文本框中输入 “now()”。目的是把当前时间做为记录新增时， “dt”字段的默认值，如图所示。
29
• （7）右击“id”字段，选择【主键】命令，为表设
置主键，如图所示。
30
• （8）单击窗口右上角的【关闭】按钮，系统会提示 保存所做的修改。返回到【user:数据库 （Access2000文件格式）】窗口，会发现所设计的 表“tb_user”已经存在于当中，如图所示。

PHP
JSP
ColdFusion
Macromedia的JRun或IBM的WebSphere或Tomcat
ColdFusion
4
• 在Dreamweaver中设计ASP、、PHP或JSP 网页时，也必须安装相关的服务器软件，才能正
常预览动态网页。
• 服务器软件有些附加在系统安装的光盘中，有 些可以从网站免费下载，在选择以哪种语言做为 开发平台时，需考虑到其适用性、复杂度及软件 支持应用的便利性。各服务器软件取得的位置如 下表所示：
31
• （9）在实际操作中，可以双击打开“tb_user”表记 录管理窗口。在这个窗口中，可以选择录入、编辑 或者删除一些记录信息，如图所示。
32
• （10）打开Dreamweaver的设计界面。单击【文件 】→【新建】命令，新建一个标准ASP文件。 • （11）单击【窗口】→【数据库】命令，弹出【数 据库】面板，如图所示。
33
• （12）单击【＋】→【自定义连接字符串】命令，弹出 【自定义连接字符串】对话框。在【连接名称】文本框 中输入“conn”。在【连接字符串】文本框中输入： • “Driver={Microsoft Access Driver(*.mdb)};DBQ=d:\site\data\user.mdb”。 • 选中【Dreamweaver应连接】选项组下的“使用此计算 机的驱动程序”选项，如图所示。
• 如果想要安装的是PWS，可以执行系统安装光盘中 add-ons\PWS文件夹中的setup.exe文件，其他服务器 软件的安装方法也大同小异，只要依画面的指示一 步步操作，即可完成安装。
13
10.2.2 设置IIS服务器
• 1.服务器属性的设置
• 当用户端通过HTTP通讯协议对服务器端发出请求后 ，IIS会依用户端所指定的地址，将其对应到服务器 上实际的文件路径，然后将网页返回用户端，而要 让用户端所指定的地址能够对应到正确的文件路径 ，就要对服务器设置正确的目录。 • 设置服务器属性的操作步骤如下： • （1）选择Windows任务栏的【开始】按钮，出现菜 单后，选择【控制面板】命令。 • （2）出现【控制面板】窗口后，双击“管理工具” 项目。如下图所示。
11
• （5）出现完成安装窗口后，选择【完成】按钮。如 图所示。
12
• （6）回到【添加或删除程序】窗口后，选择 按钮。
• 提示：
• 1.如果使用的是Windows 2000 Server的话，安装操作系统时 ，就已自动安装IIS了，所以不需要再次安装。 • 2.即使没有安装服务器软件还是可以制作动态网页，但无法预 览制作的网页，需将互动网页传送到网站服务器，网页才能正 常显示，所以最好安装一下。
• 微软的操作系统中已经包含了IIS，可直接从原版光 盘中选择安装，但是Windows XP Home Edition并没 有提供IIS。 • 在不同版本操作平台的服务器版本也不同，如下 表所示，供参考：
操 作 平 台
Windows NT 4.0 Workstation
服 务 器 软 件
PWS4.0
18
• 在步骤（5），如果选择“主目录”标签，可以设置 服务器的本机路径（本地路径：C： \inetpub\wwwroot\haoke，C为开机磁盘），此路径 为网站根目录（localhost），如图所示。
19
2.设置服务器模式
• 如果想要在自己的计算机测试数据库网页，需将计算机 仿真成服务器，所以在定义网站的窗口中，还要再设置 测试服务器的模式及访问的文件夹。 • （1）选择【文件】面板，接着选择 按钮，出现菜单后， 选择“管理站点”，如图所示。
Windows 95/98/Me
Windows NT 4.0 Server Windows 2000 或Server、Windows XP

PWS4.0
IIS 4.0 IIS 5.0
7
10.2.1 IIS的安装
• 在Windows XP操作平台上，安装IIS 5.0服务器软件， 其操作步骤如下： • （1）选择Windows任务栏的 按钮，出现菜单后，选 择【控制面板】命令。如图所示。
MDAC
下载网址：/data/download.htm
PHP JRun WebSphere Tomcat ColdFusion 属于开放性的软件，可以从网站免费下载，下载网址： /downloads.php 可 以 从 网 站 下 载 试 用 版 ， 下 载 网 址 ： /software/jrun/ 可 以 从 网 站 免 费 下 载 ， 下 载 网 址 ： /software/ 可 以 从 网 站 免 费 下 载 ， 下 载 网 址 ： /tomcat/ 可 以 从 网 站 下 载 试 用 版 ， 下 载 网 址 ： 6 /software/coldfusion/
34
• （13）单击【测试】按钮，如果连接创建成功，将 弹出如图所示的对话框。
35
• （14）单击【确定】按钮，关闭【自定义连接字符 串】对话框。返回【数据库】面板，向导将自动在 其下拉列表中添加一条【conn】的列表选项，如图 所示。
36
• （15）单击【窗口】→【文件】命令，弹出【文件】 窗口。将看到在站点目录下会自动创建一个名为 “Connections”的文件夹。在其下将会新增一个名 为“conn.asp”的文件，如图所示。
•
25
26
• （3）单击【创建】按钮，弹出【user:数据库 （Access 2000 文件格式）】窗口，如图所示。
27
• （4）单击【使用设计器创建表】按钮，弹出【表1：表】设计 窗口。单击【文件】→【保存】命令，把表进行重新命名，例 如“tb_user”。 • （5）在【tb_user：表】设计窗口中按照下表所示定义所有字 段信息。
3
10.2 搭建服务器平台
• 各种动态网页格式适用的服务器应用软件，如下表 所示：
格 式
ASP
服务器应用软件
Microsoft的IIS或PWS Microsoft 的 IIS 及 .NET Framework 及 MDAC （Microsoft Data Access Components）2.6以上 的版本 PHP 、 Microsoft 的 IIS （ 或 PWS ） 或 免 费 软 件 Apache
第10章 动态网页
教学任务：
• 认识动态网页。 • 能够搭建服务器平台，包括：IIS的安装、设置 IIS服务器。 • 能够进行用户注册和登入验证。
教学重点与难点：
• 用户注册和登入验证。
1
10.1 认识动态网页
• 动态网页，就是网页文件中不但含有HTML标记，而且是建立 在B/S（浏览器与服务器）架构上的服务器端脚本程序。在浏 览器端显示的网页是服务器端程序运行的结果。动态网页文件 的后缀根据不同的程序语言来定，如ASP文件的后缀是.asp。 • 动态网页与网页中的无动画效果（如网页含有各种动画、动态 图片、一些行为引发的动态事件等）无关。动态页面最主要的 特点就是结合后台数据库，自动更新页面。建立数据库的链接 是页面通向数据的桥梁，任何形式的添加、删除、修改和检索 都是建立在链接的基础上的。 • 动态网页发布技术的出现使得网站从展示平台变成了网络交互 平台。Dreamweaver在集成了动态网页的开发功能后，就由网 页设计工具变成了网站开发工具。Dreamweaver提供了众多的 可视化设计工具、应用开发环境以及代码编辑支持，开发人员 和设计师能够快捷地创建代码应用程序，集成程度非常高，开 发环境精简而高效。
8
• （2）出现【控制面板】窗口后，双击“添加或删除 程序”项目。如图所示。
9
• （3）出现【添加或删除程序】对话框后，选择“添 加/删除Windows组件”。如图所示。
10
• （4）出现【Windows组件向导】对话框后，从“组件” 列表中勾选“Internet信息服务（IIS）”，然后选择【下一 步】按钮。如图所示。
2
• 动态网页的特点可以归纳为以下几点：
• 交互性。动态网页会根据用户的需求和选择而发生改变 和响应，将浏览器作为客户端界面。 • 自动更新。动态网页以数据库为基础，无须手动更新 HTML文档，便会自动生成新的页面，可以大大降低维护 网站的工作量。 • 因时因人而变。动态网页能够根据不同的时间、不同的 访问者而显示不同的网页内容；根据用户的即时操作和 即时请求，动态网页的内容会发生相应的变化，如常见 的留言板、BBS、聊天室等就是用动态网页来实现的。 • 采用动态网站技术而生成的网页都称为动态网页。动态 网站建设就是网站中的网页使用ASP、PHP、及 JSP等程序语言进行编写，并且网页中某一部分或所有内 容通过数据库连接，然后将数据库中的数据显示在网页 相应的位置上。