Dreamweaver MX 2004教程 2.pptVIP

第2章 网页与网站的基本知识 本章教学目标： 要制作出令人满意的网页，不仅要熟练地使用Dreamweaver，而且要掌握网页的一些基本知识和网站开发时的某些注意事项，否则就可能陷进费了好大功夫制作出的网页尽管内容繁多、色彩绚丽却得不到认可的尴尬境地。本章介绍网页与网站的基本知识，包括网页的设计和布局原则、网站的策划与创建原则、以及网站的开发流程等内容。 教学重点与难点： 1. 网页设计和布局原则。 2. 网站策划与创建原则。 3. 网站的开发流程 2.1 网页设计和布局原则 一般来说，网页都是由网站名称、广告条、主菜单、计数器和邮件列表等组成。但在页面中加入这些部件，并不能称为真正的“网页”。评价一个网页的好坏，不仅在于其内容的多少与好坏，还需要注意网页的颜色搭配、网页字体、网页版面和布局等。 网页设计构思是制作网页的指南。用户在制作网页之前，要针对网页的主题、命名、标志、颜色搭配和字体等要素进行详细的构思和策划。确定这些要素后，再设计网页的版面和布局，网页版面与布局要遵循平衡和凝练的原则。 2.1.1 什么是网页 网页就是通过浏览器在Internet上看到的页面，英文名称为Web Page。 2.1.2 网页主题 网页主题时应该遵循以下原则： 1. 自己擅长或喜爱的内容 2. 主题小而精 3. 不要太滥或目标太高 2.1.3 网页命名和标志 网页名称是网页主题最凝练的概括，一个好的网页名称会给浏览者留下深刻的印象。一般来说，命名网页应遵循以下的原则： 1.体现网页的主题，凝练，概括性强。 2.合法、合情并合理。 3.字数不要太多，一般控制在6个字以内。 4.有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力 2.1.3 网页命名和标志 网站标志(LOGO)简称“站标”，是站点特色和内涵的集中体现。站标一般放在网站的首页上，和商标类似，标志可以是中文文字、英文字母、符号、图案等，其设计创意应立足于网页的主题和内容。图2-2所示分别是网易、新浪、搜狐和腾讯的站标。 2.1.4 网页的色彩 网页的色彩是树立网站形象的关键因素之一。 1. 非彩色的搭配 2. 色彩搭配 在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。 2.1.5 网页的文字 在网页中设置字体时，要注意以下基本原则: 不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。 不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息 最好不要使用不停闪烁的文字。 标题的字体比正文要稍大一些，颜色也应有所区别。 2.1.6 网页中的表格 使用表格可以布置网页的版面。但是如果在网页中使用表格不合理，则会减慢网页的下载速度。因此在网页中使用表格，应该遵循以下几点要求: 1. 整个页面不要都套在一个表格中，尽量拆分成多个表格。 2. 单一表格的结构尽量整齐。 3. 表格嵌套层次要尽量少。 2.1.7 网页版面和布局 1. 版面设计的主要步骤 版面设计可分为画出页面的结构草图、布局细化和调整、定格三步。 (1) 画出页面的结构草图 (2) 布局细化和调整 (3) 定格 2.1.7 网页版面和布局 2. 常见网页布局 设计网页布局时应遵循平衡和凝练原则，一般来说，网页布局主要有以下3种结构。 (1) π型结构 (2) T型结构 (3) 三型结构 (1) π型结构 (2) T型结构 (3) 三型结构 2.2 网站策划与创建原则 网站是一个复杂的系统工程，其中策划和创建是整个工程的重要组成部分。策划是创建网站的前提条件，网站需要策划的内容大体分为两方面： 一是纯网站本身的设计，比如文字排版，图片制作和平面设计等； 二是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，