主题六--网站的设计与评价

主题六网站的设计与评价【测试要求】测试内容内容细目测试要求网站设计与评价网站的概念A网站的规划与设计B网页制作CHTML语言的基本应用CCSS样式表的简单使用BJavaScript的简单使用BASP工作流程A网站的发布与管理B网站的评价B【知识结构】【知识要点】1、网站的概念网站：因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。网页：网页是用HTML语言写成的文件，他存放在某一台计算机中，而这台计算机必须是与因特网相连的。概念网站的设计和评价规划与设计网页制作发布与管理评价网站规划网站风格书签表单组件网站发布及上传IIS的设置创建虚拟目录ASP工作流程HTML语言的基本应用CSS样式表的简单使用嵌入、内联和外联框架基本元素基本结构超链接颜色优先级超链接的样式JavaScript的简单使用主页：主页(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文件的基本结构：htmlhead.....（网页描述文件的信息，如网页标题、背景音乐等）/headbody......（网页显示部分，文档主体，正文部分）/body/html（2）HTML中的基本标记：html/html--HTML标记，html表示文件为HTML文件，/html表示代码结束head/head--网页文件的头部信息。title/title--网页标题，title放置网页标题名/titlebody/body--主体标记，body放置网页主体内容/body（3）文字设置align=left;align=right;align=center--对齐方式font/font--字体设置：size:大小，取值1、2、……color:颜色，red、blue、……或16进制数表示的颜色值，如#00FF00face:字体，宋体、华文行楷、……b/b--粗体u/u--下划线i/i--斜体（4）表格设置table/table--表格标记tr/tr--表行td/td--单元格（5）超链接设置1）通过文字链接到另一页面：aherf=〝链接页面位置及文件名〞链接文字/a2)通过图片链接到另一页面：aherf=〝链接页面位置及文件名〞imgsrc=〝图片位置及文件名〞/a.3)定义书签（锚点）：aname=〝书签名〞书签文字/a链接书签（锚点）：aherf=〝URL#书签名〞书签文字/a（6）图片设置imgsrc=图片路径及文件名（7）背景音乐设置bgsoundsrc=声音文件路径及文件名，常用属性：loop.（8）视频设置imgdynsrc=”视频文件位置及文件名”，常用属性：widthheightalignloop（9）表单设置form/form（10）框架设置frameset/frameset（11）其他br--换行符p/p--段落标记hr--水平线5、CSS层叠样式表的简单使用能读懂简单的CSS样式表代码，并能根据需要，选择适当的方式(内联样式表、外联样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。（1）嵌入式样式表：只需要在每个要应用样式的HTML标签后写上CSS属性即可。tablestyle=“color:red;font-size:10pt”/tabletable是表格标题的标签，它是成对使用的标签。（2）内联式样式表:只对当前页面应用样式，最好在head标签内部定义，在body标签中使用。styletype=text/css!--样式表CSS内容--/style（3）外联式样式表:是把样式文件定义成一个“*.css”文件，然后在HTML代码中调用该文件。linkhref=(路径)\样式表文件名.cssrel=stylesheettype=text/css应用外联式样式样式表的好处是可以通过一个“*.css”文件修饰网站中的多个网页。制作外联式样式表的方法是在记事本里输入CSS代码，保存为“*.css”样式表文件。6、JavaScript的简单使用。能读懂常见的Javascript代码(如日期显示、下拉菜单、计数器、动态字幕、跟随鼠标的图片、跟随鼠标的滚动文本、标题栏里的闪烁效果等)，并能根据需要，选择适当的JavaScript代码插入到当前网页的HTML代码中。(1)SCRIPT和/SCRIPT标记对。该标记对可以放在HEAD和/HEAD标记对之间，也可以放在BODY和/BODY标记对之间。可以在一个HTML文件中使用SCRIPT/SCRIPT标记对任意多次。(2)指定脚本语言。例如:scriptlanguage=JavaScript(3)插入JavaScript代码的方法。在SCRIPT和/SCRIPT标记对之间插入JavaScript代码。7、ASP工作流程。(1)使用不同技术编写的动态页面保存在Web服务器内，客户端用户向Web服务器发出访问动态页面的请求。(2)Web服务器根据用户所访问网页文件名的后缀名来确定该页面所使用的编程技术，然后把该网页文件提交给相应的服务器组件程序。(3)服务器组件程序执行脚本代码，然后把执行结果返回给Web服务器。(4)Web服务器把执行结果连同页面上的HTML内容以及各种客户端脚本一同传送到客户端。8、网站发布与管理。（1）网站发布的方法（a）在网上邻居中发布：将站点目录设置为共享，然后进入“网上邻居”，选择你的计算机名称，进入网站目录就可以浏览网页了。（b）在本机上发布:“默认Web站点”和“虚拟目录”两种。可以选择Frontpage提供的功能发布，也可以使用个人服务器PWS把自己的计算机设置成个人服务器，然后就可以方便地在计算机上测试网站了。（c）在因特网上发布——首先要申请网站空间（或租用虚拟主机，租用专用服务器，购买自己的服务器）。然后上传网站就可以了。一般我们使用FTP工具发布网站，常用的FTP工具包括CuteFTP、LeachFTP、WebPublisher等。(2)IIS的安装。在windows2000“控制面板”中，双击“添加/删除程序”图标，在“添加/删除程序”对话框中单击“添加/删除Winndows组件”图标，在“Windows组件向导”对话框中，选中“Internet信息服务(IIS)”选项，单击“下一步”按钮开始安装，直至安装结束。(3)IIS的设置。在“控制面板”中，双击“管理工具”选项，选中“Internet信息服务”，打开“Internet信息服务”控制台，右击“默认Web站点”，在快捷菜单中选择“新建”、“虚拟目录”项，并按照向导提示输入虚拟目录别名、Web站点内容目录、访问权限，最后完成IIS的设置。9、网站的运行与评价。根据网站主题要求设计评价指标，对常见网站的建设质量与运行状况进行评价。网站的制作和运行的过程中要不断地收集反馈意见以便修正。一般要做好以下工作：检测网站是否达到了预期的设计效果；检查内容是否有错误；检查各处链接是否正确等。【模拟练习】1、一张精美图片作为页面的设计中心，菜单栏目自由摆放，属于()布局方式。A、字型B、厂字型C、自由式D、川字型2、网站的基础设计不包括那个方面A、网站内容设计B、网站栏目结构设计C、网页版面设计D、动态网页设计3、网页制作的过程第一步是（）A、新建空白站点B、新建空白网页C、收集和制作素材D、设计主页4、网页制作过程中常用的图片文件格式为（）A、psdjpgB、jpggifC、bmpjpgD、tiffgif5、树立一个网站的整体风格，你认为跟下列哪项无关？（