新实战Dreamweaver CS5 网页制作教程 第2版 教学课件 刘天真 第1章 初识DreamwaverCS5.pptVIP

1.“插入”面板组 2. “文档”工具栏 3. 文档窗口文档窗口是设计网页的主窗口，在该窗口中，用户可以对各种网页元素进行编辑和排版。在文档窗口中右击，在弹出的快捷菜单中可以选择相应的命令进行操作。4. 状态栏状态栏位于文档窗口的底部，用于提供与用户当前编辑的文档有关的信息，如当前窗口大小、文档大小和估计下载时间等。 5. “属性”面板 1.5 制作第一个网站“藏獒传说” 操作步骤： 7）光标移到文字最后按回车键，此时光标在第4段的左端，单击菜单“插入”→“表格”命令，打开“表格”对话框。设置表格为1行5列，表格宽度为70%，边框粗细为1，如图所示，单击“确定”按钮，则插入一个表格。 1.5 制作第一个网站“藏獒传说” 操作步骤： 单击表格边沿选中表格，设属性面板中的“对齐”方式为“居中对齐”，让表格在文档中居中。 单击表格左端的第1个单元格将光标移到该单元格中，输入文字“藏獒书屋”。同理，在其他的单元格中分别输入文字。拖拽鼠标从左到右选中所有单元格，设属性面板中的“目标规则”中选择“t2”，设单元格“水平”为居中对齐，使得文字在表格中居中。按F12预览效果。 1.5 制作第一个网站“藏獒传说” 操作步骤： 8）光标移到表格右端按回车键，此时光标在第5段的左端，单击菜单“插入”→“媒体”→“SWF”命令，打开“选择SWF”对话框。在对话框中选择image/zangao.swf文件，两次单击“确定”按钮，插入Flash的SWF文件。光标移到Flash文件右边，单击“属性”面板中的居中对齐按钮 ，使得Flash文件在文档中居中。按F12预览效果，如图所示。 1.5 制作第一个网站“藏獒传说” 操作步骤： （3）制作网站子页 1） 新建网页，保存为index1.html，在“文档”工具栏中将文档标题改为“藏獒传说-精品藏獒”，按回车键确认。 2）单击属性面板中的“页面属性”按钮，打开“页面属性”对话框。在“外观”选项下，单击“背景图像”右侧的“浏览”按钮，找到image/bg.gif图像文件，单击“确定”按钮，为网页添加了背景图像。 3）在属性面板中单击 按钮切换到CSS属性面板，设“目标规则”为“新CSS规则”，单击“编辑规则”按钮，打开“新建CSS规则”对话框，在“选择器名称”中输入“t3”，单击“确定”按钮两次，回到文档窗口。此时CSS属性面板的“目标规则”显示样式“t3”，设文本“居中对齐”，字号为24，文字颜色为#FF6600，设对齐方式为居中对齐 。 在CSS属性面板中，设“目标规则”为“新CSS规则”，单击“编辑规则”按钮，打开“新建CSS规则”对话框，在“选择器名称”中输入“t4”，单击“确定”按钮两次，回到文档窗口。此时CSS属性面板的“目标规则”显示样式“t4”，设字号为12，文字颜色为黑色。 1.* 第1章 认识 Dreamweaver CS5 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 学习目标 掌握Dreamweaver CS5工作界面的基本操作 能利用站点定义向导创建站点和编辑管理站点 初步体验制作一个完整网站的方法 1.1 Dreamweaver CS5简述 1.2 Dreamweaver CS5的工作界面和基本操作 1.3 Dreamweaver站点的建立及规划 1.4 文件的基本操作 1.5 制作第一个网站“藏獒传说” 本章内容 Dreamweaver CS5是美国Adobe公司推出的集网页制作和站点管理于一身的网页制作软件，也是第一个专门为网页设计师量身定制的可视化网页制作软件，利用它可以制作出跨越平台限制和浏览器限制的、充满丰富动感的网页。以前，网页设计者在制作网页时必须熟练掌握HTML语言和JavaScript，但是现在设计者使用 Dreamweaver CS5就可以轻松制作出精美的网页，而且在制作过程中可以同步预览制作效果，使得网页设计过程简单明了。 Dreamweaver CS5在原来版本的功能基础之上进行了改进和升级，功能更强大。它不仅可以制作出任何结构复杂的静态网页，具有完美的操作界面、强大的模板功能、创建动态网页、强大的代码编辑功能，在Dreamweaver CS5中，CSS功能更加完整、站点管理更为简捷、高效。 1.1 Dreamweaver CS5概述 1.2.1 Dreamweaver CS5的启动 1.2 Dreamweaver CS5的工作界面和基本操作 单击“开始”按钮，选择“程序”中的“Adobe Dream