河北版信息技术七年级下册《设计网站与制作首页》教学设计.doc

河北版信息技术七年级下册《设计网站与制作首页》教学设计 河北版信息技术七年级下册《设计网站与制作首页》教学设计 PAGE / NUMPAGES 河北版信息技术七年级下册《设计网站与制作首页》教学设计 设计网站与制作首页 本单元安排的是使用 Dreamweaver制作个人网站，显现自我风范。 本课主要介绍网站、 网页等观点，网站设计制作流程， 认识 Dreamweaver工作界面，设计、 制作个人网站的首页。 b5E2RGbCAP 本课第一让学生认识什么是网站， 什么是网页，网站和网页的关系。 明确网站主题、 名称、 栏目构造、网页版面等在网页中的作用，认识常有的几种网页版面布局。 p1EanqFDPw 建议 2 个课时达成。第 1 课时学习制作网站前需要认识的内容和熟习网页制作工具—— Dreamweaver的使用。第 2 课时学习设设计个人网站并制作网站的首页。 DXDiTa9E3d 设计个人网站首页 网页设计包含内容设计和布局构造设计。 在制作网页前需要收集、 整理网页中需要的素材， 包含文字、图片等形式。确立首页的页面布局方式，合理安排首页中的栏目。 RTCrpUDGiT 教材在设计个人网站前先介绍了网站和网页的关系， 让学生第一对网站和网页两个观点有一个认识和界定， 知道网站是由网页经过超连结非线性构成的。设计制作网站，就要明确网站的主题，名称及栏目构造等，还需要准备相应的素材。这些工作能够是同时进行的，也能够分步进行，互相增补。 5PCzVD7HxA 关于本课，在正式设计制作网站前，需要认识的东西好多，学生能够依据教材的介绍，也 能够自己上网收集想认识的更多内容。 充足发挥自己的想像力和主动性， 设计制作出拥有自己 个性的网站。 jLBHrnAILg 教材为个人网站设计了“我的小传” 、“我的相册”、“小喇叭”、“我的作品”等六个栏目， 学生还能够依据自己的喜好、特色自行设计其余栏目，教师不用一致拘束。 xHAQX74J0X 熟习 Dreamweaver 学生能自主认识 Dreamweaver工作界面，教师指导学生察看整个界面的构成， 着手试试使用各个菜单，认识 Dreamweaver的各样工具。在这里，防止教师演示各个工具的地点，解说各个工具的作用，让学生活动中亲身领会，不停试试使用，在使用的过程中认识工具，掌握工具的使用方法和作用。 LDAYtRyKfE 定义当地站点 定义当地站点是制作网站前的准备工作。 所谓当地站点， 就是指当地硬盘中寄存远程网站全部文档的文件夹。 往常成立网站时， 在当地硬盘成立一个文件夹， 用来寄存网站的全部文件， 此后就在该文件夹中创立和编写文档。 待网页制作和测试好后， 使用远程上传工具把它们上传（公布）到服务器上，供阅读者查问阅读。关于站点文件夹的理解，教师能够举例学平生时经 常阅读的网站来介绍， 介绍中说明我们平时看到的网页不过整个网站中的一页， 制作时需要把网页归到网站中去， 这时就需要成立网站文件夹来容纳网页以形成网站。 学生对站点的理解以及怎样建站点，需要在频频练习中掌握， 本课教材供给了定义当地站点的详细步骤和必需提示，教师可指导学生按此步骤，达成定义站点。 Zzz6ZB2Ltk 定义站点以前， 要做好站点构造规划， 假如制作以前没有对整个站点的构造进行仔细的研究，往后的保护工作将会很大。 所以，一开始就要精心规划好整个站点， 把站点资源分门别类， 存于不一样的文件夹中，便于往后的保护与管理。下列图是一个简单的站点构造： dvzfvkwMI1 在站点构造中， 文件夹一般用自己便于记忆的英文单词或缩写来命名， 如 image 文件夹用 来寄存与网页设计相关的图形图像， Webpage文件夹用来寄存与网页设计相关的网页， data 文件夹则寄存数据库方面的内容， 这样便于查找和管理， 在需要的状况下， 还能够创立子文件夹。 rqyn14ZNXI 用表格布局首页 教师要让学生理解，网页上丰富内容的自如摆列实质上是被很多隐蔽着的“虚线”所约束， 这些“虚线”就是表格线。表格在网页制作中起着对内容对象进行排版的重要作用。教师指导 学生依据教材的指导插入表格，表格中插入表格被称为表格的嵌套，如教材中在“导航区”插 入 5 行 1 列表格等。使用表格嵌套时层次要尽量少，因为表格嵌套层次越多，下载速度越慢。表格布局达成后，教师指导学生经过“属性”面板设置表格属性，依据内容，调整表格大小，设置网页背景等，美化网页。 EmxvxOtOco 增添首页内容 在页面中适合地增添图片会使网页丰富多彩，但过多地加入图片会降低页面的下载速度， 特别是对经过调制解调器接见网页的用户。 大部分图片都是采纳压缩格式， 有的调制解调器不 拥有压缩功能，这类调制解调器速度更慢。所以在插入图片刻，应仔细选择和进行