网站的制作20122.ppt

网站的制作 本节内容 新建网页 用表格布局网页版面 编辑网页文字 给网页添加背景 插入图片 插入水平线 超级链接 一、导言； 网页欣赏 网页是一个多媒体文档，其中可以有文字、图片、动画、影象、声音等多种媒体的信息。 素材的收集：根据网站主题，收集、整理和选择所使用的素材，包括：文字、图片、动画、影象、声音等。 常用网页制作工具： frontpage 、dreamweaver 本课件以frontpage为例。 一、新建网页 启动FrontPage: 开始—所有程序——Microsoft office——Microsoft office FrontPage2003 2、新建网页：单击菜单的“文件”——“新建” —— “空白网页”。 任务一：启动FrontPage，新建网页 二、网页版面布局 任务二:在新建网页中建立一个三行一列的表格,并将第二行根据自己的需要拆分为四或五列,并给表格设置背景。 三、编辑网页图文素材 ——编辑网页文字 任务三：在表格（导航栏）中录入各栏目内容个人简介、休闲娱乐、精彩生活等。字体:宋体，蓝色，字号为12磅，居中对齐。 提示：根据你在WORD中学过的知识。 思考：如何设置字体、字号、颜色等？ 四、编辑网页图文素材  ——插入背景图 任务四：为网页设置背景图片。 步骤： 1、将光标置于表格外，单击鼠标右键，选择“网页属性”。（也可先设置背景再添加表格） 2、选择“格式”标签页，勾选“背景图片”选框，单击“浏览”按钮，从d:\SUCAI中选择一张图片（例如：019_JPG.jpg）作为网页的背景。 五、编辑网页图文素材 ——插入图片 任务五：在表格中插入一张图片，并将图片设置为居中对齐。 操作步骤： 1、将光标定位于需要插入图片的单元格位置，单击“插入”——“图片”，再单击“来自文件” 2、单击“格式”工具栏上的居中对齐按钮。 六、编辑网页图文素材 ——插入水平线 任务六：在第四个表格中插入一条水平线，要求：居中对齐，宽度：700像素。 提示： 1、单击“插入”菜单，选择“水平线”，即可在网页中插入一条水平线 2、双击或右击插入的水平线，选择“水平线属性”，调整水平线宽度、高度、颜色、对齐方式等属性。 七、超级链接 任务七： 将index.htm保存 将index.htm 修改一下(注意保留导航栏)另存为2.htm 选中“个人简介”——插入——超链接——选中index.htm ，建立超级链接。 小 结 新建网页 编辑网页文字 插入背景图 插入图片 5、插入水平线 6、插入超级链接 八、 插入flash影片 任务五：在表格的第一行中插入flash动画： D:\sucai\Flash\piantou.swf * /files/xxjs/dianniaozuoping/gaozhong/web/web_01/home.htm /寿光蔬菜博览会 /寿光官网 思考：网页中通常使用 进行页面布局？ 表格 1、右击表格——表格属性——可以设置表格宽度、 对齐方式、边框粗细、背景颜色等 2、右击单元格——单元格属性——设置背景颜色/背景图片等 3、选定单元格——右击——合并单元格/拆分单元格 提示 1、格式/字体 2、 格式工具栏 3、图片大小的调整： 方法1：单击选中，拖动四周的小方块 方法2：双击或者右击图片，打开“图片属性”对话框设置 想一想：能不能给文字或是图片建立超链接？ “插入”菜单完成 双击或右击调整属性。 文件/新建 右击/网页属性 格式/字体 ；格式工具栏 提示： 1、插入——图片————piantou.swf 2、右击——播放flash 影片 3、属性设置方法同图片 *