0603-静态网页制作(Dreamweaver)-制作系部网站后台管理主界面.

河北工业职业技术学院

《静态网页制作（Dreamweaver）》课程教案首页

系（部）：计算机技术系教研室：网络技术教研室主任签字：

年月日

学习单元十二制作系部网站后台管理主界面

授课内容：制作系部网站后台管理主界面

学时：2学时（90分钟）

教学目标：

◆知识目标：

?了解框架的作用

?掌握框架和框架集的属性

◆技能目标：

?能够通过框架技术完成后台登录主界面的布局

?熟练通过表格、JavaScript结合CSS+DIV技术，完成后台主界面

中各框架页面的制作

?培养学生实际项目开发的能力

◆情感目标：

?培养学生团队合作意识

?培养学生的设计和创意能力，提升学生对于网页设计的热情

教学内容：

1、管理框架

?框架和框架集的概念

?操作框架和框架集

2、制作计算机系部网站后台管理主界面

?利用框架设计实现系部网站后台管理主界面整体布局

?实现系部网站后台管理主界面各框架页面的制作

教学重点：

?操作框架和框架集

?利用框架设计实现系部网站后台管理主界面整体布局

教学难点：

?利用框架设计实现系部网站后台管理主界面整体布局

教学方法和策略：

◆教学方法：

采用项目驱动法、分组竞争法、案例演示法提高学生的学习兴趣

◆教学策略：

通过分组讨论、竞争的方式激发学生的学习热情

教学设计思路：

?通过教师演示项目“计算机系部后台主界面”，采用项目驱动法引导学生

明确本项目单元学习目标

?本项目单元设计到框架技术、JavaScript及CSS+DIV的综合运用，有一定

的难度和复杂度，因此教师在讲授过程中一定要确保学生思路清晰，明确

每个关键步骤的实施目标。

授课内容提纲：

一、复习旧课导出新课

1、课程回顾

（1）教师综述

在上一学习单元的课程中，我们完成了表格和表单知识的学习，实现了网站后台管理登录页面的制作。

（2）利用项目互动提问回顾知识点

●创建表单的方式有几种？

●常用表单控件有哪些？

●可以利用CSS对表单的哪些样式设置？

3）互动总结

教师通过与学生互动沟通，进行知识的归纳：

●创建表单的方法有两种，设计视图通过插入菜单完成，或者通过代码实现；

●常用表单空间有文本框、单选按钮、复选框、文件域、按钮等；

●主要采用Color、bgcolor、border等属性修饰表单的外观样式。

2、项目任务导入

1）教师利用互动提问引入新知课程回顾：

【约10分钟】

●学生在教师的

引导下进行知

识回顾。

●按教师的引导

进行分组，每组

尽量包含学习

差异比较大的

学生，平衡各组

的实力。

●学生根据教师

提出的问题进

行组内和组之

间的讨论，归纳

出讨论结论。

网站后台登录页面制作完成后，接下来的任务就是管理员对网站进行管理，那么我们通过什么渠道呢？

2）教师根据互动讨论进行总结

●需要建立一个后台管理页面，管理员通过它实现网站内容的资源管理。

●之前储备的知识已经不能完成后续功能的需求，需要引入新知识继续完成

后台管理页面的制作。

●本项目单元要学习的新内容是框架技术（点题），我们可以通过框架技术

简单快捷地实现后台管理主界面的布局。

3、教师首先简述本项目单元重点、难点，让学生有重点的听讲。

教师简述本项目单元的重点、难点，让学生有带着任务、有重点跟随老师授课。

（1）操作框架和框架集（重点、难点）

（2）利用框架设计实现系部网站后台管理主界面整体布局（重点、难点）

（3）各框架页面的制作（重点）

4、本学习单元总体目标（教师总结）

通过学完本项目单元，熟练通过操作框架和框架集及框架技术实现某学院系部网站后台主界面的布局及各框架页面的制作。

