网页设计 课件.pptVIP

第1章 网站设计概论 要求： 主要内容 一、网站基本知识 二、网站设计 三、网站的开发流程 四、常用网站开发工具 本章习题 一、网站基本知识 网站及其组成 网站的文件及资源 网站的工作机制 1、网站及其组成 网站就是由网页、图象、声音、动画及数据库等各种服务器资源构成的集合体。 网站的组成部分： 硬件组成：连接到网络上的计算机服务器。 在服务器上运行的网络操作系统、Web服务器、应用程序服务器软件等。 各种信息服务的文件资源，如网页文件、图象文件、声音文件等。 对网站进行管理和维护的网站管理人员和开发人员等。 2、网站文件及资源 资源： 静态网页：最基本的网站提供内容，由HTML语言描述，包括文本、表格、图象及其它内容，每个用户访问时内容均相同。静态网页只要放在网站服务器的文件夹中授权用户访问即可。 动态网页：网页内容随不同用户、不同的访问需求而发生变化，网页中不仅包含HTML代码，同时包含在Web服务器端执行的脚本程序代码。通过脚本程序代码进行计算。网页能够访问服务器端的数据资源。并将结果返回给用户。 图象文件：如图象、动画，.gif、jpg、bmp、tif类文件等，可以作为网页中的插图、网页的背景图片，极大改善了网页的显示效果。 数据库：当网站要通过动态网页提供各种 服务时，通常要利用数据库来保存数据并提供数据服务。例如电子商务、BBS等。 其它文件：声音、动画、流媒体资源等，可嵌入到网页或以超级链接方式下载到用户端执行。如 swf、wma、rm、avi等。 3、网站的工作机制 当用户浏览器通过网络向网站发出请求时，网站的Web服务器会根据浏览器请求的页面是静态、动态网页而采取不同的处理机制。 静态网页的处理机制：网站的Web服务器只是简单地将页面发送到请求的浏览器。 动态网页的处理机制：Web服务器将控制权转交给应用程序服务器，应用程序服务器解释执行网页中包含的服务器端脚本代码，并根据脚本代码的要求访问数据库等服务器端资源，最后将计算结果 转变为标准的HTML文件代码，由Web服务器将文件发送到浏览器。 二、网站设计 网站的定位 站点风格 网站的CI形象 网站的栏目和版块 网站目录和链接结构 1、网站的定位 一个网站要有明确的目标定位，只有定位准确、目标鲜明，才可能作出切实可行的计划，按部就班地进行设计。 网站的目标定位可体现在三个方面： 题材和内容：应紧扣主题，并突出个性和特色。定位要准确，内容要精，不能过于宽泛，更不能包罗万象，漫无边际。 网站域名 网站名称：申请好记的域名和命名一个别致的网站名称对网站的形象和宣传推广有很大影响。如：搜狐、新浪、网易、263等。 2、网站的风格 风格指的是站点的整体形象给浏览者的综合感受，包括版面布局、浏览方式、交互性和文字等诸多因素。 网站风格要体现自己的特色，独树一帜。 通过网站的某一点，如文字、色彩、技术等，能让浏览者明确分辨出此部分就是网站所独有的。 注意： 风格建立在有价值的内容之上。网站有风格而无内容，是不行的，必须保证内容的质量和价值性； 清楚自己希望战点留给浏览者的印象。 3、网站的CI形象 CI(corporate identity)：通过视觉来统一企业的形象。包括：标志、色彩、字体和标语。 网站的CI形象设计包括： 设计网站的标志(logo)：logo是一个网站的特色和内涵的集中体现，必须设计并制作网站的标志。标志的设计、创意来自该网站的名称和内容，让浏览者一看到标志就联想到这个网站。 设计网站的标准色彩： 不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 标准色彩是指能体现网站形象和延伸内涵的色彩，主要用于标志、标题、主菜单和主色块。 适合于网页标准色：蓝色、黄/橙色、黑/灰/白等 设计网站标准字体：是指用于标志、标题和主菜单的特有字体。 设计网站宣传标语：最好用一句话甚至是一个词来高度概括 4、网站的栏目和版块 制作网页前，一定要先规划好网站，确定合理的栏目和版块。栏目实质上是一个突出显示网站主题的大纲索引。 设计网站的栏目时应考虑以下内容： 紧扣网站的主题 一般做法是将网站主题按一定的方法分类并将其作为网站的主栏目，且主题栏目个数在总数上要占绝对优势。 设计一个最近更新或网站指南栏目 若主页未安排版面放置最新更新内容信息，需设置一个“最新更新”栏目，若主页层次较多，又无站内搜索引擎，则应设置一个“站点指南”栏目 设定一个可以双向交流的栏目 设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。 版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块要相对独立，相互关联，且版块的内容要围绕站点的主题。 5、网站的目录和链接结构 网站目录是指建立网站时创建的目录，站点上的所有网页及相关资源都分门别类、有序