网站制作简介

1、网站制作简介(一),“心系奥运”网站制作,网站制作任务,要求： 主题:心系奥运 每个人独立完成（可参考课本P102109页操作方法，但内容不能与书本完全雷同,要结合奥运动态和自身实际）； 时间：12周上课时正式上交作品； 至少5个栏目，5个页面； 站点文件夹统一命名为g1+班别+学号； 素材分类管理。 备份数据：打开网络2室座位表进入各自对应的FTP空间，上传：将站点文件夹压缩为rar文件，复制/粘贴；下载：右击/复制到文件夹，选择D盘。,网页制作工具,Word (保存为web文件) 、Frontpage、Dreamweaver。 网页三剑客Dreamweaver、Flash、Firework

2、。 Frontpage窗口简介,视图栏,（一）新建站点、新建主页,步骤： 运行FrontPage； 新建一个“只有一个网页的站点”，在 输入一个目录（建议是D:G1XXYY,XX为班别，YY为学号，如高一8班10号为D:G10810），同时网站会自动新建一个名为index.htm的主页；,注意： 网站中所用到的图像、声音、视频、动画等素材应分类放在相应的文件夹。 网站中所有文件夹名和文件名用最能反映文件内容或特征的英文或拼音字母来命名，不要用中文。,想一想，主页文件可以用其它的名字吗？,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景 利用表格布局网页 插入表格 布局、边框、背景 添加

3、图像 插入图像 外观 插入动画（gif、swf） 大小、布局 保存网页,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 外观 插入动画（gif、swf） 大小、布局 保存网页,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 外观 插入动画（gif、swf） 大小、布局 保存网页,插入表格方法： 1、“表格”菜单/插入/表格 2、单击工具栏“插入表格”按钮 3、“表格”工具栏/手绘表格,技巧：表格的单元格内也可以插入表格！,（二）编辑主页,编辑主

4、页 页面属性 标题和背景音乐、背景 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 外观 插入动画（gif、swf） 大小、布局 保存网页,心系奥运的首页详细结构图,Logo,Banner,导航栏,表格布局,第一行（插入一个1行1列的表格）,第二行（嵌入一个1行5列的表格）,第三行,第四行（嵌入一个1行4列的表格）,插入一个4行1列的表格,拆分为两列,拆分为两行,想说的话,精彩链接, 插入一个4行2列的表格,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景、边距 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 设置图像 插入动画（gif、swf） 大

5、小、布局 保存网页,插入图像（gif、jpg）方法： 1、“插入”-“图片”-“来自文件” 2、使用图片浮动工具栏 3、复制粘贴(如Word中的艺术字),复制粘贴来的,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景、边距 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 设置图像 插入动画（gif、swf） 大小、布局 保存网页,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景、边距 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 设置图像 插入动画（gif、swf） 大小、布局 保存网页,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景、边距 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 设置图像 插入动画（gif、swf） 大小、布局 保存网页,（二）编辑主页,编辑主页 页面属性 标题和背景音乐、背景、边距 利用表格布局网页 插入表格 布局、边框、背景 添加图像 插入图像 设置图像 插入动画（gif、swf） 大小、布局 保存网页,保存与另存为的区别： 网页第一