ash CS3基本操作(模块一).pptVIP

实训一 规化“汽车销售”网站 实训目标 主要强化网站规划的能力,在进行网页设计之前，首先应对所设计的网页进行详细规划，如素材收集与颜色选择等，只有在前期对这些步骤或规划进行了详细的分析，才能在后面的制作中设计出满意的网页效果。 * 实训一 规化“汽车销售”网站 实训分析 （1）收集素材。收集包括汽车图片、汽车参数、卖场信息及汽车评测等各方面的图片和数据等信息。 （2）规划站点。根据实际情况将内容设计为树型目录，如确认导航栏包含的导航按钮，然后确认每个导航按钮下包含的子选项等，使整个网页结构既清晰又规范。 （3）确认颜色。首先可确定按哪种配色方式来设计网页，如同颜色、对比色或同色系等。然后应根据网站中呈现的内容来选择颜色，如销售高档汽车可考虑使用黑色、深蓝色等感觉较为高雅的颜色；销售经济型汽车则可考虑使用黄色或绿色等较为鲜艳活泼的颜色。 （4）设计Logo。Logo不仅是网站的标志，也是网站内容的体现。 （5）规划网页。大致规划网站中每个网页的布局、结构和包含内容等情况，以方便后期制作。 * 实训二 创建“房地产公司”站点 实训目标 通过新建、编辑和导出站点等操作创建“房地产公司”站点，然后在该站点下新建并保存“公司简介”网页，最后对网页属性进行适当设置后预览网页效果。实训的最终效果如图所示。 预览网页效果 * 实训二 创建“房地产公司”站点 实训分析 （1）在E盘根目录下新建“房地产”站点。 （2）将“房地产”站点名称重新编辑为“房地产公司”。 （3）将创建的“房地产公司”站点导入到D盘根目录。 （4）新建布局样式为“2列弹性，右侧栏、标题和脚注”的网页文件，并保存在E盘根目录下的“房地产公司”文件夹中（即保存在该站点下）。 （5）将新建网页文件的外观属性设置为页面字体“加粗”、大小为“小”、文本颜色和背景颜色均为“#336633”。 （6）保存设置并在IE浏览器中预览效果。 创建“房地产公司”站点的操作思路 * * 学习与探究 切换文档视图：无论是网页设计者还是Web程序开发人员，都常常需要在设计视图和代码视图中进行切换。为方便这种操作，Dreamweaver CS3提供了3种文档窗口视图方式，通过单击文档工具栏中的文档模式按钮即可切换到相应的视图中，如图所示为单击“拆分”按钮后的效果。 拆分模式下的文档视图 * 学习与探究 自定义文档显示方式：指文档是否以最大化方式显示。在最大化显示状态，可在多个文档之间通过文档窗口顶部的选项卡进行切换；在非最大化显示状态时，多个文档以独立窗口的方式呈现，如图所示。通过单击文档窗口右上角的按钮即可使文档在最大化和非最大化之间切换。 非最大化状态下的文档窗口 * 学习与探究 网页制作流程 收集资料：制作网页前应先收集需用到的文字和图片等各种资料素材。如制作学校网页就需要学校提供文字材料，如学校简介、招生对象说明和校园图片等；制作个人网站则应收集个人简历和爱好等方面的材料。 规划站点：规划站点主要是为了防止浏览者在访问网页时“迷路”。根据浏览者的访问顺序可以将内容设计为树型目录，一般不要级数太多（尽可能少于四级），否则会让人感觉繁琐，也不方便管理。 制作网页：网站一般由多个网页链接而成，要让浏览者方便且轻松地畅游网站，在制作网页时应首先构建页面框架，然后创建导航条，接着逐一填充页面内容。 * 学习与探究 测试站点：站点测试可保证后面正确发布网站，并让浏览者成功访问网页。根据客户端要求、网站大小以及浏览器种类等进行，一般将站点移到一个模拟调试服务器上对站点进行测试或编辑。 发布站点：发布网页前需在Internet上申请一个主页空间，用于指定网站或主页在Internet上的存放位置。发布网页一般使用FTP（远程文件传输）软件（如LeapFTP、CuteFTP及FlashFXP等）上传到服务器中申请的网址目录下。 更新与维护站点：站点上传到服务器后，每隔一段时间应对站点中的页面进行更新，这样不仅可以保持网站内容的新鲜感以吸引更多的浏览者，而且还能定期检查页面元素显示是否正常以及各种超级链接是否正常等。 * 学习与探究 网页中常见的称谓及规范 通常情况下，网页的基本组成部分有Logo、Banner、导航栏、超级链接和版权信息等，如图所示即为各组成对象。 网页组成对象 * 学习与探究 Logo：网站的“商标”，一般包含网站名称、网址、网站标志、网站理念4个部分，也可取其中一个部分进行设计。Logo的位置一般在网页页面的左上角，这是视觉的焦点，可以给读者留下较深的印象。Logo的尺寸通常为88×31像素。 Banner：一般用作宣传网页的内容，也称为广告条，其位置一般在Logo的右侧。Banner的标准大小为468×60像素，其设计要点是清晰明确，要服从整体设计的需要。Ba