文档介绍：Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
第2章规划站点
重点内容:
站点规划与设计
站点的开发
创建本地站点
鼠标和键盘操作
键盘的重点打字练****及练****方案的自我设置
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
站点规划大体分为两个方面,一方面是纯站点设计,如文字排版、图像制作和平面设计等。另一方面是站点的延伸设计,包括站点的主题定位和浏览群的定位,智能交互,制作策划等。
提示:想要建立一个成功的站点,建站前的站点规划是极为重要的,因此在建站前应明确建站的目的,确定站点的功能、规模。如果是作为商业站点,那么还要考虑到投入的费用并进行必要的市场分析。只有进行了详细的规划,才能避免在 站点建设过程中出现这样或那样的问题。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
1. 站点的目标定位
“站点的目标定位”是建站前必须要考虑和解决的首要问题,即要清楚建立站点的目的是什么?只有进行了准确定位,才有可能做出切实可行的计划,在制作时才能按部就班地进行设计,避免出现忙乱。网站的目标定位可以从三个方面考虑。
题材和内容
网站域名
网站名称
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
2. 站点的风格
风格指的是站点的整体形象给浏览者的综合感受,这个整体形象包括许多方面,如版面布局、浏览方式、交互性和文字等诸多因素。一个网站的风格要独树一帜,通过网站的某一点,或者文字、或者色彩、或者技术,能让浏览者明确分辨出此部分就是网站所独有的。可以从以下几个方面来树立网站的风格。
确信风格建立在有价值内容之上
要清楚自己希望站点留给浏览者的印象
着手建立和加强站点印象
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
3. 站点的形象
所谓站点形象是指通过视觉来统一企业的形象。一个网站的形象包括标志、色彩、字体和标语等。准确地讲,有创意的形象设计,对网站的宣传推广有事半功倍的效果。当一个网站的主题和风格确定以后,就需要根据它们设计相应的网站形象。
设计网站的标志
设计网站的标准色彩
设计网站的标准字体
设计网站的宣传标语
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
4. 站点的栏目和版块
站点的栏目实质上是一个突出显示网站内容的大纲索引,在进行网页制作前一定要先规划好站点的栏目,进行合理安排,避免给后继工作带来不必要的麻烦。每一个版块都有自己的栏目,而每一个版块下面都有自己的主栏目。在设置版块时,注意各版块要相对独立,相互关联,且版块的内容要围绕站点的主题。
紧扣网站的主题
设计一个最近更新或网站指南栏目
设定一个可以双向交流的栏目
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
5. 站点的目录结构
网站的目录是指建立网站时创建的目录,网站目录结构的好坏对浏览者没有太大的影响。但是对于站点本身的上传维护,将来内容的扩充和移植有着重要的影响。下面是建立目录结构的一些建议。
不要将所有的文件都存放在根目录下
按栏目内容建立子目录
在每个主目录下都建立独立的“图像”目录
目录的层次不要太深
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
一、站点的规划和设计
6. 站点信息的准备和收集
当确定了网站的内容以后,就应该进行资料的搜集工作。资料的搜集主要指的是在文字、图片、动画,以及背景音乐等方面的搜集。在设计企业网站时,一般都是由企业提供大部分的文字和图片资料。然后对资料进行整理和筛选,选出网站所需要的资料。
收集来的网页素材应该与站点中元素相对应,例如将收集来的资料转换成文本文件或者是网页能够实别的文件格式,将图片转换成适用于网页的格式。
Dreamweaver 应用技术——《 Dreamweaver MX
2004实训教程》讲义
二、站点的开发流程
一个网站的开发过程,从某种意义上讲是集体团结的象征。因为一个公司组织开发一个网站时,不是某个人单打独斗就能完成的,即使全面负责网站开发的只是某一个人。但参与开发的通常还包括主导网站开发的单位和客户,还有美术设计人员、程序设计师和维护人员等。为了能让网站开发工作有效地进行,集体之间的合作不出