dreamweaver网页制作

使用Dreamweaver制作简单网页

专题二 使用DW制作简单网页王永固 wangyg@ 15867180528

/myblog/

使用Dreamweaver制作简单网页

学习内容一、设置文件头二、使用文本

三、使用图像四、使用Flash动画 五、使用音频 六、使用视频

/myblog/

使用Dreamweaver制作简单网页

一、设置文件头1、设置网页的编码 2、设置文档标题 3、定义关键字 4、设置说明文字 5、设置网页的刷新 6、查看代码

/myblog/

使用Dreamweaver制作简单网页

1、设置网页的编码

/myblog/

使用Dreamweaver制作简单网页

设置网页的编码

/myblog/

使用Dreamweaver制作简单网页

设置网页的编码

在所有情况下都用 GB2312么？

/myblog/

使用Dreamweaver制作简单网页

设置网页的编码

/myblog/

使用Dreamweaver制作简单网页

2、设置文档标题

/myblog/

使用Dreamweaver制作简单网页

3、定义关键字多个关键字用逗号分隔开

来。输入的关键字能反映主页 的内容 关键字不宜太多，一般在 5个以内。

/myblog/

使用Dreamweaver制作简单网页

4、设置说明文字说明文字和关键

： 号线 考 ： 名 姓 订 ： 级 班 ：校装 学 郯城职教中心2010--2011学年度第二学期

《网页制作—Dreamweaver CS3》阶段测试试卷

题 号 一 二 三 四 总 分 得 分 总分人 评卷人 得分 一、选择题

(每小题2分，共60分)

1.在Dreamweaver CS3中，若文本应用了样式ys，对文本格式的设置，则

A．ys样式自动被删除

B．样式ys将根据格式变化自动更新

C．样式ys没有变化，将自动生成一个新的样式 D．样式ys将被自动生成的新样式替换

2.要创建CSS样式，用来定义鼠标经过超级链接对象时的状态，在“选择器”的下拉列表中应当选择

A．a：link B．a：visited C．a：hover

网页设计上机考试题集

注意：所有题目中涉及的素材都在考试文件夹内，其中图片在下面的pic文件夹中，音乐、flash在media文件夹。

1) 在1.html中的顶部添加一个锚点链接，点击之能立即到达页面最底端。

2) 将1.html中的所有链接的默认样式改成红色字体及不带下划线(使用CSS规则a:伪类)。

3) 在2.html页面中将地图中的烟水亭位置增加一个热点链接指向pic文件夹下的烟水亭.jpg，实现点击看到烟水亭大图的效果。

4) 在框架网页4.html中左侧文章索引部分增加一个新文章（1.html）链接，并且实现在点击链接后让新文章出现在右侧正文栏框架中。

5) 在框架网页4.html中左侧文章索引部分增加一个友情链接的菜单项如下图所示（链接可随意设置）：

6) 在1.html中添加一个会飞的蝴蝶（butterfly.gif）的动画。 7) 修改框架页面4.html中的索引为列表，并创建CSS规则让列表项目符号自定义成图片（new.jpg）。

8) 将3.html中的表格边框设置成只有外边框而内部单元格则没有，如下图效果

9) 将3.html中的表格单元格2拆成2列，其中第二列插入图片（pic/嘻嘻.jpg），并且让图片靠上边对齐，

Dreamweaver CS4 网页设计与制作习题答案

第一章

判断题

1. 网站主题就是用户建立的网站所包含的主要内容 (1) 2. 网站的链接结构不是指页面之间相互连接的拓扑结构 (0) 3. 自然界中的颜色可以分为非颜色和颜色两大类 (1)

4. 表单是用来收集浏览者的网页 (0)

5. 服务器上有关数据库的一切操作只能由服务器管理人员进行 (1)

选择题

1. 下列文件属于静态网页的是(C)

A.Index.asp B.index.jsp C.index.html D.index.php 2. 下列属于网页制作工具的是（C）

A.Photoshop B.Flash C.Dreamweaver D.CuteFTP 3. 在网页中常用的图像格式是（D）

A..bmp和.jpg B..gif和.bmp C. .png和.bmp D. .gif和.jpg 4. 下列说法中，正确的是（D）

A. 动态网页使用应用程序解释器，但不使用后台数据库 B．动态网页不使用应用程序解释器，但使用后台数据库 C．动态网页不使用应用程序解释器，也不使用后台数据库 D．动态网页使用应用程序解释器，也使用后台数据库 5.以下

5.1 创建CSS样式

“CSS样式”的含义

CSS即层叠样式表，是一种格式化网页的标准方式，它通过设置CSS属性使网页元素对象获得不同的效果。 打开“CSS样式”面板

①选择“窗口→CSS样式”命令 ②按Shift+F11键

③单击属性面板上的“CSS”按钮 “CSS样式”面板

“附加样式表”：用来选择要链接或导入的外部样式表文件。 “新建CSS规则”：用来创建新的CSS样式。 “编辑样式”：打开样式表编辑对话框，对当前选中的CSS样式进行编辑。 “删除CSS属性”：删除选定的样式或属性，并从它所应用于的所有元素中删除格式设置。

使用“CSS样式”面板创建CSS样式

打开“CSS样式”面板----单击“新建CSS规则”按钮-----选择CSS样式的类型----- -----选择定义样式的位置-----设置CSS样式的属性------完成样式的创建

