《网站建设与管理》电子教案.docVIP

课题

项目1网页制作概述

教

学

目

的

理解网页、网站、浏览器、网页编辑器等相关知识

掌握HTML结构

在dreamweaver中新建、编辑和预览网页，制作完成“自我介绍”网页

重点

难点

网页基本术语与概念、文件格式、新建网页、编辑HTML标签

教法

讲解、示范、练习

教具

电教室、实训机房

授课

时间

教学过程和课堂设计：

项目概述

本章主要介绍了网页、网站、浏览器、网页编辑器、HTML结构等基本知识，借助dreamweaver强大的图形界面功能，可快速的新建、编辑和预览网页效果。请在学习相关知识的基础上，尝试制作一个“自我介绍”的网页。

学习目标

知识目标

技能目标

理解网页、网站、浏览器、网页编辑器等相关知识

掌握HTML结构

在dreamweaver中新建、编辑和预览网页，制作完成“自我介绍”网页

核心知识储备

网页和网站

网页是在互联网上基于http协议传播信息的页面。网页一般又称HTML文件，是一种可以在WWW上传输、能被浏览器解析并显示出来的文件。文字与图片是构成一个网页的两个最基本的元素，除此之外，网页的元素还包括表格、多媒体、超链接、表单、网页特效等。而同一主题的多个网页集合就形成了网站，网页是构成网站的基本元素。

静态网页和动态网页

通常看到的网页，大都是以.HTM或.HTML后缀结尾的文件。除此之外，网页文件还有以.cgi、.asp、.php和.jsp后缀结尾的。目前网页根据生成方式，大致可以分为静态网页和动态网页两种。

静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。静态网页内容不会发生变化，除非网页设计者修改了网页的内容。不能实现与网页浏览者之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。

浏览器

浏览器是一种可以显示网页内容，并让用户与之交互的软件。浏览器的核心的部分是“RenderingEngine”，即“浏览器内核”。负责对网页语法的解释（HTML、JavaScript）并渲染显示网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释不同，因此同一网页在不同内核的浏览器里中渲染效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

常见的网页浏览器有InternetExplorer、Opera、Firefox、chrome和Safari。在激烈的市场竞争中InternetExplorer份额逐渐减少，Googlechrome在2012年8月份市场份额正式超过IE浏览器，跃居第一。2016年2月Opera被360和昆仑万维收购。

网页编辑工具

DreamweaverCS6的工作窗口主要包括功能菜单、插入栏、文档工具栏、文档窗口、状态栏、属性面板、功能面板等，如图1-3所示。合理使用这几个板块的相关功能，可以使设计工作成为一个高效、便捷的过程。

图STYLEREF1\s1SEQ图\*ARABIC\s13DreamweaverCS6的工作窗口

项目实施

在Dreamweaver中新建网页，制作一个自我介绍页

小结：本章主要介绍了网页、网站、浏览器、网页编辑器、HTML结构等基本知识，借助dreamweaver强大的图形界面功能，可快速的新建、编辑和预览网页效果。请在学习相关知识的基础上，尝试制作一个“自我介绍”的网页。掌握这些知识为后面的学习打下了坚实的基础。

布置作业：设计“自我介绍”网页，并参与课后延伸学习

教学反思：一门新课的开始，首先要给学生说清楚的是它能做什么，如何才能学好它，哪些优点会让学生更感兴趣，这些都是要注意的地方。

课题

项目2站点管理

教

学

目

的

掌握新建和编辑站点

掌握表格table/table

掌握图片img的标签

灵活应用表格和嵌套表格相关知识，设计并制作完成“省运会网站”

重点难点

表格及表格的属性设置、表格table/table

教法

讲解、示范、练习

教具

电教室、实训机房

授课时间

教学过程和课堂设计：

项目概述

常见的网页元素有段落、标题、图片、表格、链接、按钮、音频、视频等。本章主要介绍了在dreamweaver中新建站点，使用表格、图片、文本等编辑网页，结合相关知识点制作省运会网站。

学习目标

知识目标

技能目标

掌握新建和编辑站点

掌握表格table/table

掌握图片img的标签

灵活应用表格和嵌套表格相关知识，设计并制作完成“省运会网站”

核心知识储备

新建站点

做网站前应先对站点进行规划，一个清晰的站点结构将对网站中的各个页面、图片