苏科版（2018）八年级全册信息技术 3.2.3创建网站、制作首页 课件（31张PPT）

昨天上午，中国发生了一件重大的科技事件！想知道是什么事吗？
搜狐网专题新闻网页
信息技术对载人航天工程的贡献
新浪中文网
天猫购物网
江苏中小学信息技术学习网
比较一下，下面的网站布局结构有什么共同点。
今天的任务——动物保护网站
目录
CONTENTS
启动软件
建立站点
设计首页
美化网页
1
2
3
4
启动DW的方法？
目录
CONTENTS
认识工具
建立站点
设计首页
美化网页
1
2
3
4
任务一：

请根据“1.新建站点”微视频，
学习新建站点，站点名:“dongwu”
文件存储位置为：“d:\dongwu”。
新建站点要点：
1、正确的输入站点位置的目录信息。
2、除最后远程服务器设置选“无”，其它选默认值。
目录
CONTENTS
认识工具
建立站点
设计首页
美化网页
1
2
3
4
任务二：

请根据“2.建立首页”微视频，
学习在网站中新建首页，首页名:
“index.html”。
网页的元素构成：
标题、图标、水平线、文字、背景图片、音乐
制作首页要点：
1、新建文件类型为“HTML”类型。
2、新建后保存文件名为“index.html”。
任务三：

根据“制作首页标题”微视频学习
制作标题“动物——人类的朋友”，
设置标题文字为“华文新魏”，字号
大小为65,颜色为“深绿色”，居中对齐 。
制作标题要点：
1、设置文字格式前必须先选中文字。
2、文字格式设置在下面“属性”面板中进行。
任务四：

根据“插入水平线”微视频学习
在网页中插入水平线，线宽100%，
线高为2像素，颜色为绿色。
设置水平线要点：
1、设置水平线必须先选中水平线。
2、宽度和高度设置在下面“属性”面板中进行，
设置水平线颜色在右键“快捷菜单”中设置。
任务五：

根据“插入网站标志”微视频学习
在网页中插入Logo图，图片大小为
高100 宽100，对齐方式为：绝对
居中。
任务六：

插入正文，思考如何给文字
设置格式。

设置正文格式要点：
1、可直接复制WPS文字中设置好格式的文本。
2、空格的两种输入方法。
任务七

如何给网站添加背景图片
和音乐？
背景图片为素材文件夹里的
“STBJ006”，音乐文件为
“宗次郎 - 故乡的原风景.mp3”
分组练习
对自己的网页进行完善和美化。
自主拓展
试一试：
1、插入“进入下一页”按钮和文字。
2、用艺术字美化标题。
课堂小结
一、建立站点，创建首页

二、制作网页
1、标题的制作
2、正文的编辑
3、图片的插入
4、背景图片、音乐的设置
登录网站，完成网络评价
谢
谢