网站设计与评价

第⒋章网站设计与评价（河南蝶动网络）一、构成网页的元素1、文字与图片：构成网页最基本的元素2、超级链接3、动画：格式为GIF4、音频：格式为MIDI、WAV、MP35、视频：格式为RM、AVI、MPG6、动态内容：主要包括查询、留言板、论坛、聊天室等二、网站、网页、主页的概念网站是由一些互相关联的网页构成的一个整体。网页是利用各种软件或开发工具制作而成的文件，它可以传递文字、图片、声音等各种信息。一个网站通常包含多个网页，其起始网页称为主页（homepage)也叫首页,index.htm网页静态网页：用HTML代码组成的文件，用于发布无需用户参与、内容固定的信息。HTML语言、Dreamweaver、Frontpage、Office2000等工具编制。动态网页动态表现网页：常用制作技术有：GIF动画、Flash、JavaScript动态内容网页：通过一定的计算机编程语言实现与用户的实时交互，生成内容发生变化的网页。常用制作技术有：CGI、ASP、JSP、PHP静态网页工作原理：当用户发出访问静态网页请求后，该请求根据网址或超级链接所指定的位置，找到存有所需网页的服务器。服务器收到请求后，检查服务器上是否存在此文件，如果有则将文件送出。客户端在收到服务器返回的文件后，由浏览器进行解读，并将结果显示在屏幕上。客户端服务器端发送URL请求给服务器返回静态HTML页面动态表现网页工作原理：当用户浏览带有交互内容的动态内容网页时，用户先在交互页面中输入需要查询的信息，提交后，浏览器将用户请求发送给WEB服务器；WEB服务器接到客户端发来的请求后，运行相应的ASP或JSP程序，并向数据库服务器发出查询请求；数据库服务器将查询结果返回给WEB服务器；WEB服务器将查询结果返回给用户浏览器，由用户浏览器进行解读，并将结果显示在屏幕上。客户端Web服务器(1)发送请求(3)返回结果数据库服务器(2)发送请求(4)返回结果1．网页排版一般都用（）控制文本、图片、动画、视频位置A.表格B.段落C.层D.章节2．下面是一些因特网上常见的文件类型，请指出哪个文件类型一般代表页面文件？()Ahtm或htmlBtxt或textCgif或jpegDwav或au3．HTML的正式名称是()。A)主页制作语言B)超文本标识语言C))JAVA语言4．超级链接不可以指向。（A）音乐文件（B）图片文件（C）某个网页（D）某台电脑5．下列文件类型中，不属于声音文件的是。（A）MIDI文件（B）WAV文件（C）MP3文件（D）AVI文件6.在下列图像格式中，可以提供动画功能的是()。（A）GIF（B）JPG（C）TIFF（D）BMP7．主页的默认文件名通常为。（A）主页.htm（B）zhuye.htm（C）index.htm（D）first.htm8、下列关于网页的说法不正确的是（）A静态网页是一种用HTML代码组成的文件，往往用于发布无需用户参与、内容固定的信息。B动态网页包括动态表现网页和动态内容网页。C动态网页就是页面中包含GIF动画或FLASH动画的网页。D动态内容网页是通过CGI、ASP、JSP、PHP等计算机编程语言，实现与用户的实时交互，生成内容发生变化的网页。E百度贴吧、BBS论坛、聊天室、留言板等网页都是动态内容网页。ABACDDACC建网站的步骤第一层第二层第三层主页网站的栏目结构和链接关系走进一中教育科研教师园地学生地盘学校简介学校领导文学天地学生荣誉1、树形主页一级子页一级子页一级子页二级子页二级子页二级子页三、网站的结构1、树形2、星形3、混合型主页一级子页一级子页一级子页二级子页二级子页二级子页主页一级子页一级子页一级子页二级子页二级子页二级子页2、星形3、混合型网站三种结构比较树形星形混合型优点条理清晰浏览方便访问者随时可以切换到自己想看的页面访问者可方便到达自己需要的页面，并清楚知道自己所处的位置。缺点浏览效率低链接太多，访问者容易迷失方向2、下列关于网站结构的说法不准确的是（）A浏览树形结构的网页时，必须一级一级地进入，一级一级地退出。B树形结构的网页条理清晰，但浏览效率低。C星形结构是指在每个页面上都设置一个共同的超级链接枢纽。D混合形网页的链接太多，访问者容易迷失方向。DHTML：超文本标记语言，JavaScript：客户端脚本语言DHTML：动态超文本标记语言FlashCGI：通用网关接口ASP：动态网页技术PHP,脚本语言JSP：动态网页技术7．下面扩展名为的文件不属于网页文件。（A）HTM（B）JPG（C）ASP（D）JSPB四、常用的网站建设技术五、网站的策划与设计具体过程1、网站主题和内容的选择与定位（1）选择自己最熟悉、最擅长的题材（2）网站的主题要小而精（3）内容要有创新（4）网站的名称要易记、健康、有特色（5）兼顾网站主要访问群体的兴趣和浏览习惯等2、网站栏目的设计设置原则：一要紧扣主题二要突出重点3、网站的风格设计（1）色彩的选择和搭配（2）图片的选择（3）字体的设计（4）语言的风格4、网站内容的收集和筛选5、网站结构和超级链接的设计6、网页的布局网页布局：国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型及变化型等设计网页布局的主要参考要素有：平衡、呼应、对比、疏密7、网站建设技术和工具的选择六、网站发布：流程是：1申请网站存放空间；2申请域名；3发布网站。七、网站管理：网站发布之后要做的工作主要有管理、更新和维护等工作八、网站评价：；；1网站的主题和内容2网站的易用性3网站功能的可用性4网站的风格5其他因素：网站的安全性、可扩展性和用户支持等总结：建网站的步骤4．关于网站建设，下面哪种说法是不够正确的？()A）网站内容应该精炼，以使用户在较短的时间内捕获到网站的核心内容B）网站应加强管理与维护，以保证网站内容常“新”不衰C）网站版面的设计应该别具匠心、风格独特，以体现站点拥有者的文化底蕴D）网站版面的设计应大量使用音频、视频等多媒体信息，以造成视觉冲击D5、网页要呈现的内容很多，如何合理的放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作（）A、选定网页制作工具B、栏目设置C、版面设计D、语言确定6、在网站建设中下列几个过程是必须经历的（1）规划网站结构，并确定设计风格（标志、主色调、文字效果、栏目设置和版面布局）；（2）发布网站；（3）网页制作；（4）了解网站运行环境，选择网站开发工具；（5）确定网站主题，收集素材。你认为网站建设比较合理的流程是（）a.（1）（2）（3）（4）（5）b.（5）（1）（4）（2）（3）c.（1）（4）（5）（2）（3）d.（5）（1）（4）（3）（2）CD(4)(4分)学校网站要制作宣传网页，简要写出网页作品制作的一般过程。(4)本题4分，答出一条给1分。确定主题……………………………………………………l分准备素材……………………………………………………l分设计网站结构、规划网页布局………………………………l分制作完成网页…………………………………………………l分二、判断题(本题l0小题，每小题l分。共l0分；在答题卡相应位置上。把正确的打上“√”。错误的打上“×”)21．按覆盖范围分类，国际互联网属于广域网。22．利用搜索引擎检索信息时，使用不同的关键词检索的结果是一样的。23．通过“网上邻居”可以访问局域网中的共享资源。24．OSI参考模型共有七层。25．。qq。com是错误的互联网域名。26．聊天室、留言板等网页属于静态网页。27．@tyjs．163是不正确的电子邮箱地址。28．IP电话采用的是分组交换技术。29．网上购物、远程教育都不属于因特网服务的应用领域。30．发布网页时，除网页文件外，其他文件不需上传。【选修3：网络技术应用】√×√√√×√√××