主题六 网站的设计与评价
【测试要求】 测试内容 网站的概念 网站的规划与设计 网页制作 HTML语言的基本应用 网站设计与评价 CSS样式表的简单使用 JavaScript的简单使用 ASP工作流程 网站的发布与管理 网站的评价
内容细目 测试要求 A B C C B B A B B 概念 规划与设计 网站规划 网站风格 书签 网页制作 表单 组件 网站的设计和评价 HTML语言的基本应用 框架 基本元素 基本结构 CSS样式表的简单使用 JavaScript的简单使用 ASP工作流发布与管理 【知识结构】
超链接颜色 嵌入、内联和外优先级 超链接的样式 网站发布及上IIS的设置 创建虚拟目录 【知识要点】 1、网站的概念
评价 网站：因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。
网页：网页是用HTML语言写成的文件，他存放在某一台计算机中，而这台计算机必须是与因特网相连的。
主页：主页(index)实际上也是网页，通常用来表示访问某个网站时出现的第一个页面。 静态网页：指没有后台数据库、不含程序和不可交互的HTML格式的网页。
动态网页：指包括动态HTML效果、ASP、PHP、CGI和JSP等网页技术在内的能提供个性化信息服务的页面。
静态网页可简单地根据用户的请求传送已有的页面，无法实现各种个性化的交互功能，日常维护也十分繁琐；而动态网页则是由计算机实时生成，具有日常维护简单，更改结构方便，交互功能强大等优点。
动态HTML:是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换的HTML。
2、网站的规划与设计
需求分析：建立网站前应明确建设网站的目的，确定网站的功能以及网站的规模、投入选题：选择网站主题，制定网站栏目，设计网站风格（标志、主色调、文字效果、版面布局），规划网站结构，确定网站运行环境，选择网站开发工具，分配网站开发任务。 风格：是指网站的整体形象给浏览者的综合感受。有的严肃计策，有的清爽温馨 ，有的深沉厚重，有的生动活泼，有的古朴典雅，有的豪迈奔放。风格设计与主题是密不可分的，是为突出主题服务的。
一种风格的形成需要从多方面着手设计，包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等，同一个网站的各网页之间应保持风格一致。 3、网页的设计与制作 ? （1)建立站点
执行“文件→新建→站点”菜单命令，选择“空站点”，输入站点存放的位置，单击“确定”按钮。
? （2)网页布局与表格
添加表格以及表格属性的设置。单击“表格”菜单中的“插入表格”命令可以插入一个指定行数和列数的表格。右击表格，在弹出的快捷菜单中选择“表格属性”命令，可以打开“表格属性”对话框，利用该对话框可以设置表格的对齐方式、指定表格的宽度和高度、设置表格边框的粗细、设置表格的背景色或背景图片等。
右击某一单元格，在弹出的快捷菜单中选择“单元格属性”命令，可以打开“单元格属性”对话框，在该对话框中可以设置插入到单元格中的对象的对齐方式、指定单元格的大小，设置单元格的背景颜色或背景图片等。选中连续的单元格可以实现单元格的合并及居中。 ? （3)插入图片
执行“插入→图片→来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置图片的大小与对齐方式。 ? （4)插入Flash动画
执行“插入→高级→插件”菜单命令，选取flash动画文件并设置动画文件的大小与对齐方式。 ? （5)插入GIF动画
费用以及进行必要的市场分析等。
执行“插入→图片→来自文件”菜单命令，选取所需图片文件。右击图片，在弹出的快捷菜单中选择“图片属性”命令，单击“外观”选项卡，分别设置动画的大小与对齐方式。 ? （6)表单
在制作网站的留言板和注册信息的页面时会使用表单。
单击“插入”菜单中的“表单”命令可以选择需要的表单样式：单行文本框、单选按钮、复选框、下拉菜单等。 ? （7)设置页面效果
? 网页背景图片、背景颜色的设置。执行“格式→背景”菜单命令(右击网页，在弹出的
快捷菜单中选择“网页属性”命令)，单击“背景”选项卡，设置背景图片或背景颜色，单击“常规”选项卡，设置背景音乐。
? 背景音乐。背景音乐在\网页属性\对话框中进行设置。右击网页，在弹出的快捷菜单中
选择“网页属性”命令，切换到“常规”选项卡，然后单击“背景音乐”右侧的“浏览”按钮选择所需的背景音乐，设置其循环播放的次数即可。 ? （8)建立页面链接
选取链接源，执行“插入超链接”菜单命令，分别确定链接目标：一个网站、网页、电子邮箱、书签链接、图片的热区链接等。 ? （9)框架
框架将浏览器窗口分割成几个相对独立的小窗口，浏览器可以将不同网页文件同时传送到这几个小窗口中，这样就可以同时浏览不同的网页文件。执行\文件→新建→网页\菜单命令，切换到“框架网页”标签，根据需要选择所需的框架类型。 （10)
常用网页制作工具。
FrontPage：具有“所见即所得”的特性，HTML代码由FrontPage后台自动生成。
Dreamweaver：是一个较为专业的网页设计软件，与Flash、Firework合称为“网页三剑客”。 HTML语言：它是一种超文本标记语言，使用一组特定的标记来描述网页的结构，但不能直接
描述网页在浏览器中的效果。 4、HTML语言的基本应用 （1）HTML文件的基本结构：
.....（网页描述文件的信息，如网页标题、背景音乐等）
......（网页显示部分，文档主体，正文部分）
（2）HTML中的基本标记：
--HTML标记，表示文件为HTML文件，表示代码结束
--网页文件的头部信息。（3）文字设置
align=left; align=right ; align=center--对齐方式 --字体设置：
size:大小，取值1、2、??
color:颜色，red、blue、??或16进制数表示的颜色值，如#00FF00 face:字体，宋体、华文行楷、?? --粗体 --下划线 --斜体 （4）表格设置
--表格标记 --表行 --单元格
（5）超链接设置
1）通过文字链接到另一页面：链接文字 2) 通过图片链接到另一页面：. 3)定义书签（锚点）：书签文字 链接书签（锚点）：书签文字 （6）图片设置
（7）背景音乐设置
（9）表单设置 （10）框架设置 ，常用属性：width height align loop
（11）其他
--换行符
--水平线
5、CSS层叠样式表的简单使用
能读懂简单的CSS样式表代码，并能根据需要，选择适当的方式(内联样式表、外联样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。
（1）嵌入式样式表：只需要在每个要应用样式的HTML标签后写上CSS属性即可。
是表格标题的标签，它是成对使用的标签。
（2）内联式样式表: 只对当前页面应用样式，最好在
标签内部定义，在标签中使用。