内容正文:
第11章 网页制作
—制作网站主页
LOGO
任务描述
李丹是美术专业的一名大二学生,学院最近举办网页作品制作大赛,李丹初步学习过网页制作课程,想参加大赛一试身手。但如何制作一个既美观又有特色的网站呢?李丹是美术专业的学生,页面美化方面没有问题,重要的是如何利用 Dreamweaver对网页进行布局、对页面元素进行插入与设置。
LOGO
本章任务——制作网站主页
利用Dreamweaver制作网站主页,结果如下图:
3
LOGO
任务分解
4
整体规划,利用表格对页面进行布局
插入元素(文本、图像和 Flash 动画)
设置超链接
插入表单及表单元素
LOGO
完成任务
1.Dreamweaver基础
2.文档的建立与保存
3.利用表格进行页面布局
4.插入文本
5.插入多媒体
6.插入链接
7.表单
LOGO
6
1 Dreamweaver基础
“文档”工具栏
主菜单
文档区
“插入” 面板
面板组
“文件” 面板
拆分
视图
“编码”工具栏
“属性” 面板
LOGO
7
2 文档的创建与保存
新建
文件→新建→
LOGO
8
保存
2 文档的创建与保存
文件 → 保存→
修改名称,如“index.html”
LOGO
3 利用表格进行页面布局
9
作用
组织数据方便显示
布局网页
建立表格
插入→表格→
LOGO
3 利用表格进行页面布局
10
修饰表格
作用:美化表格外观
方法:设置属性面板
修饰单元格
作用:美化单元格外观
方法:设置属性面板
LOGO
10
11
11
4 插入文本
输入文本方法
直接输入
从文本素材粘贴
导入已有的Word文档
文件→导入→Word文档→
LOGO
12
设置文字格式
窗口→属性→
4 插入文本
LOGO
13
13
5 插入多媒体
插入图像
插入→图像
设置图像属性
LOGO
14
14
5 插入多媒体
插入动画
插入→媒体 →SWF →
设置动画属性
LOGO
15
15
6 插入链接
文字链接
图片链接
LOGO
16
16
6 插入链接
图像地图
LOGO
17
17
7 表单
表单是存放表单对象的容器,用来限制表单对象的插入范围。常用表单对象包括文本域、单选按钮、菜单/列表、复选框、文件域、文本区域和按钮。
LOGO
任务总结
本章通过网站主页制作的任务,讲述了Dreamweaver概述、表格及布局、文本、图像及链接的插入、表单的制作,要求学生了解Dreamweaver基础,掌握在页面中插入基本网页元素的方法,具备制作简单网页的能力。
LOGO
实训
实训15 网页制作-制作网站主页
19
LOGO
$