名称 《6.2网站的制作与调试》 -出卷网- 浙教版《网络技术基础》 章节 第六章 第二节 学段 高中一年级 学时 第一学时 背景分析 《6.2网站的制作与调试》是普通高中课程标准实验教科书浙江教育-出卷网-选修3《网络技术基础》第六章第二节。主要向学生介绍了网站的规划、设计的步骤与方法、网站的制作与发布以及网站的管理与评估。本节课是将网站的基础理论学习与实践应用技能有机结合起来，激发同学们学习网络应用技术的兴趣，提高应用网络技术解决学习生活中实际问题的能力 教学目标 1、利用采集和制作的素材进行网页版面布局设计 2、能够选择合适的色彩，设计不同主题的类型网站 3、学会用Dreamweaver制作网站的首页 4、学生小组合作 重点、难点 规划网页的布局 学会用Dreamweaver制作网站首页 教学环境 多媒体计算机教室 教学环节 教学内容 学生活动 目标分析 前情回顾 上节课我们收集了大量关于网站中要使用的素材，也进行网站栏目的划分、网站站点目录的设计。这节课我们要将这些素材整合成布局合理、结构完整的网页。 观看展示各组整理素材和网站结构的规划 回顾上节课内容 引入 欣赏教师给出的网页，说说有什么感受？这些网站中的网页是如何表达的？这节课,我们主要的精力应放在利用采集和制作的素材进行页面的设计、制作与调试上,使规划和制作方案得以圆满实现。 对上面几个网站分析，同学们得出了如下的结论。 网站的制作：首页决定风格。功能模块决定内容。版式布局合理色彩风格统一。 为设计打下基础 新授 一、在设计好网站的栏目、链接结构和整体风格之后,就可以正式动手制作首页了。首页的设计是一个网站成功与否的关键。人们往往看到首页就已经对该站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上，所以,必须十分重视首页的设计和制作。设计一个首页的一般步骤是: 1、确定首页的功能模块：指需要在首页上展示的功能,通常首页都需要这样一些模块。 2、设计首页的版面：在功能模块确定后,开始设计首页的版面。 3、处理技术上的细节。主页如何能在不同分辨率的显示模式下不变如何能在浏览器中看起来都不会太丑陋,如何设置字体和链接颜色等都是制作网站过程中经常遇到的问题。 二、版面布局形式 1、“同”字形结构 2、“口”字形布局 3、“三”字形布局 4、对称形布局 5、POP形布局 6、“川”字形布局 三、页面色彩的规划 不同主题类型的网站,常常有自己的个性特征。赏心悦目的网页,色彩往往和谐优美。在确定网站的题材后,到底哪些颜色适合哪些不适合这主要根据各人的审美习惯和站点的风格来确定。下面是色彩选择的一些。 1、首页的功能模块是:网站名称、广告条、主菜单、、索、友情链接、邮件列表、计数器、版权等。首页设计首先需要确定功能。 2、每个模块就是一个积木块。如何拼精出一座漂亮的造型就看构者的创意和想象力了设计版面的最好方法是,找一张白纸,一支笔,先将理想中的草图勾出来,然后再用网页制作软件实现。 常用颜色的象征意义和给人的心理感受。 黑色:代表深沉、宁静、悲凉 白色:代表纯洁、高贵、简单 蓝色:代表大海、蓝天、浪漫、清爽 红色:代表火热、警示、奔放、喜悦 绿色:代表生命、活力、树木 黄色:代表丰收、专业、富有 紫色:代表浪漫、爱情 灰色:代表中性、阴暗、消极 棕色:代表土地 通过对网页内容结构的学习画出设计草图。 实践体验 设计网站首页 1、设计首页结构。 2、制作页眉区。 3、主导航栏的制作。 4、添加文字和内容。 5、制作版权区 6、增加个性化代码。其他页面的制作。 学生在上机操作 1、运行 Dreamweaver ,打开网根目录中的 index. htn。单击“插入”→“表格” 2、“插入“图片”，可通过“属性”面板上的高度和宽度值来进行适当的调整, ... ...
~~ 您好，已阅读到文档的结尾了 ~~
