S8网站制作教程.ppt

Dreamweaver网站制作;界面介绍;构建站点文件夹;在DW中新建站点;【文件】面板;为什么要建立站点;新建第一个网页;关于表格的操作;特别提示;插入表格：900PX，3行2列，边框、边距为0 合并拆分并插入内容为： 合并拆分单元格用快捷菜单中的“表格” 宽、高设置在属性面板的HTML属性中 选中单元格标签 选择标签td可选中单元格，对齐方式可在HTML属性面板直接设置;插入内容;粘贴文本并编辑 插入图片 插入SWF文件，在属性面板设置高、宽和透明 插入水平线，在属性面板设置宽高，在代码视图设置颜色 设置电子邮件地址的链接 输入超级链接的文本并建立超级链接;网页格式化--全局格式设置通过代码视图插入标签：在body后面插入标签“bgsound”(背景音乐),了解标签编辑对话框;网页格式化--全局格式设置;第二课;CSS (串联式样式表) Cascading Style Sheets;CSS概述;计算机中“样式”的含义;CSS基本语法;定义CSS样式关键词：style;全部100多个CSS属性;作业：阅读教材;分类含义;实例;CSS的三种定义和应用方式;格式： body style=Background-attachment:fixed; Background-repeat:no-Repeat background=abc.gif …… /body 说明 该定义只在当前行有效 ;head style type=text/css !-- h1 {font-family:宋体;font-size:12pt;color:blue} -- /style /head 应用方法：body h1 测试文字/h1 /body 内部样式表(Internal Style Sheet)：在HTML文档的HEAD标记内定义，应用于整个HTML文档 ;内联样式与内部样式实例;定义：在记事本中输入下面代码，以文件名sample.css保存。 style type=text/css !-- h1 {font-family:宋体;font-size:12pt;color:blue} -- /style 应用： head LINK REL=stylesheet href=sample.css /head 在当前HTML文档中所有使用H1样式的文字将按CSS定义的格式显示。 ;各种CSS优先顺序;样式的转换;DW中CSS的用法;CSS;表格布局的特点;DIV+CSS;插入方法;Mydiv1的格式设置;简单实例;三个DIV（2个相对定位，一个绝对定位）;;DIV标签的嵌套和相对位置;标签栏;阶段总结;第三课;菜 单;Spry菜单栏;??单外观修改;特别提示;删除菜单时的常见错误;添加行为实现网页特效;添加行为实现网页特效;DW提供的基本布局方案;课堂实例;Index.html的建立;设计index.html;将设计文本化;补充细节;个人网站导航的策划