二、新课讲解

教师简述项目单元教学目标和教学内容，明确本项目单元教学重点和难点

教学目标

（1）操作框架和框架集（重点、难点）

（2）利用框架设计实现系部网站后台管理主界面整体布局（重点、难点）

（3）各框架页面的制作（重点）

教学内容

1、管理框架

?框架和框架集的概念

?操作框架和框架集

2、制作计算机系部网站后台管理主界面

?利用框架设计实现系部网站后台管理主界面整体布局●学生通过互动

方式回答教师

提出的问题。

●认真听取教师

的总结，明确本

项目单元的学

习任务。

●明确本项目单

元的总体学习

目标。带着目标

和任务学习。●对学习目标形

成一个初步地、

大致地、总体的

知识轮廓。

●明确本项目单

元的学习的重

点和难点，有侧

重点地进行学

习。

●做好重点知识

的笔记。

实现系部网站后台管理主界面各框架页面的制作

（一）工作任务一：计算机系部网站后台登录页面

场景设计：教师采用项目驱动法，展示【计算机系部网站后台管理主界面】项目案例，让学生对本项目单元实施完成后效果有一个总体认识，便于学生对知识形成体系，带着明确的任务学习。

1、知识准备（教师讲解）

为了完成网站后台主界面的制作，教师讲解框架技术的知识，并在讲解中强化重点和难点。

授课过程中注意学生的学习状态，对于有难度的知识要保证学生的学习兴趣和质量。

（1）框架和框架集的概念

●框架：将浏览器窗口划分为若干个区域，每个区域对应一个独立的网页文

件，多个网页同时显示在一个浏览器中。框架由框架集和单个框架构成。

●框架集：是框架的集合。框架集将浏览器横向或纵向分割成多个框架，并

且定义了框架的个数、框架的名称、尺寸及框架对应的网页的URL等。

●一个通过框架集生成的页面，如果分成了三个框架，加上框架集，将对应

四个网页文档。框架集是定义框架结构的HTML页面，框架是框架集的单

个区域，如下图所示。

（2）操作框架和框架集

●通过教师展示

的项目，加深对

项目单元的学

习目标的认识●明确本项目单

元的任务，带着

任务去学习。

新课讲解1：

【约30分钟】

1.项目引入思路：教师利用“计算机系网站后台主界面”项目入手，以此来讲解和学习框架技术。

2.思路指导：

通过框架管理后台管理主界面，并能CSS样式修饰和美化表单。

3.任务目标：

完成后台管理主界面的布局和美化。

●打开“框架”面板

选择“窗口”/“框架”命令，打开“框架”面板，通过“框架”面板方便地实现各个框架的选择，并显示不同框架的名称。

●创建框架和框架集

①教师通过两种方法演示创建框架的过程。

方法一：插入预定义框架集

方法二：创建框架集

②教师归纳两种方法的特点。

●选择框架和框架集

①选择框架

方法一：按住键盘上的“Alt”键，点击想要选择的框架，则选定框架。

方法二：在“框架”面板中，点击框架的外围，则可以选择框架。

②选择框架集

方法一：在设计视图下，点击框架集中任意两个框架的边界，则可选

定框架集。

方法二：在“框架”面板中，点击框架集的外围，则可定框架集。

●设置框架和框架集属性

①设置框架属性

②设置框架集属性

●跟着教师的思

路认真听取教

师的讲解。

●时刻保持与教

师的互动。

●思路跟教师保

持一致，保证学

习效果。

教师讲解操作过程中，强调学生对教师归纳总结的关键知识点进行记录。

●设置框架中的链接

①_blank：在新窗口中打开链接的链接的目标文件

②_parent：在当前框架的父框架打开链接的目标文件

③_self：在当前框架或自身窗口中打开链接的目标文件

④_top：在新窗口中打开链接的目标文件

⑤_blank：在当前窗口中打开链接的目标文件，并清除所有框架

