任务二-制作网站首页-课件

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