网站设计概念精品PPT课件

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