使用DW制作简单网页.ppt

主题3包括使用DW创建简单网页、学习内容、在Dreamweaver中使用默认情况下站点设置文件头定义文本使用Flash动画使用音频的视频、有关Dreamweaver的信息，以及Dreamweaver是设计、编码和开发网站、网页和web应用程序的专业HTML编辑器。Dreamweaver是Adobe(Macromedia)提供的专门web创作工具，它通过独特的行为、模板和时间轴等快速高效地创建具有高度表现力和生动效果的web页，从而简化网页创作过程，DW设计web页过程，在整个网站创作过程(Photoshop或Fireworks中渲染)DW网站创作流程新站点指定站点文件名定义页面属性插入表格定义页面大小转换为布局视图添加内容插入导航条转换为标准视图任务添加链接使用代码片断定义和应用添加动态交互链接站点单个页面。DW界面简介，视图切换代码提示属性面板标签选择器，锚记用于定位网页中的位置，如网页的上、中、下等；图像占位符在需要使用图形的位置插入占位符图形。FireworksHTML是使用Fireworks软件剪切的图片。交换图像在鼠标悬停时替换为另一个图像，并改善移动。表格数据可以转换为将其他文件中的数据插入到网页中的表格。标签选择器可以插入其它不经常使用的HTML标签。站点定义，防止Why错误：路径错误，链接错误HOW1。创建存储站点中所有文件的文件夹。2.按列分类(将图片放在图像文件夹中)3 .命名惯例：指定英语或拼音名称，web文件的后缀名称* .htm或* .html，web站点主页命名约定index.htm或default.htm，设置文件头，1，meta标签说明2，web页的编码设置3，设置文档标题4，定义关键字5，设置说明文字6，设置web页的刷新，1，meta标签说明输入的关键字不能反映主页的内容关键字太多，通常在5个以内。您可以在搜索引擎中查找网页，如、5、设置说明文本、说明文本和关键字。内容要尽量简明扼要。6，启用网页刷新，并在打开网站后的几秒钟内让浏览器自动转到新网页。用于需要经常刷新的网页。输入URL，2，使用文本，1，文本格式2，插入特殊字符3，段落和换行4，添加注释和空格5，插入和设置水平线6，段落缩进7，使用列表，1，设置文本格式，标题标签内容#是字体大小，值1任何颜色都有红、绿、蓝三个颜色通道以不同亮度的百分比混合在一起。前两个表示颜色中红色的亮度，中间两个表示绿色通道的亮度，后面两个表示蓝色的亮度。，2，插入特殊字符，3，段落和换行，段落换行：标签，直接enter键换行：shift键enter键，4，添加注释和空格，添加注释空格输入代码使用中文全角输入法，5，插入和设置水平线，以及使用图像、网页上图像的类型图像的HTML标记图片与文本对齐的方式调整图片大小、替换图像、color属性鼠标指针图像(RolloverImage)简单图形混合、网页上图像的类型、简单格式、丰富的图像信息、不压缩(BMP)GIF 在DW中完成新站点index.htm页面网页标题中插入个人网站图像、输入文本、使用链接meta标签、自动跳转完成exapmle.htm页面article.txt中的文本使用素材文本“散文四季”，位于中心的标题目录内容中的文本使用标题1，每个标题目录内容使用有序列表，未排序列表春天、第四、使用超链接、超链接概念超链接HTML标记超链接类型文档路径、超链接概念、紧密连接单独web文档的不可见连接线。超链接使您可以在网页和网页之间导航。源端点(源锚点)、目标端点(目标锚点)、超链接结构、网址网页图像程序页面的位置、文字图像、超链接的HTML标记、链接的HTML标记链接文字目标(Target)的说明：使用_blank出站链接_parent扩展当前文档的父框架集的网页。_seft扩展当前文档的框架集中的页面。工作站中的链接_top包括父窗口(使用多层框架时)、超链接的HTML标记、链接的四种状态、a:link(未访问)a:visited(已访问)a:hover(悬停时)Subject=“邮件主题”)锚定链接图像热点包括空链接、锚定链接、角色：如果网页文章特别长，如何快速定位：1、锚定链接设置2、创建指向锚定的链接内容注意：1、在同一网页中锚定名称是唯一的2、链接锚定中引用的锚定名称是区分大小写的3、链接和文件路径资讯，绝对路径(使用完整URL位址)Eg:相对路径index