《dreamweaver》由会员分享，可在线阅读，更多相关《dreamweaver（25页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver CS3中文版应用教程第1章 网页设计基础重点内容： 网页与网站的关系 网页的主要构成元素 网页的设计和布局原则 网站的规划 网站的开发流程Dreamweaver CS3中文版应用教程一、 网站与网页概述 1.网页与网站的关系 网页的英文名称为Web Page，是通过浏览器在 Internet上看到的页面，其中可以包含文字、图片以及 各种多媒体内容。 网站是多个相关网页的集合，也称为站点，英文名称 为Web Site。网站中的网页之间有一定的链接关系，可 以通过点击被设置为超链接的文字或对象来跳转到相关 的网页。当访问者在浏览器的地址栏中输入一个网站的 地址以后，浏览器会
2、自动链接到这个网址所指定的Web 服务器，打开网站的主页（Home Page）。访问者可以 通过点击主页中的超链接来跳转到到其他网页。Dreamweaver CS3中文版应用教程一、 网站与网页概述 2.网站的类型 门户网站：大型综合性商业网站，用于提供各种服务 。 导航网站：提供各类网站链接，以便查找所需网站。 搜索网站：可通过输入关键词来搜索相关的网站。 电子商务网站：网上交易平台。 企业网站：企业为进行宣传或提供服务而建立的网站 。 政府部门网站：政府部门为发布政府信息和提供在线 服务而建立的网站。 个人网站：个人为展示自己或出于兴趣而建立的网站 。Dreamweaver CS3中文版应
3、用教程一、 网站与网页概述 3.网页的类型 HTML：最常见到的网页类型。 ASP：主要用于网络数据库的查询与管理，其编辑语 言为JavaScript等脚本语言。 JSP：与ASP非常相似，使用Java语言。 CGI：一种编程标准，通常用于查询、搜索或其他的 一些交互式的应用。 PHP：运行效率比一般的CGI程序高，而且完全免费。 VRML：是描述三维的物体及其连结的网页格式。浏览 VRML网页需要安装相应的插件。Dreamweaver CS3中文版应用教程一、 网站与网页概述 4.构成网页的元素 文本 图像：通常为GIF、JPG和PNG三种格式。 动画：通常是GIF动画和Flash动画。 视
4、频和音频：主要有AVI和RM两种格式。 超链接 导航栏 表单Dreamweaver CS3中文版应用教程二、 网页的设计与布局 1.网页主题三项原则：（1）选择自己擅长或喜爱的内容。（2）主题小而精。（3）不要太滥或目标太高。Dreamweaver CS3中文版应用教程二、 网页的设计与布局 2.网页的命名与标志 命名原则： （1） 体现网页的主题精练、概括性强。 （2） 合法、合情并合理。 （3） 字数不要太多，一般控制在6个字以内。 （4） 有个性，体现一定的内涵，可给浏览者更多的视 觉冲击力和空间想象力。 网站标志：简称站标，也称LOGO，是站点特色和内涵 的集中体现。Dreamweav
5、er CS3中文版应用教程二、 网页的设计与布局 3.网页的色彩在搭配网页色彩时，要注意色彩的鲜明性、独特性 、合适性和联想性。鲜明的色彩容易引人注目，独特的 色彩能使人印象深刻；色彩的合适性是指色彩与表达的 内容气氛相适合；色彩的联想性是指不同的色彩会使人 产生不同的联想。在选择色彩时还要注意所选色彩与网 页的内涵相关联。Dreamweaver CS3中文版应用教程二、 网页的设计与布局 4.网页中的文字在浏览器中，默认的标准字体是中文宋体和英文 Times New Roman字体。也就是说，如果没有设置任何 字体，网页将以这两种标准字体显示。在设计网页时， 还可以自由使用Windows操作
6、系统自带的所有英文字体 和中文字体。浏览该网页时，在Windows操作系统中都 能正确显示。如果想用特殊的字体来体现某种风格，可 以用图像来代替，即把特殊字体的文字做成图像格式， 然后在需要这种字体的地方放置文字的图像，从而保证 所有人看到的页面都是同一种效果。Dreamweaver CS3中文版应用教程二、 网页的设计与布局 5.网页中的表格在网页中使用表格可以合理地布局网页的版面，但 是如果表格使用不合理，将会减慢网页的下载速度。因 此在网页中使用表格，应该遵循以下几项原则。（1） 整个页面不要都放在一个表格中，应尽量拆 分成多个表格。（2） 单一表格的结构要尽量整齐。（3） 表格嵌套层次
7、要尽量少。Dreamweaver CS3中文版应用教程二、 网页的设计与布局 6.网页的版面和布局 版面设计:第一步：画出页面的结构草图。第二步：布局细化和调整。第三步：确定最终版式。Dreamweaver CS3中文版应用教程二、 网页的设计与布局 6.网页的版面和布局 常见网页布局：（1）型结构：网页整体效果类似符号，能够 充分利用版面空间，但是页面显得比较拥挤，不够灵活 。（2）T型结构：页面结构清晰，主次分明，初学者 很容易上手，但显得有些呆板，如果细节色彩搭配不好 ，很容易给人杂乱的感觉。（3）三型结构：多见于国外站点，特点是用两条 横向的色块将整个页面分割为3部分，色块中大多放广
8、告条与更新和版权提示，色块之间是主要内容。Dreamweaver CS3中文版应用教程三、 网站的规划 1.网站的开发规范在网站开发规范中必须指定站点的目标定位、风格 、CI形象、栏目及版块，以及最基本的目录结构；当然 有时还需要一个合理的脚本语言作为参考。网站开发规 范，并不是一成不变的，可以根据特殊情况灵活运用。 值得注意的是，在灵活运用时一定要和开发小组的其他 成员进行沟通，以免出现这样或那样的问题。Dreamweaver CS3中文版应用教程三、 网站的规划 2.网站的目标定位 题材和内容：作为一个初级的网站设计者，网站的主 题定位一定要小而精，选择自己所擅长或者喜爱的内容 ，突出个性
9、和特色。 网站名称：网站名称要响亮、易记，最好用中文，字 数应该控制在6个字以内，且能代表本站特色，使人一 看就知道本网站的主题是什么。 网站域名：在申请域名时，一定要选择一个便于记忆 的域名，最好是与网站名称相关的域名，如百度的域名 为，搜狐的域名为等。Dreamweaver CS3中文版应用教程三、 网站的规划 3.网站的风格 建立在有价值的内容之上。 明确希望站点留给浏览者的印象。 着手建立和加强站点印象。Dreamweaver CS3中文版应用教程三、 网站的规划 4.网站的CI形象 设计网站的标志。 设计网站的标准色彩。 设计网站的标准字体。 设计网站的宣传标语。Dreamweave
10、r CS3中文版应用教程三、 网站的规划 5.网站的栏目和版块 紧扣网站的主题。 设计“最近更新”或“网站指南”栏目。 设定一个可以双向交流的栏目。Dreamweaver CS3中文版应用教程三、 网站的规划 6.网站的目录结构 不要将所有的文件都存放在根目录下。 按栏目内容建立子目录。 目录的层次不要太深。 使用正确的目录名称。Dreamweaver CS3中文版应用教程三、 网站的规划 7.网站信息的准备和收集确定了网站的主题与内容之后，就应该着手进行资 料的搜集工作了。设计者需要将网站中待用的文字、图 片、动画、背景音乐等资料一一准备好，以备不时之需 。搜集来的网页素材应该与网站中的元素
11、相互对应，例 如，可能需要将搜集来的文字资料转换成文本文件或其 他网页能够识别的文件格式，或者将图片转换成适用于 网页的格式等。Dreamweaver CS3中文版应用教程四、 网站的开发流程 1.定义站点开发网站的首要工作就是要定义该站点，即明确建 立网站的目的、确定网站提供的内容及网站资料的搜集 。网站制作完毕，还要把它上传到因特网供人浏览，因 此还需要配制服务器。目前Windows中常用的服务主要 是Windows 2000/XP下的IIS服务器。Dreamweaver CS3中文版应用教程四、 网站的开发流程 2.建立网站结构 首页：是指浏览者访问网站时首先看到的网页，其中 的内容通常
12、很简单，主要用于引导用户进行浏览。 主页：是网站的精华部分，绝大部分网站的内容都可 在主页中找到缩影。 内容页：是网站具体内容的承载页，是制作网站的重 点，也是体现网站主题的主体。Dreamweaver CS3中文版应用教程四、 网站的开发流程 3.首页的设计和制作首页的制作也需要先绘制一张草图，草图应包括网 站的标志、广告条、菜单栏和友情链接等一些基本的部 件。而且需要合理地布置这些部件，根据部件的重要性 来摆放。首页的内容一般都是比较概括性的文字，起引 导性的作用，所以文字不应该太多。首页的草图设计好 后，即可使用Dreamweaver动手制作。在首页中，注意 不要使用太多的图像及音频和视
13、频等，因为这些素材的 数据量都比较大，是制约网页下载速度的重要因素之一 。如果首页的下载速度比较慢，浏览者对这个网站可能 就不会有太大的兴趣。Dreamweaver CS3中文版应用教程四、 网站的开发流程 4.制作其他页面其他页面的设计和制作不如首页复杂，但设计与制 作的方法和首页设计一样，需要注意以下几点：（1） 要和首页保持相同的风格；（2） 要有返回首页的超链接；（3） 目录结构最好不要超过3层。Dreamweaver CS3中文版应用教程四、 网站的开发流程 5.网页的测试与调试 测试网页：兼容性测试；超链接测试；实地测试。 验证与调试网站：在网站的验证与调试阶段，要尽最 大努力找出网站中的所有错误。在验证与调试期间，要 注意网站的可浏览性，因为在不同类型的浏览器中浏览 的效果有所差异，最好在几个不同的浏览器中浏览。Dreamweaver CS3中文版应用教程四、 网站的开发流程 6.网站的发布与维护 发布网站：当一个网站制作完成，并且验证与调试正 确后，即可将该网站发布到Internet服务器上，即通常 所说的上传网站。 网站维护：在服务器上发布网站以后，还需要对网站 做定期维护、内容的更新和版面的扩展等，以吸引更多 的浏览者。
