Dreamweaver解读.ppt

3.专业网站 这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站即是一个专业文学网站。 4.职能网站 职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。 （四）网页设计常用工具 网页三剑客网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。由Dreamweaver，Fireworks，Flash三个软件组成，俗称三剑客。 网页制作三剑客目前分工如下： 　　DREAMWEAVER（网页制作） 　 　FLASH（动画制作） 　 　FIREWORKS（矢量图形制作和图像处理） 　Dreamweaver 是Adobe公司推出的专业化网页制作软件。近年来，随着Internet的普及，越来越多的单位、企业以及个人都拥有自己的网站，网络对于我们的生活、学习和工作的影响越来越大。 网站是Internet提供服务的门户和基础，网页又是宣传网站的重要窗口。内容丰富、制作精美的网页会吸引越来越多的访问者浏览，这是网站生存和发展的关键。Dreamweaver是网页制作领域中用户最多、应用最广、功能最强的软件之一， 前期策划 CI形象设计 栏目与版块规划 确定网站的目录结构 确定网站的整体风格 版面布局及首页设计 网页模板制作 网站测试 发布网站 网页设计流程： 确定网站的主题和名称，一个好的网站必须有个明确、精要、尽量能够体现网站思想的主题。 中国美网 前期策划 包括LOGO、色彩、广告语等可以作为标志性的东西。CI形象设计要求以得体的颜色和图案体现网站的形象，背景颜色、字体大小及颜色、导航栏、版权信息及布局、标题等都应该做到前后协调、一致。 李宁官方网站 CI形象设计 栏目的分类可以按主题或性质分类，也可以按组织或人的思考方式分类。 板块的安排应坚持适度的原则，先制作有代表性的页面，再将相应的内容补充完整。 融謦礼品公司 栏目与版块规划 在制作网页前一定要养成画结构图的良好习惯。首页要尽量简洁，一般包括各功能按钮、内容要点提示、友情链接等内容。分支页面内容相对独立，切忌重复，而且要求导航功能完善。 华信学院 确定网站的目录结构 网站风格的确定主要针对浏览者以及网站的主题。 确定网站的整体风格 页面布局的原则是将一定的内容放在特定的可视块上，内容与定位相关，形成“标准”布局，这有利于网页的浏览和生成。 首页是浏览者对网站的第一印象，是整个网站导航图的入口点。 版面布局及首页设计 网页模版里包括所有的网页的公共元素，如LOGO、广告语、导航栏、更新时间、推荐栏目、外接CSS样式表的链接、收藏夹、返回首页、站点地图、E-mail地址、版权信息等。 网页模板制作 最方便的测试方法就是在本机上使用Internet浏览器进行浏览测试，测试内容包括链接、外观、速度、脚本和程序等。 网站测试 可以使用Dreamweaver CS5中的“发布站点”功能或者FTP软件，将页面文件上传到指定的网络服务器上。 发布网站 在学习网页设计的具体内容之前，首先要了解一下关于网页制作的基础知识。这些知识包括浏览器、网页中使用的元素、页面语言，以及各种软件在网页设计中所起的作用等。通过学习这些基础知识，可以对网页设计有一个整体上的了解。 文本 图像 动画 音频 视频 图1.2 以文本为主体的网页 图1.3 以图像为主的网页 2．Firefox浏览器 Firefox浏览器又称为火狐浏览器，是Mozilla基金会与众多志愿者所开发的，现在也有很多的使用者。目前使用较多的版本是Firefox 15.0。 1．文本的显示 文本是网页中运用最为广泛的元素之一。在网页设计中，可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果。 在网页中直接输入没有定义任何样式与属性的文本内容，其显示效果和浏览器的设置有关。 2．文本的格式 在网页中可以为文本设置各种格式，其中包括文本中字体的选择、字体的大小、文本的颜色、行高等（关于定义文本格式的详细内容，将在后面的章节中详细讲解）。下面是定义文本格式后的显示效果，如图所示。 网页中使用的图像可以分为两个部分：一部分是起修饰作用的图像，一般在页面中起美化作用；另一部分是作为内容的图像，其中有些内容部分的文本内容，因为涉及到特殊的字体，所以也要用图像的方式来显示。 网页支持的图像格式主要有三种： JPEG(包括JPG)、GIF、P