教你制作静态网页的方法.docVIP

教你制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点创建本地站点：站点----管理站点----新建----站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）----跟随向导设置直至完成 3、网页文件的基本操作a、创建、打开和保存网页文件 创建：文件---新建----创建打开：文件---打开----选择欲打开的文件或者在右边的文件浮动面版中选择打开 保存：文件---保存或另存为 b. 设置网页的页面属性修改---页面属性---然后设置（标题、背景、背景图像、文本等） c. 设置网页对象的颜色 网页对象，如页面背景、文字、链接都经常需要设置颜色。可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置文本可键入、导入、粘帖文字可设置字体、大小、颜色、格式等。 键入空格的方法： 1、汉字输入法设置为全角方式，按空格键即可输入。 2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER 实例练习： 输入以下文字书签夹在诗集里， 落叶夹在深秋里。 喜悦夹在生活里， 追求夹在人生里。 2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项 目符号，对齐方式为 “ 居中 ” 。然后保存、预览。 比较两次设置的效果。 e. 网页图片的插入和属性设置 插入图片，在对话框中选择图片。 （最好在建立站点时将欲用的图片素材复制到本地站 点目录中） 插入图像占位符，在图片准备好后再加入图片。加入方法： 1 、双击图像占位符； 2 、 点 “ 属性面版 ” 中的 “ 指向文件 ” ，拖到右边文件中要插入的文件处。 在图像属性面版中设置 f. 插入层 方法 : 1 、点击插入面版中的“描绘层” ； 2 、在网页编辑器窗口中按住鼠标左键拖画出定位 用的层； 3 、可以随意移动层的位置； 4 、可在层中插入图像、文字等。 g. * 插入表格 , 用表格定位 方法： 1 、 先用鼠标点至欲插入表格的位置； 2 、 点插入面版中的“表格”—“插入表格” ； 3 、 确定行数、列数后确定即将表格插入到选定位置了； 4 、 可在表格中任何单元格里插入图像、文字等。 h. 建立超链接 方法 : 1 、选中要建立超链接的文字或图像； 2 、 点右键 “创建链接” 打开的窗口或在属性的链接栏里， 填入链接的目标。 （如： 本 网 站 另 一 个 网 页 ， 或 外 部 网 页 如 ， 或 电 子 邮 件 如 ： mailto:zdhwangji@21 ） 3 、 在页面属性里修改链接的属性： 修改 -- 页面属性 （链接、 活动链接、 访问过链接） 1 制作要求：（ 网页效果 ） 1 、 页面的背景图片为 bg0100.jpg; 2 、 在合适的位置插入图片 earth.gif; 3 、 在网页中输入横排带阴影的文字“欢迎访问网络工程 08 级 3 、 4 班主页” 4 、 将网页用 index.htm 为名保存在本地站点 My site 中。 1 、按下面操作建立站点：先新建一个文件夹 My site （下面举例中是建立在桌面上） 。 ( 选择“站点” --- “新建站点”命令； ( 在弹出的对话框中，在“站点名称”文本框中输入“应用实例 1 ” ，并点下一步； ( 按下图选择“否，我不想使用服务器技术” ，然后点“下一步” ； ( 按下图选择 “编辑我的计算机上的本地副本， …… ” ， 并选择文件存放的目录路径， 然后点“下一步” ；