学习单元一 建立和管理站点

（一）教学目标：

? 了解建站的制作流程

? 能够进行站点的规划、建立和管理

? 了解网站常用开发工具，熟悉Dreamwear开发环境 ? 培养团队合作意识

（二）重点和难点：

重点：建立和管理站点 难点：建立和管理站点

（三）教学方法

讲授式、项目教学发、案例教学法

（四）教学参考

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。 2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《Dreamweaver网页设计案例教程》白煜编著 清华大学出版社。 4、《Dreamweaver CS3完美网页设计与制作》姜楠编著 中国青年出版社。

（五）单元学习内容：建立和管理站点 一、内容回顾（2-5’）

HTML的基本结构

My First Heading

My first paragraph.

提问：什么是 HTML？

1

HTML 是用来描述网页的一种语言。

? HTML 指的是超文本标记语言 (Hyper Text Markup Language) ? HTML 不是一种编程语言，而是一种标记语言 (markup language) ? 标记语言是一套标记标签 (markup tag) ? HTML 使用标记标签来描述网页

二、课程导入（3-5’）

1、演示项目“个人网站欢迎界面”

2、导入相关知识：

? 网站开发流程 ? 站点管理 ? HTML结构

三、主要内容（55-60‘）

1、网站开发流程

1) 对站点进行规划 2) 素材准备

3) 管理站点（首先要创建一个站点） 4) 制作前台静态页面 5) 创建动态页 6) 测试站点

2

7) 上传站点到远程服务器 2、创建和管理站点(演示操作过程)

1) 通过“站点定义向导”创建 2) 通过“高级”设置对话框创建

3、制作静态页面（欢迎界面）

制作要求：

1) 在文件面板中创建站点，按照前页图中结构，添加文件夹及文件。 2) 图片均放在Image文件夹下。 3) 利用表格简单布局页面。 操作步骤： 1) 创建HTML文档

? ?

文件→新建→新建文档→常规→类别→基本页 在文件面板中→右击→新建文件→双击

2). 向网页中加入网页素材（文本和图片） 3). 布局网页元素

4).保存指定文件(一般首页命名为index.html活index.htm)

? ?

文件→保存（或Ctrl+S) 文件→另存为

? 文件→保存全部

3 测试站点（测试欢迎界面）

3

利用F12或者点击浏览按钮进行页面测试。

（六）、总结、思考（3-5‘）

1、熟练掌握HTML的结构 2、了解网站开发的流程 3、能熟练建立站点和虚拟目录

4、熟练使用HTML的常用标签（下个学习单元的新知识）

（七）、布置实训任务（2-3‘）

“我的宿舍”站点的规划与创建

4