网站设计与评价PPT课件

-,1,第章网站设计与评价（河南蝶动网络）,-,2,一、构成网页的元素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,-,3,静态网页工作原理：当用户发出访问静态网页请求后，该请求根据网址或超级链接所指定的位置，找到存有所需网页的服务器。服务器收到请求后，检查服务器上是否存在此文件，如果有则将文件送出。客户端在收到服务器返回的文件后，由浏览器进行解读，并将结果显示在屏幕上。,客户端,服务器端,发送URL请求给服务器,返回静态HTML页面,动态表现网页工作原理：当用户浏览带有交互内容的动态内容网页时，用户先在交互页面中输入需要查询的信息，提交后，浏览器将用户请求发送给WEB服务器；WEB服务器接到客户端发来的请求后，运行相应的ASP或JSP程序，并向数据库服务器发出查询请求；数据库服务器将查询结果返回给WEB服务器；WEB服务器将查询结果返回给用户浏览器，由用户浏览器进行解读，并将结果显示在屏幕上。,客户端,Web服务器,(1)发送请求,(3)返回结果,数据库服务器,(2)发送请求,(4)返回结果,-,4,1网页排版一般都用（）控制文本、图片、动画、视频位置A.表格B.段落C.层D.章节2下面是一些因特网上常见的文件类型，请指出哪个文件类型一般代表WWW页面文件？()Ahtm或htmlBtxt或textCgif或jpegDwav或au3HTML的正式名称是()。A)主页制作语言B)超文本标识语言C)WWW编程语言D)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论坛、聊天室、留言板等网页都是动态内容网页。,A,B,A,C,D,D,A,C,C,-,5,建网站的步骤,-,6,-,7,第一层第二层第三层主页,网站的栏目结构和链接关系,走进一中教育科研教师园地学生地盘,学校简介学校领导文学天地学生荣誉,-,8,1、树形,主页一级子页一级子页一级子页二级子页二级子页二级子页,三、网站的结构,1、树形,2、星形,3、混合型,主页一级子页一级子页一级子页二级子页二级子页二级子页,主页一级子页一级子页一级子页二级子页二级子页二级子页,2、星形,3、混合型,-,9,网站三种结构比较,2、下列关于网站结构的说法不准确的是（）A浏览树形结构的网页时，必须一级一级地进入，一级一级地退出。B树形结构的网页条理清晰，但浏览效率低。C星形结构是指在每个页面上都设置一个共同的超级链接枢纽。D混合形网页的链接太多，访问者容易迷失方向。,D,-,10,HTML：超文本标记语言，JavaScript：客户端脚本语言DHTML：动态超文本标记语言FlashCGI：通用网关接口ASP：动态网页技术PHP,脚本语言JSP：动态网页技术,7下面扩展名为的文件不属于网页文件。（A）HTM（B）JPG（C）ASP（D）JSP,B,四、常用的网站建设技术,-,11,五、网站的策划与设计具体过程1、网站主题和内容的选择与定位（1）选择自己最熟悉、最擅长的题材（2）网站的主题要小而精（3）内容要有创新（4）网站的名称要易记、健康、有特色（5）兼顾网站主要访问群体的兴趣和浏览习惯等2、网站栏目的设计设置原则：一要紧扣主题二要突出重点3、网站的风格设计（1）色彩的选择和搭配（2）图片的选择（3）字体的设计（4）语言的风格4、网站内容的收集和筛选5、网站结构和超级链接的设计6、网页的布局网页布局：国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型及变化型等设计网页布局的主要参考要素有：平衡、呼应、对比、疏密7、网站建设技术和工具的选择,-,12,六、网站发布：流程是：1申请网站存放空间；2申请域名；3发布网站。七、网站管理：网站发布之后要做的工作主要有管理、更新和维护等工作八、网站评价：；1网站的主题和内容2网站的易用性3网站功能的可用性4网站的风格5其他因素：网站的安全性、可扩展性和用户支持等,总结：建网站的步骤,-,13,4关于网站建设，下面哪种说法是不够正确的？()A）网站内容应该精炼，以使用户在较短的时间内捕获到网站的核心内容B）网站应加强管理与维护，以保证网站内容常“新”不衰C）网站版面的设计应该别具匠心、风格独特，以体现站点拥有者的文化底蕴D）网站版面的设计应大量使用音频、视频等多媒体信息，以造成视觉冲击,D,5、网页要呈现的内容很多，如何合理的放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作（）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）,C,D,-,14,(4)(4分)学校网站要制作宣传网页，简要写出网页作品制作的一般过程。,(4)本题4分，答出一条给1分。确定主题l分准备素材l分设计网站结构、规划网页布局l分制作完成网页l分,-,15,二、判断题(本题l0小题，每小题l分。共l0分；在答题卡相应位置上。把正确的打上“”。错误的打上“”)21按覆盖范围分类，国际互联网属于广域网。22利用搜索引擎检索信息时，使用不同的关键词检索的结果是一样的。23通过“网上邻居”可以访问局域网中的共享资