(网页设计复习大纲.docVIP

《网页设计》复习大纲 第1章 网页设计概述 1.网页的构成元素 （1）文本：是网页的信息主体，能准确的表达信息的内容和含义。占用的空间小，传输速率高。 （2）图像：占用的空间大，传输速率慢。如果使用恰当比文字更具有说服力，使网页更生动，更具表现力和吸引力。网页中常用的图象文件格式有：GIF、JPEG、PNG等。 （3）动画：占用的空间比图像还大，但是“动”比“静”更具生命力，更能打动人心。一般网站广告都以动画形式显示。 （4）超链接：是网页的灵魂，是网络超文本体系结构的经络。在网站内网页之间的跳转或网站之间的跳转等都是靠超链接实现的。 （5）音频：音频是多媒体网页重要组成部分。网页中常用的声音文件格式有：MIDI、WAV、MP3等，可使用音频文件作为网页的背景音乐，但会影响网页的下载速度。 （6）视频：在网页中用作视频交流或直播，使网页变得生动、真实。常用的视频文件格式有：RealPlayer、MPEG、AVI等。 （7）表格：用来控制网页信息的布局方式。可以使用表格来精确控制各种网页元素在网页中的显示位置。 （8）表单：可以实现浏览者与站点之间的交互。网页中的表单通常用来接收用户在客户端的输入，然后将这些信息发送到服务器端。表单有不同功能的表单域组成。 （9）导航条：是一组超链接，用于在站点的首页及其他重要网页中进行跳转。一般情况下，导航条应放在网页的醒目位置。 （10）其他特殊元素：如悬停按钮、Java特效、AxtiveX组件等，可增强网页功能，使网页更有趣。 2.网站建设流程 网站(Web Site)建设是个系统工程，其基本工作流程可分为5个阶段： （1）网站策划：是在制作网站前对网站进行周密的计划，明确制作网站的目的以及怎么做。其工作主要包括： ①确定网站的主题：网站的题材，即做一个什么类型的网站？ ②确定网站的用户群：以人为本 ③确定网站的配色方案：根据网站的整体风格来选定网站的配色。 ④收集网站的素材和内容：广泛收集、尽量全面，内容相关 ⑤确定网站栏目及网站目录结构： 栏目划分要服从并体现网站主题：将准备好的“原材料”按一定方法分类，为其设立专门的栏目。规划网站栏目的过程实际上就是网站内容细化的过程，一个网站栏目有可能就是一个专栏网页。 不要将所有文件都存放在根目录下，按栏目内容建立子目录。 每个目录下都建立独立的Images目录：通常一个站点根目录下都默认有一个Images目录，用来存放站点中用到的图片。设计时应为每个主栏目建立一个独立的Images目录，以方便管理。 文件的命名要合理：由于受Web服务器识别限制，目录文件在命名时要使用简短文件名，以英文形式为主，一律以小写形式处理。 ⑥确定网页的版式设计与布局：即确定网页首页和其他页面的结构形式。 （2）网页设计：是实际设计网站的工作，包括如下几个步骤 ①手绘草图：按照创意和设想绘制出网站首页与子页的草图，也可以加入一些设计的风格。 ②设计效果图：将网站风格、创意设计和网站内容整合在一起的过程，就是根据草图在图像处理软件Photoshop 或Fireworks 中进行图像编辑处理 （3）网页制作：是实际的网站构建过程，是将设计的结果呈现给用户。选择一个网页编辑软件如Dreamweaver或FrontPage等，制作前面规划的网页内容。如果需要，用PhotoShop、Flash、Fireworks等图形软件设计网页的背景、标题和动画等。 （4）网站测试与发布：主要检测各个网页及组件能否正确运行，测试无误后，将自己的网站上传到指定的主机服务器上。 （5）网站宣传与维护：采取注册有哪些信誉好的足球投注网站引擎、交换链接、发送邮件等方式进行网站宣传推广工作，并负起维护与更新的责任，以吸引更多的浏览者。 3.HTML代码结构 HTML标记是由用尖括号括起来的标记符号（也称标签）组成，即标签封闭在小于尖括号（）和大于尖括号（）内。带有斜杠（/）的标签用来创建封闭标签，表示该标记说明结束。大多数标记符必须成对使用，以表示作用的起始和结束。 大多数Web页面都具有至少3种基本元素：根（通常是html）、头部和主体。根元素包含Web页面的所有代码和内容，用于声明浏览器、任何浏览器应用程序以及期望在页面内包含什么类型的代码元素。head元素存放用于执行至关重要的后台任务的代码，包括样式、连接及其他信息。body元素存放所有的可见内容，如文本、表格、图像和影片等。 说明： （1）html和/html标记该文档为Web文档， Web文档的所有内容都位于这两个标记之间。 （2）head和/head中包含一些与Web有关的特定信息，如网页的标题、样式定义（如CSS）及脚本等。常用的有标题标记符title和/title(定义网页的标题)。 （3）body和/body指定HTML文件的主体，文字、图形、图像、链接