“新建CSS规则”对话框

CSS样式的类型

类：创建类属性应用于文本范围或文本块的自定义样式 标签:重新定义特定HTML标签的默认格式设置

高级:为具体某个标签组合或所有包含特定Id属性的标签定义格式设置,默认的“选择器”列表中包括a:active、a:hover、a:link 和 a

Dreamweaver CS4 网页设计与制作习题答案

第一章

判断题

1. 网站主题就是用户建立的网站所包含的主要内容 (1) 2. 网站的链接结构不是指页面之间相互连接的拓扑结构 (0) 3. 自然界中的颜色可以分为非颜色和颜色两大类 (1)

4. 表单是用来收集浏览者的网页 (0)

5. 服务器上有关数据库的一切操作只能由服务器管理人员进行 (1)

选择题

1. 下列文件属于静态网页的是(C)

A.Index.asp B.index.jsp C.index.html D.index.php 2. 下列属于网页制作工具的是（C）

A.Photoshop B.Flash C.Dreamweaver D.CuteFTP 3. 在网页中常用的图像格式是（D）

A..bmp和.jpg B..gif和.bmp C. .png和.bmp D. .gif和.jpg 4. 下列说法中，正确的是（D）

A. 动态网页使用应用程序解释器，但不使用后台数据库 B．动态网页不使用应用程序解释器，但使用后台数据库 C．动态网页不使用应用程序解释器，也不使用后台数据库 D．动态网页使用应用程序解释器，也使用后台数据库 5.以下

一、单项选择题（每个题只有一个选项是正确的。每题3分，共60分）

1．关于网页中的换行，说法错误的是（ A ）。

A.可以直接在HTML代码中按下回车键换行，网页中的内容也会换行

B.可以使用
标签换行

C.可以使用

标签换行

D.使用
标签换行，行与行之间没有间隔；使用

标签换行，两行之间

会空一行

2．下图为Dreamweaver8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（ A ）。

A.基本页类别中的“HTML”选项

B.基本页类别中的“HTML模板”选项

C.框架集类别中的选项

D.入门页面中的选项

3．关于超链接，下列（ C ）属性是指定链接的目标窗口。

A. Href

B. Name

C. Target

D. Title

4．使用Dreamweaver8将任一个单元格拆分为3行的操作正确的是（ B ）。

A.选择表格属性栏“拆分”对话框，设置列数为3

B.选择表格属性栏“拆分”对话框，设置行数为3

C.右键选择菜单→表格→插入行

D.直接单击“Tab”键两次

5．如果要在网页中插入日期，最常用的操作应（ D ）进行设置。

A.点击标志1

B.点击标志2

C.点击标志3

D.点击标志4

6．以下（ A ）属性不属于表单标记

第16章

公司网站制作案例

本章案例以制作一个电力公司的网站和主导，系统讲解 如何实现客户的需求，在整个过程中，按照“新建站点”|“ 制作模板”|“制作首页文件”|“制作子页文件”|“案例扩展分 析”的流程，全面分析制作网站的过程。本章重要知识点：

了解企业网站的制作流程掌握制作模板的流程

掌握新建和修改CSS样式表的技巧熟悉走马灯的网页特效制作

16.1 策划构思及设计流程

在正式制作网站之前，先要了解客户的需求，网站终归 是为了客户的需求而定制，为网站设计一个整体的策划书， 这一点至关重要，很多人可能会忽略这一点。

16.1.1 客户需求

在客户的需求中，已详细说明了网站的栏目分配。

16.1.2 网站策划

根据客户所提供的网站结构和需求，策划将网站的栏目 分为“公司简介”、“电力动态”、“用电法规”、“业务 公开”、“交流合作”、“多种产业”几类。整个页面以淡 雅为主，主色调定为淡蓝绿色，突出电力安全、电力为民的 主题。

16.1.3 网站结构规划

一般的企业网站会有一个引导页，可以用图片或动画来 制作，但是电力行业的网站，一般都是直奔主题，避免太多 的繁杂环节，主要体现了便民的特色，该网站就简单地左右 分栏，清晰、简洁、明了，将网站的内容展示出来，因而在 制

摘 要

在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。

现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为很多人提供了一个网络生活空间，通过其网页展示了企业介绍、城市文化、校园文化介绍、招商信息、加盟程序、留言等一系列内容的介绍。为了更好的宣传和服务于经济发展，我通过制作一个网站来介绍宣传一下我的家乡。本文比较系统的阐述了有关网站建设方面的相关理论知识及该网站开发设计，充分体现了计算机技术服务于经济建设的重要思想。

关键词: 网站建设，Internet，城市发展

Abstract

In the Internet rapid development today, the Internet has become a people quickly get, release and transmit information, is

石家庄科技信息职业学院 顶岗实习岗位技术工作论文

基于Dreamweaver的网页设计

学 号: 121404218 姓 名: *** 专 业: 软件技术 年 级: 12级 企业指导老师:

二〇一五年三月

题 目 基于Dreamweaver的网页设计

企业指导教师

评 语

指导教师 (签章)

年 月 日

摘 要

人性化设计要求围绕人为中心展开设计。网页作为一种传递信息的媒体，又受到时间、空间和使用环境的限制。 在网页设计时，需要设计者充分考虑用户的需要，通过各种设计手段，调动各种设计元素，在方便用户使