2020-2021学年第三节制作网站首页教案配套ppt课件

展开

这是一份2020-2021学年第三节制作网站首页教案配套ppt课件，文件包含23制作网站首页pptx、图片的插入及调整wmv、建立超级链接wmv、视频的插入wmv等4份课件配套教学资源，其中PPT共36页，欢迎下载使用。

网站需要什么样式，才能吸引更多的人浏览，要先做什么后做什么才能提高工作效率呢?观看图中网站首页，你有哪些启发？今天我们来解决这个问题。
在 Frntpage中打开“班级网站”范例的首页，如图所示，仔细揣摩该网页，并制作好班级网站首页。
网页中其版面可划分为标题区、主要内容区、页尾区三大区域。
一、用表格进行版面布局
网页制作中使用表格划分版面，确定各种网页元素的版面位置。如图所示
再把不同层的表格框线设置为不同的颜色，得到如图所示的表格布局结构。
不难看出，我们可以通过多层嵌套的表格进行版面划分。
(1) 在网页编辑区插入最外层的4行1列表格，单击鼠标右键，打开“表格属性”窗口(如图所示)，设定表格宽度为760像素。
查看班级网站首页的各层表格、单元格属性，说说指定表格宽度时定义像素与百分比有何不同，如何对表格的大小进行精确的定义。
设置表格的宽度有两种单位：百分比是相对宽度,像素是绝对宽度。网页中对表格大小精确定义用像素。
同一级别的文字(如标题、正文等)的大小、颜色等一般保持致。标题文字可以做成图片格式，并以图片形式插入。
首页中的图片可以插入在指定的单元格位置上，或者以单元格背景图的形式插入。
例如，首页中标题是一幅图片(如图所示)，它是以单元格背景图插入的。方法是:在 “单元格属性”窗口，进行如图所示的设置。
试完成首页中的图片插入，找找看，在首页中有哪些图片被用作背景?为什么不直把这些图片插入到网页中?
3.添加Flash动画和滚动字幕
首页中“我们班”栏目的 Flash动画的添加方法如图所示。
（1) 首页主要内容区右上角“每周格言”是一个向左滚动的字幕，试通过插入组件的方法实现它。
（2) 搜集一个关于邮箱的网页小动画，把它添加到页尾处“联系我们”的位置，如图所示。
(1)假如要把首页的Fash动画换成班级活动的视频片段，该如何实现?
(2)怎样在网页中插入乐曲作为背景音乐?
在QQ空间上可以撰写日志，上传自己的图片，听音乐、写心情……除此之外，用户还可以根据自己的喜爱设定空间的背景、小挂件等，从而使每个空间都有自己的特色。
深入观摩班级网站或其他网站，看看有昭些方法能使页面更美观。
博客(B10g或 Web lg)，又译为网络日志、部落格或部落阁等，是一种通常由个人管理、不定期发布新文章的网站。因为信息更新快速灵活，对社会热点反应迅速，深受大家的欢迎，同时也影响着我们的生活方式、工作方式和学习方式。
而近年兴起的微博，即微型博客，成为目前全球最受欢迎的博客形式。目前，国内优秀的中文博客网有新浪博客、搜狐博客、中国博客网、腾讯博客、博客中国等。
1.网页其版面可划分为（）、（）、（）三大区域。2. 检査要添加到网页中的图片文件是否为（）或（）格式，如果不是则要进行格式转换。3.超链接可以建立在（）、（）或图片的某个局部位置上，链接跳转的目标可以是另一个网页、另一个网站、同一网页内的其他地方、一个邮件地址个文件等。
一、用表格进行版面布局二、添加网页元素1.插入文字2.插入图片3.添加Flash动画和滚动字幕三、设置超链接