网页制作.ppt

《网页制作.ppt》由会员分享，可在线阅读，更多相关《网页制作.ppt（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页的制作莆田四中 信息技术网站欣赏网站欣赏范例范例1: 1:范例范例2:2:构成网页的元素构成网页的元素:文字，图片，动画，音频，视频文字，图片，动画，音频，视频 问题：到底是什么东西具有这么大的魔力可问题：到底是什么东西具有这么大的魔力可以把这些元素这么协调的排列在一起呢以把这些元素这么协调的排列在一起呢 ？任务一：任务一：请同学们用请同学们用frontpagefrontpage打开刚才演示的范例打开刚才演示的范例2 2的主页，的主页，并对页面进行分析。并对页面进行分析。范例范例2 2：利用表格来进行网页布局利用表格来进行网页布局如何用表格进行网页布局如何用表格进行网页布局 请同学们新建站

2、点，并利用表格对首页进行布局。请同学们新建站点，并利用表格对首页进行布局。 任务二：任务二：请同学们进行网页背景设置，插入网页的请同学们进行网页背景设置，插入网页的bannerbanner。设置网页背景，插入设置网页背景，插入banner。 仿照作品范例仿照作品范例2 2演示操作演示操作任务三：任务三：保存网页并上传保存网页并上传3 3、把整个网站打包好后上传到根目录下，这样可以方便、把整个网站打包好后上传到根目录下，这样可以方便我们下节课继续修改这个网站。我们下节课继续修改这个网站。注意事项：注意事项：1 1、网页保存在根目录下，可一次性同时上传八个网页、网页保存在根目录下，可一次性同时上传八个网页文件。文件。2 2、ImagesImages文件夹同样也必须在根目录下，但是由于文件夹同样也必须在根目录下，但是由于文件夹不能一次性上传上去，所以我们必须先在根目文件夹不能一次性上传上去，所以我们必须先在根目录下新建一个同名的文件夹（子目录），然后再把图录下新建一个同名的文件夹（子目录），然后再把图片上传到这个文件夹（子目录）下。片上传到这个文件夹（子目录）下。请同学们保存网页，并上传做好的网站半成品。请同学们保存网页，并上传做好的网站半成品。任务四：任务四：请已经完成以上任务的同学仿请已经完成以上任务的同学仿照范例照范例2 2设置导航栏。设置导航栏。自主探究自主探究