⑥mainFrame、leftFrame、topFrame：创建框架时所指定的框架名称，如

目标设置为指定的框架名称，则在指定框架中打开链接的目标文件。

●保存框架或框架集页面

①保存框架集

方法一：选择【文件】/【保存框架页】命令，则可保存框架集。

方法二：选择【文件】/【框架集另存为】命令，则可保存框架集。

②保存框架

方法一：选择【文件】/【保存框架】命令，则可保存框架。

方法二：选择【文件】/【框架另存为】命令，则可保存框架。

2、项目实施一实施--

（1）设计实现系部网站后台管理主界面整体布局

●任务背景

某学院计算机技术系网站后台登录界面已经设计完成，需要完成后台登录主界面的设计和制作，本任务采用框架技术完成页面的布局。

●任务要求

通过设定框架集的属性，完成页面的框架集的设计。

●任务分析

①教师与学生采用互动的形式进行讨论。

②教师进行总结：从后台管理主界面的实用性和简易性进行，可采用“预定义框架集”中的“上方及左侧嵌套”，来完成框架集的设计。

●任务详解

③教师从分组中找到1-2名学生，利用框架技术完成系部网站后台管理主界面整体布局。

④教师在学生操作中进行适时的补充，协助学生操作，子项目完成后进CSS样式修饰表单也是本学习单元的重点和难点，教师应注意讲课的速度，及时把握学生的学习情况。

行子项目小结。

（2）实现系部网站后台管理主界面各框架页面的制作

●任务背景

框架集制作完成后，需要设计完成各框架页面的内容。

●任务要求

通过表格布局各个框架页。尽管主流的布局采用CSS+DIV技术实现，但是作为组织和显示数据比较方便的表格，拟通过此项目强化表格的应用。

●任务分析

由于后台管理主界面不直接面对普通用户，而是管理员使用的系统，因此设计过程中以简单实用为原则，而不过分追求页面的特效和样式，设计效果图如图6-43所示。

①顶部框架通过在PS中处理一张图片，显示整个页面的用途。

②左侧框架是主界面的主体部分，包含了后台管理主界面的所有功能。

而“折叠菜单”也是最常用的形式之一。由于折叠菜单实现过程中包含了JS和jQuery的技术内容，因此建议通过修改现有的网页特效实例来实现。

③右侧框架主要是左侧“折叠菜单”各导航项链接内容的显示。因此在

使用之初，列举了几个最常用的功能，方便管理员使用。

●任务详解

①教师从分组中分别找出两组学生，各完成顶部页面和右侧页面的制作。

②教师在学生操作中进行适时的补充，协助学生操作，学生制作完成后

进行简单小结。

③教师操作演示左侧页面的制作过程，制作中顺便复习现有JavaScript

或jQuery特效的使用方法。

测试查看页面在浏览器中的显示效果。

二、单元小结与项目单元任务

1.项目单元小结

●通过互动提问的方式总结归纳本项目单元内容，再次强调重点和难点单元项目归纳和总结【约5分钟】

教师采用互动提问的方式进行知识的归纳和总结，并强调

重点和难点知识。

●以“制作计算机系部网站”后台登录页面和后台主界面项目任务为驱动，

通过管理表格、管理表单、管理框架，结合CSS样式的知识完成了后台页

面的制作，使学生对于静态网站有一个全面的把握。再一次强调本项目单

元的重点和难点，尤其是CSS样式与表格和表单的配合使用提升网页效果。

2.项目单元任务

●完成教材“考核评价”部分表格题目的相关内容

●参照实践项目环节，以“三木企业网站”以小组为单位完成后台登录主界

面的制作

