网站前台设计.ppt

《网站前台设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章网站开发技术----网站前台设计教学任务制定网站前台建设方案。主要包括网站主题与风格、网站栏目和版块、目录结构和链接结构、版面布局。2网站前台设计定位网站主题与风格网站栏目和版块的设计网站目录结构的设计版面布局网站的形象设计网页设计的原则网站技术规范31.1定位网站主题网站类型目的定位政府网站主要宣传自己的施政纲领咨询服务、树立政府形象学校网站在线教育、传播知识、开展学术交流、招生就业教学服务、学校品牌形象宣传企业网站宣传产品和品牌形象，挖掘商机产品宣传、销售服务、企业文化等个人网站展示个性风采创建相互沟通的桥梁41.1定位网站主题51.2

2、树立网站的风格风格指站点的整体形象给浏览者的综合感受整体形象主要包括：站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等给人的感受是平易近人的、生动活泼的、庄严肃穆的……61.2树立网站的风格如何树立站点的风格网站的内容要有价值网站的配色要合理，并且合乎内容需求网站要具有一定的个性：活泼、诚恳、奔放……与其他站点相比，要有自己的特色或不一样的地方71.2树立网站的风格确定风格首先要建立有价值的内容。你需要彻底搞清楚自己希望站点给人的印象是什么。在明确自己的网站印象后，开始努力建立和加强这

3、种印象。树立网站风格步骤81.2树立网站的风格建立和加强风格印象1.将标志logo尽可能的出现在每个页面上。在页眉，页脚或背景。2.突出标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。3.突出标准字体。在关键的标题，菜单，图片里使用统一的标准字体。4.想一条朗朗上口宣传标语。把它做在banner里，或放在醒目的位置5.使用统一的语气和人称。6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。7.创造一个特有的符号或图标。比如在一句链接前的一个点，可以使用,.。☆※○◇□△→等等。8.用

4、自己设计的花边，线条，点9.展示你网站的荣誉和成功作品。91.3进行创意设计创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同)创意思考的过程分五阶段1.准备期--研究所搜集的资料，根据旧经验，启发新创意；2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合；3.启示期--意识发展并结合，产生创意；4.验证期--将产生的创意讨论修正；5.形成期--设计制作网页，将创意具体化。101.3进行创意设计创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索：1.把它颠倒2.把它缩小3.把颜色换一下4.使它更

5、长5.使它闪动6.把它放进音乐里7.结合文字音乐图画8.使它成为年轻的9.使它重复10.使它变成立体11.参加竞赛12.参加打赌13.变更一部分14.分裂它15.使它罗曼蒂克16.使它速度加快17.增加香味18.使它看起来流行19.使它对称20.将它向儿童诉求21.价格更低22.给它起个绰号23.把它打包24.免费提供25.以上各项延伸组合112、网站栏目和版块的设计网站栏目要紧扣主题（分主栏目，要有侧重点）至少设一个可经常更新的栏目设定一个可以双向交流的栏目（留言板、论坛等）设一个下载或常见问题回答栏目网站栏目安排要注意的问题在组织网站栏目和内

6、容时，要将最好的，最吸引人的内容放在最突出的位置。123.1网站的目录结构（物理结构）网站的目录是指你建立网站时创建的目录目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。133.1网站的目录结构（物理结构）不要将所有文件都存放在根目录下网站物理结构设计的原则不要使用中文目录、目录名要意义明确不要使用中文目录、目录名要意义明确不要使用中文目录、目录名要意义明确子目录的建立，首先按主栏目建立目录的层次不要太深，不要

7、超过3层在每个主目录下都建立独立的Images目录不要使用中文目录、目录名要意义明确143.1网站的目录结构建立目录结构的一些建议:不要将所有文件都存放在根目录下，否则会造成：文件管理混乱上传速度慢按栏目内容建立子目录子目录的建立，首先按主菜单栏目建立其他的次要栏目，需要经常更新的可以建立独立的子目录。不太更新的可合并放在一个目录下。所有的程序一般都存放在特定目录下。在每个主目录下都建立独立的images（图片）目录目录的层次不要太深，不要超过3层。153.1网站的目录结构其他注意事项:1.不要使用中文目录。使用中文目录可能对网址的正确显示造成困

8、难。2.不要使用过长的目录。尽管服务器支持长文件名，但是太长的目录名不便于记忆。3.尽量使用意义明确的目录。例如可以用Flash,Dht