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