三、板书设计

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） ---------网页文件开始标签 --------头部元素开始标签 ---------网页标题结束标签 -------头部元素结束标签 ---------网页内容开始标签 ... 网页具体内容 --------网页内容结束标签 ---------网页文件结束标签 Dreamweaver的代码里打“<”会出现可选择代码，或在“< >”里打空格也会出现，方便输入。标签书写方式（不同标签书写方式不同） 1. <标签>对象 如：title、head等。 2. <标签> 如：br 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象 如：font 注意： 1.第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。 2.可以嵌套，但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字：... face:字体，引号中输入字体名。如：face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。 换行：
加粗：... 倾斜：... 滚动字幕: 滚动标签：marquee 最简表达：相关字幕 滚动的属性： Direction--表示滚动的方向，值可以是left，right，up，down，默认为left Behavior--表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）

Dreamweaver网页设计题库全(有答案)

网页设计复习试题（理论） 一、选择题 1、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 ~ 3、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围（ C） A、页面内容设计 B、网页架构设计 ( C、服务器设计 D、LOGO设计 6、下面的哪一项不属于网页标准色的三大色系（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是 ( C )。 A、 B、 C、 D、 8、下面选项中哪个不是单元格的水平对齐方式之一（A ）。 。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是（ A ） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是（ A ） A、tr B、td C、table D、tl 11、表格的单元格标记是（ B ） \ A、tr B、td C、table D、th 12、不可以在插入表格时弹出对话框中设置的属性（ C） A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是（D ） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 & 14、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15、下面哪些操作不可以在“文件”面板中完成（ D ）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16、下列哪个内容不是表格的基本组成部分（B ） A、行 B、图片 ? C、单元格 D、列 17、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18、在表格属性面板中，不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19、（A ）的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取代不了的。 。 A、表格 B、框架 C、层 D、表单 20、除了（ D ）格式，其他三种图像格式都是应用于网络。 A、GIF B、JPEG C、PNG D、MP3 21、在制作文本超链接时，建立了超链接的文本（C ）发生了变化，并且多了一条下划线。 A、字体 B、大小 C、颜色 D、位置 … 22、以下能够创建空链接是（ A ） A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“！” C、在”链接“文本框中直接输入“$” D、在”链接“文本框中直接输入“@” 23、。以下是Dreamweaver MX热点工具的是（D ） A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中（D ）。 A、GIF B、JPEG { C、PNG D、BMP 25、源端点不能用于附加超链接的对象组有（ B ）。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、FLASH动画 D、文本、图像、图层 26、通过页面属性可以修改链接的样式，下列哪些不能在页面属性里设置（ D ）。 A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式

Dreamweaver网页制作教案

认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识

Dreamweaver网页设计基础知识

网页设计基础知识 一、认识网页 1.网页分类：静态网页、动态网页 ◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写 的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文 件，其扩展名为.html或htm ◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件， 都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编 写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发 送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同， 如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java Server Pages）技术时的扩展名为.jsp等等。 2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】， 如https://www.wendangku.net/doc/f88149327.html,；由于网址是最常用的协议是http是默认的协议，所以可当 刮简写为https://www.wendangku.net/doc/f88149327.html,；ftp://123.52.3.20；， 3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。 4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。它默认的文件名 通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等 等 二、网页设计基本原则 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.网页形式与内容相统一 5.三维空间的构成 6.多媒体功能的使用 7.网站测试和改进 8.合理运用新技术 三、网站制作流程 1.选择网站主题 2.规则网站目和目录结构 ◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题 展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过 程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。 ◆在创建网站的目录结构时，不要将所有文件都存放一根目录下，需要应该按栏 目为建立文件夹 ◆目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写 字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。 3.设计网页布局 4.整合网页内容

《Dreamweaver网页设计》综合练习题(二)及答案

《Dreamweaver网页设计》综合练习题（二）及解答一、选择填空题（每空2分，共20分） 1．HTML 2．URL 3．ICP 4．SGML 5．CSS （_____）网络内容服务商 （_____）网络内容服务商 （_____）标准通用标记语言 （_____）统一资源定位符 （_____）超文本标识语言 答案： （___3_）网络内容服务商 （__5_）网络内容服务商 （__4_）标准通用标记语言 （___2__）统一资源定位符 （___1_）超文本标识语言 1．标签 2．标签

3．标签 4．标签 5．标签
（____）指定链接地址 （____）图片标记 （____）表单 （____）无序列表 （____）框架标记 二、单项选择题（每个题只有一个选项是正确的。每题3分，共45分） 1、如下所示的这段CSS样式代码，定义的样式效果是（）。

a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色 A．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案： D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色2、下图为Dreamweaver 8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A．基本页类别中的“HTML”选项 B．基本页类别中的“HTML模板”选项 C．动态页类别中的选项 D．入门页面中的选项 参考答案：A 3、在Dreamweaver 8中，设置超级链接的属性，目标设置为_top时，表示（）。 A．新开一个浏览窗口来打开链接 B．在当前框架打开链接 C．在当前框架的父框架中打开链接 D．在当前浏览器的最外层打开链接 参考答案：D 4、在Dreamweaver 8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。 A．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令B．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令 C．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行

Dreamweaver网页设计模拟试题1-5

《网页设计与制作——Dreamweaver8》期末模拟试题一 一、选择题 1、打开Dreamweaver 8窗口后，如果没有出现属性面板。可执行_______菜单中的“属性”命令将其打开。 A、插入 B、修改 C、窗口 D、命令 2．在站点中建立一个文件，他的扩展名应是_______。 A、DOC B、PPT C、XLS D、HTM 3．设置一个没有超链接功能的图像变化（即当鼠标指向页面中的图像时显示另外的图像，当鼠标离开页面中的图像时显示原图像），应使用Dreamweaver 8的_______功能。 A、导航图像 B、翻转图像 C、轮换图像 D、预载图像 4．在_______文本框中输入数据后，数据以*号显示。 A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框 5．按住_______键的同时拖拽鼠标绘制直线，可以绘制水平、垂直或增量为45度角的直线。 A、Ctrl B、Alt C、Shift D、Ctrl+Shift 6、网站首页的名字通常是（） A、Index.htm B、Index.html C、WWW D、A或B 7、在Dreamweaver网页设计中，关于框架的说法正确的是：（） A、框架将浏览窗口划分为若干区域，分别显示一个网页的不同部分。 B、单击名字为“Insert Left Frame”的图标，可以将一个框架拆分为上下两部分。 C、通过按下鼠标左键进行拖动，可以直接改变框架高度。 D、框架之间不能实现链接。 8、利用Dreamweaver8中的（）技术，可以让网页上的内容随心所欲地放置在任何位置上。 A、表单（Forms） B、框架（Frames） C、层（Layer） D、图像（Image）

静态网页制作心得体会

静态网页制作心得体会 姓名：张继宏第三组8.18 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。 网页制作的心得体会----网页制作论文摘要通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。 关键字页面设计ASP和数据库 1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。 2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。 3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。 规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。 大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。 为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。

《Dreamweaver网页设计》期末试卷

《Dreamweaver网页设计》期末试卷 班级：_________：_________ 得分：_________ 一、单项选择题（每个题只有一个的答案是正确的。每题2分，共20分） 1．下图为Dreamweaver8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A. 基本页类别中的“HTML模板”选项 B. 基本页类别中的“HTML”选项 C. 动态页类别中的选项 D. 入门页面中的选项 2．下列选项中（）按钮表示插入Fireworks HTML。 A. B. C. D . 3．下列（）不能在网页的“页面属性”中进行设置。 A.文档编码 B.背景颜色、文本颜色、颜色 C.网页背景图及其透明度 D.跟踪图像及其透明度 4．JavaScript包括在HTML中，它成为HTML文档的一部分，可将标识放入（）。 A.只能在.. 之间 B.只能在...之间 C.既可放入.. 之间，也可放入...之间 D.只能在...