《DreamWaver教程》PPT课件

《《DreamWaver教程》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Dreamwaver教程http://www.it.com.cn/f/edu/074/17/406712.htm第一部分软件简介与设置1软件介绍2起始页的使用（注意范例创建）想再显示起始页编辑首选参数3、界面布局与切换可以直接在下面的区域设定对象的属性，界面也可以进行折叠，可以有更大的空间。4、定制工具箱可以选择工具栏的形式5、代码拆分与设计模式但是也不能所见即所得，有些区别拆分模式可以把代码与界面进行对应几种模式可以灵活选择，用自己最喜欢的方式6、定制实用界面布局可以随便拖曳工具条，打乱后可以这样恢复双屏幕只针对两个屏幕的计算机。保存当前，可以把

2、自己比较满意的界面保存下来，定义成默认的。7、标签选择器可以通过标签选择器选择所要的部分。8、选取手形和缩放工具选取　　移动　　缩放ctrl+ctrl-的功能也可以用右侧的数字进行设制，双击缩放工具可恢复100%9、显示设置与速度统计可以测试不同分辨率下的显示情况可以定义自己的常用界面，如800＊600的10、属性面板与设置属性面板与用户选择的内容联动。11、菜单命令快速上手不用死记，这本来就是按类别分好类的只有命令与站点有点特色。好多都有其它的使用方式，用得不多。12、网页色彩搭配13、HTML基础知识14、企业识别系统与WWW第二部分定义站点页面属

3、性1、制作网站三大原则遵守三大原则，会省很多麻烦1）建立一个网站2）ID与名称最好不用中文3）尽量要多存盘，很多问题可能是没能存盘造成的2、定义新站点新站点的方法1234用FTP传输到主机5asummaryofyourwbesite6youcanalsochoosetheadvancedpanel3、文件面板基础操作可以进入右面的管理模式，有本机与远程文件可以选择本地文件夹在左边或是右边4、创建新网页与网站地图建好文件，可以选择网站地图建立网站地图在地图上双击就可以进行网页的编辑5、创建新的链接不断链接，可以得到6、地图模式下修改文件标题在地图下可以这

4、样一次性集中修改网页的标题7、自定义根查看链接关系地图太大时可以这样查看。8、CSS的设置一，外观设置8、CSS的设置一，外观设置这些内容都是基于CSS的设置。9、CSS的设置二，链接设置10、CSS的设置三，标题设置右下为网页标题的设置与网页编码的设置11、CSS的设置四，跟踪图像可以用图像软件把网页的样子画下来，放在页面上，编网页的时候把这个图放在后面，就像描红的时候一样。后面有专门的讲解。12、基础HTML页面设置从编辑－＞网页首选参数可以调出。根据CSS的设置要比基于传统设置的选项要多很多。13、本小节HTML基础第三部分文本与列表控制2、网页

5、标题修改的多种途径随便修改就行3、正文标题文字格式的设置4、文字大小颜色与对齐下面的属性设置区可以随便设置5、常见问题，文本中输入空格以前的版本好象很不容易，现在好象没有什么问题6、段落切换与强行换行回车　或shift+回车7、文本编辑基础字体标签编辑器　强调块引用：相当于缩进这些文本工具都不错，但是用起来还是要自己多试试，可能与自己在word中的经验有所不同，最好是用拆分的视图进行实验，可以对其格式有更深的认识。8、从外部导入文本内容可以直接贴过来，或是带格式也可以导入文档，倒入时可以选择格式9、清理冗余代码Word可以输入HTML文档，但是里面会有

6、好多冗余信息。其实其它HTML文档可能也不太精简，需要进行清理工作。10、列表与排序标签编辑器是很好的工具12、插入排版水平线插入　　属性　　标签这些内容综合使用就可以了第四部分链接的使用2、定义页面链接样式3、一般链接的常见形式后面的　＃apple为锚标记4、输入法建立第一个链接链接分成：外部链接　　与　　内部链接也可以直接输入一个URL点过的链接变色了，可以清除历史记录，再刷新就行了5、指向法制作链接6、快捷键拖动法创建链接按shift可以直接拉出一个连接箭头建立链接很容易，不再多说了制做下载链接14、锚链接的制作锚链接是对本网页特定位置的链接第五

7、部分图像处理1、图像处理学习计划与目标2、用菜单插入及设置图片这样可以插入图片上来后可以直接用鼠标调整大小替换文本　　详细说明不用设3、用代码直接插入图片这样就可以在很好的帮助下写出代码4、代码状态下为图片添加链接5为图片添加提示文本alt6用标签检查器设置图片可以一次性输入很多属性，这些都可以反映在代码中7用属性面板设置图片设置大小，仅是显示的大小，不改变原图片，所以要想真的改变大小，可以用其它的工具。边距：是其它元素到图片的距离。低解析度源：楞以先用一个小的图片，等主面出现后再换成大图片，使加载变快。8编辑图像热区可以为每一个热区建立链接优化、裁切

8、、亮度、锐化图像这一部分的操作会真的改变图像，注意插入占位符设计的时候，不知道用什么图片，可以