第六章 网页的基本编辑

《第六章 网页的基本编辑》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于工作过程的网页设计与网站开发教程机械工业出版社主编：张洪斌刘万辉情境1：书法家庄辉个人介绍页面的制作基于工作过程的网页设计与制作教程第六章网页的基本编辑1.项目展示与项目目标2.项目资讯3.项目计划与决策4.项目实施5.项目检查与评估6.强化拓展实训:制作鼠标滑过效果项目展示与项目目标1项目展示与项目目标掌握Dreamweaver的基础知识掌握Dreamweaver插入文本、图像、表格、超级链接的方法与技巧掌握Dreamweaver插入特殊字符的方法掌握Dreamweaver插入Flash动画的方法掌握Dreamweaver插入Flash透明动画的技巧方法网页编辑

2、基础知识2.项目资讯静态网页:是纯粹HTML格式的网页l静态网页上的页面不能互动交流，只供客户端浏览，不能即时更改文字及图片资料。不能实现客户端和服务器端的直接信息交流。l静态网页上的内容维护人员必须手动修改。l开发静态网站的费用极低，但如果每月或每周修改网站的话，维护成本会变高。网页编辑基础知识2.项目资讯动态网页:采用动态技术生成的网页“交互性”，即网页会根据网页用户的要求和选择而动态改变和响应。“自动更新”，即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省维护工作量。“因时因人而变”，即当不同的时间、不同的任务访问同一网址时会产生不同的效果。使用

3、动态页面，一般后台会链接数据库，每当数据库或其他数据源数据发生变化时，网站内容就会发生相应的变化。网页编辑基础知识2.项目资讯本地站点本地站点是指存储Web文件和文档的文件夹。定义站点就是在Dreamweaver中设计网站的第一部，此时设计人员将指定根文件夹的位置。本地站点包含网站的文件，这些文件存储在本地磁盘上。每当需要更新网站的文件时，就可以编辑本地站点中的相应页面，然后上传到远程服务器上进行更新。必须为每个网站都定义一个本地站点。网页编辑基础知识2.项目资讯远程站点远程站点也就是网站服务器。在建立远程站点之前，必须先创建一个本地站点（本地站点将与远程站点关联）。

4、建立远程站点之后，即可根据需要上传文件和将文件下载到本地站点中。根文件夹l存储所有网站文件的本地文件夹。l站点的本地根文件夹应该是专门为该站点创建的。2.项目资讯关键知识点一：认识DreamweaverCS3的工作界面菜单插入栏文档工具栏属性检查器文档窗口面板组2.项目资讯关键知识点一：认识DreamweaverCS3的工作界面Dreamweaver的界面-插入栏Dreamweaver的界面-属性检查器2.项目资讯关键知识点一：认识DreamweaverCS3的工作界面Dreamweaver的界面-面板组a）“文件”面板b）“资源”面板2.项目资讯关键知识点一：认识D

5、reamweaverCS3的工作界面“页面属性”对话框包括页面的颜色、页面标题和背景图像等的设置选项，点击如图“分类栏”中的各个选项，可作如下设置（以外观分类为例）。图中设置了文字大小为12pixels，文本的颜色为白色（#ffffff），背景颜色为深褐色（#6d4418），网页的上边距、下边距、左边距、右边距都设置为0pixels。2.项目资讯关键知识点一：认识DreamweaverCS3的工作界面图中设置了文字大小为12pixels，超级链接的链接文本颜色与已经访问的文本颜色为白色，变换图像链接时的颜色为浅黄色（#FFCC00），下划线样式设置为：仅在变换图像时显

6、示下划线。2.项目资讯关键知识点一：认识DreamweaverCS3的工作界面编码为简体中文GB23122.项目资讯关键知识点二：调整图层的显示属性制作过渡动画编辑文本是最基本的网页制作技能，文字是人类文明的结晶，是网页传递信息的最基本的方式。编辑和设置内容丰富、格式美观的文本，既可以传达网站大量的信息，又可以激发浏览者的阅读兴趣。在Dreamweaver中可以输入普通文字，也可以输入特殊字符，设置字体大小，改变文本颜色等。1）文本的输入2）复制和粘贴文本3）从Word文档中导入HTML，粘贴到所需位置即可比较与+键的区别2.

7、项目资讯关键知识点三：Dreamweaver插入网页图像执行“插入”→“图像”命令，完成插入图像。2.项目资讯关键知识点四：Dreamweaver插入超级链接超级链接目标的四种属性_blank：在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。_parent：在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。_self：在当前窗口中打开链接，同时替换该框架中的内容。_top：在当前浏览器窗口中打开链接的文档，同时替换所有框架。2.项目资讯关键知识点四：Dreamweaver插入超级链接2.项目资讯关键知识点五：Dreamweave