课件16张PPT。
制作网站首页
导入继网站筹划之后我们就要着手进行网页的设计了,第一个要进行的当然是首页的制作了。首页也是网站的“脸面”,怎样设计一个好看的网页让网站第一时间抢占浏览者的眼球呢?先看看这节课的学习任务知识与技能
1.了解网页中一般有哪些组成元素;
2.能够用表格进行版面布局;
3.掌握在网页中添加文字、图片和动画等操作;
4.学会设置超链接至站内其他网页和电子邮箱;
5.了解网页制作的一般过程。
过程与方法
1.经历网站首页制作过程,初步掌握版面布局、添加网页元素和设置两种超链接的基本技术方法;
2.根据网站主题和风格选取合适的素材;
3.学会根据需要把信息恰当地组织并呈现在网页中,并为浏览者提供方便的访问。
情感态度与价值观
1.培养探究创新、展现创意的能力与意识;
2.培养学生的健康的审美观。打开“班级网站”的首页,进行小组交流,回答以下几个问题:1、该网页包含了很多元素,它们是如何整齐有序地分布在网页中的?用什么可以分割网页的版面布局?
2、该网页都包含了哪些元素?它们是否能很好地表现主题?你认为在自己的网站首页中可以添加哪些网页元素?
3、导航栏是网站的“地图”,少了它,浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字,单击常用工具栏上的超链接按钮,看看出现什么?制作首页1.新建ASP Vbscript
2.保存到www→index.asp
3.标题: 欢迎光临平陵中学八年级2班(用于显示内容、搜索)
4.页边距
修改→页面属性→外观
制作首页5.插入→表格
单元格边距、单元格间距制作首页6.表格高度:78
变为2列
7.其中,左格→380×78 右格→623×78
8.单击左格,插入→图像→main_4.jpg (380×78) LOGO
制作首页9.单击
,设置背景图像→main_3.jpg (1×78)
10.单击,对齐→居中 (否则分辨率大,网页靠左)
11.单击 右格,插入→表格
制作首页12.表格 高30,右对齐
13.选中5个单元格,设为居中
14.前4格分别输入:设为首页、加入收藏、联系我们、繁体中文
15.第5个格,插入表单→列表菜单→是否添加表单→否
16.单击属性→列表值
初始化选择:友情链接制作首页17.设置设为首页代码(代码视图) 或查如:威海信息港的源文件
设为首页
制作首页18.设置 加入收藏代码(代码视图) 或查如:威海信息港的源文件
收藏本站设置超链接再美的景点如果缺少了地图的向导,也会降低它的游客量,因为游客在其中会很容易迷失方向,同样的,要让浏览者对你的网站留下可读性强的印象,良好的导航功能必不可少的。
超链接技术可以帮助实现网站的导航功能。在进入学习之前同学们都尝试了对第3个问题的回答,这里可以参照教材并作探究,为网站的导航栏设置超链接。制作首页29.设置 联系我们
属性→链接→mailto:邮箱地址
20.设置 繁体中文
利用插件
21.设置 友情链接
可选择学校主页→源文件→电子资源
加入onChange="var i=this.selectedIndex;window.open(this.options[i].value)"自由讨论如何设计网页的风格可以达到良好的视觉效果?小结制作网页的一般步骤:用表格布局版面,添加网页元素,设置超链接。在本节课中我们通过制作网站首页,亲历了网页制作的一般过程,同时我们也看到,要让网站具有较强的表现力和感染力,设计合理的版面布局,选用恰当的网页素材和设置良好的导航功能都是必不可少的。作业以学雷锋为主题,尝试设计一个网站首页。