网页设计 PPT课件

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