《网页制作》教学大纲简易教案_网页制作教学大纲

《网页制作》教学大纲简易教案由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页制作教学大纲”。

《网页制作》教学大纲简易教案

网站开发流程

规划 确定建设网站的目标；分析目标用户及潜在用户对站点的需求； 3 确定网站风格； 4 考虑网络的技术问题。

设计 页面布局； 2 网页中的颜色；文字、图像、动画以及多媒体的使用。

制作 测试与发布 维护 

第一章 站点管理

站点：一系列文件的组合，通过各种链接关联起来，实现对整个站点的浏览。

设置站点信息

一，基本思路：

1，对站点进行规划 2，创建站点的基本结构

站点结构的显示方式：目录结构和站点地图 3，组织文件和资料开始制作 二，定义站点：

步骤：站点－新建站点－对站点进行定义

三，新建网页（站点中所包含的所有网页文件）和文件夹（用来存放网页中的图片、声音、Flash等）

四，设置站点地图布局

第二章 文字、图片和超链接

网页中最多的就是文字，并伴有精美的图片来美化网页，本章主要阐述如何使用菜单、插入面板在文档中插入这些对象以及使用属性面板编辑这些对象的属性。

一，设置页面属性（Ctrl+J，也可在属性面板中找到）：

在页面属性中分别对外观、链接和标题进行设置 二，文字

可在属性面板中对文字的样式、大小等进行设置。三，插入图像

方法1，插入－图像； 方法2，常用－图像； 方法3，Ctrl+Alt+I。四，设置超链接

1，页面链接

2，邮件链接（mailto:）

3，书签链接（对同一网页的不同部分进行链接）4，空链接（＃）

第三章 表格和层的应用

一，设置网页布局和处理表格

网页布局：给将要出现在网页中的所有元素进行定位。绘制布局表格和布局单元格：

方法：布局－切换到布局视图－点击布局表格or布局单元格按钮－拖动创建－在属性面板设置属性。

注意：布局表格和布局单元格之间不能相互重叠。

表格：表格是在网页中放置行列数据和图像的最佳工具。插入表格：常用－表格－设置行，列数－插入

拆分，合并单元格：选中要拆分或要合并单元格－属性面板中进行操作 设置表格和单元格的属性：属性面板中进行操作。

二，添加层

层是一种页面元素定位技术，它能够将层中的内容在浏览器窗口中任意定位。层是一个载体，在层中可以添加文本，图像和表格等元素。方法：布局－点击层按钮－拖动创建－在属性面板设置层属性。

第四章 模板

所谓“模板”是指具有一定共性的文档样板。

模板用于创建多个具有一致风格的网页，用户可根据模板生成大量相同的页面。新建网页模板（.dwt）

1,将已有文档另存为模板： 步骤：打开已有文档；

文件－另存为模板；

在出现的对话框中选择站点，给模板命名； 保存。

2，新建空白模板

步骤：窗口－资源（F11）；

模板－新建模板； 输入模板名－编辑。

定义模板的可编辑区域

模板包括：1，可编辑区域（具有可变内容）

2，锁定区域（具有静态不变内容）默认 1，将已有内容定义为可编辑区域：

步骤：选择要定义为可编辑区域的文本或内容；

插入－模板对象－可编辑区域； 输入区域名； 确定。

2，定义新的可编辑区域： 步骤：定位光标；

同上。

取消区域标记：

步骤：打开已有模板；

选中已有可编辑区域，修改－模板－删除模板标记。

注意：删除模板标记之后的区域将被锁定。

基于模板生成新网页

方法1：文件－新建，选择模板标签，选一个模板－创建。方法2：新建一个文档，修改－模板－应用模板到页。

方法3：新建一个文档，窗口－资源－模板，将所需模板直接拖动到新文档中。