网页设计教程Dreamweaver电子课件第3章

课程教案

授课内容

项目四 制作文化公司网站

授课班级 授课学时 12课时

教学方法与手段 讲授法、演示法、讨论法。多媒体教学

项目内容 广州皇翼文化发展有限公司是一家拥有丰富资源的新生代文化传播公司，本公司主要从事舞台艺术、演艺演出、展览展示、活动推广等业务。本项目的工作内容就是为该公司建设网站，公司要求如下：

1. 简洁美观的全版欢迎页面。

2.内容页可以使用色彩对比强烈的风格，少量文字版面内容，以图片显示的版块为主。

3. 图片展示是重点，在访客查看图片的时候，图片要有特色的显示链接效果。

4. 网站栏目之间有明确的链接。

要完成上述任务要求，网站制作必须应用超链接和行为技术。超链接是网站中最重要的组成部分，它指向要访问的目标文档或其他元素，从而使一个网页可以跳转到另一个网页或打开“下载文件”对话框等。利用行为可以实现浮动广告、滚动字幕，以及收缩、放大图像等效果。

教学目标 学生通过本项目的学习，能：

1、 熟练掌握设置各种超链接的方法

2、 掌握跳转菜单的设置方法

3、 熟练掌握各种行为的设置方法

教学重点与难点 教学重点：

1、熟练掌握设置各种超链接的方法

2、掌握跳转菜单的设置方法

3、熟悉“行为”面板

教学难点：

熟练掌握各种行为的设置方法

教学过程设计 项目效果

【任务一】为首页和子页设置链接——应用超链接

超链接包括很多种，最常用的是常规超链接，另外还有图片链接、下载链接、电子邮件链接等。

（一）设置常规超链接

常规超链接包括内部超链接和外部超链接。内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。

1. 内部超链接

内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。

第14章 创建ASP应用程序

一、填空题

1、（ ）是由Microsoft公司推出的专业的Web开发语言，可以使用VBScript、JavaScript等语言编写。

正确答案：ASP

2、ASP应用程序必须通过开放式数据库连接（ ）驱动程序（或对象链接）和嵌入式数据库（OLE DB）提供程序连接到数据库。

正确答案：ODBC

3、成功创建连接后，系统自动在站点管理器的文件列表中创建专门用于存放连接字符串的文档“conn.asp”及其文件夹“（ ）”。

正确答案：Connections

4、记录集负责从数据库中按照预先设置的规则取出数据，而要将数据插入到文档中，就需要通过（ ）的形式，其中最常用的是动态文本。

正确答案：动态数据

5、记录集导航条并不具有完整的分页功能，还必须为动态数据添加（ ）才能构成完整的分页功能。

正确答案：重复区域

6、使用【（ ）】服务器行为来限制页面的访问权限。

正确答案：限制对页的访问

二、选择题

1、（ ）在存储内容的数据库和生成页面的应用程序服务器之间起一种桥梁作用。

A、记录集 B、动态数据 C、动态表格 D、动态文本

正确答案：A

2、关于SQL语句“SELECT Author, BookName, ID, ISBN, Price FROM book ORDER BY ID

DESC”的说法错误的是（ ）。

A、该语句表示从表“book”中查询所有记录

B、该语句显示的字段是“Author”、“BookName”、“ID”、“ISBN”和“Price”

C、该语句对查询到的记录将根据ID按升序排列

D、该语句中的“book”表示数据表

正确答案：C

3、通过主菜单中的【插入】／【应用程序对象】／【删除记录】命令删除记录，是通过记录集和（ ）共同完成的。

A、表格 B、文本域 C、动态数据 D、表单

正确答案：D

1

2

第1章 网页设计基础

教学目标与要求 熟记站标、导航条、广告条、按钮等网页构成要素，以及网页、网站、IP地址、域名、网址等概念；了解网页的本质和网页的布局类型和HTML文档的基本结构，熟练掌握网站建设的基本流程。

教学重点 重点：站标、导航条、广告条、网页、网站、IP地址、域名、网址等概念，以及网站建设的流程

教学难点 难点： IP地址、域名、网址，HTML文档的基本结构及其常见标签

教学方法 提问、启发、图示、情景教学、案例、课堂讨论

教学课时 2课时

第1章 网页设计基础 教学

提示

导入课程：大家会输入文字、制作和处理图像、设计动画，如何把这些作品放到internet中，让更多的人去查阅和欣赏呢？---DW就可以制作网页。

1.网页的构成要素和组成元素

 网页的构成要素：站标、导航条、广告条、标题栏和按钮；

 网页的组成元素：文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。

2.网页相关知识简介

 基本概念：

➢ 网页的本质

➢ 网页、网站、主页、互联网

以提问的方式引入课程

采用课堂讨论教学法，打开几个典型的网页让同学们讨论总结构成要素和组成元素。

打开一个搜狐主页，保存成不同的类型，让大家看保存的效果，加深对网页本质的理解；

先打开一个网页的源文件，结合网络常识，详细讲解网页的定义，然后略讲网站和主页的概念。并提醒同学理解并记忆这些概念。

3

➢ 动态网页、静态网页

➢ IP地址、域名、网址（url）、浏览器等概念

 网页布局

➢ 网页布局的相关概念

➢ 常见的布局类型

 网站管理与网页制作相关软件

➢ 制作和管理网页工具；

➢ 制作和优化网页图像工具；

➢ 制作网页动画工具；

➢ 其中Dreamweaver、 fireworks、

flash这三个软件合称为网页“三剑客”。

➢ 其他小工具软件。

 HTML语言

ISBN 978-7-121-09530-6

书名 网页制作基础教程（Dreamweaver 8.0）（第2版）

样

章

第1章 网页设计基础





Dreamweaver

8.0是Macromedia 公司推出的目前最新版本的网页设计软件，站点管理和页面设计是它的两大核心功能，它采用多种先进的技术，易学、易用。只要掌握初步的知识，再加上自己的创意，即可制作出独树一帜的网页。

本章重点介绍在Dreamweaver 8.0中如何创建站点并进行站点管理，从而为下一步开发网站做好准备，同时，通过本章的学习使读者熟悉Dreamweaver 8.0界面及运行环境。

1.1 初识Dreamweaver

8.0

在使用Dreamweaver开发网站之前，首先需要熟悉一下Dreamweaver的启动及设计环境。俗话说“工欲善其事，必先利其器”，通过本节可以使大家了解Dreamweaver 8.0这个神奇网页制作软件的“庐山真面目”，会使后面的学习变得更加轻松，上手更加迅速。

1.1.1 Dreamweaver 8.0的启动

步骤

① 单击任务栏“开始”按钮，选择“程序”命令。

② 将光标向右移动，选择Macromedia文件夹。

③ 将光标再向右移动，单击Macromedia Dreamweaver 8.0图标，Dreamweaver 8.0就被启动了。

Dreamweaver 8.0根据设计人员和编码人员的需求自带了2种配置，此外也还可以构建自定义工作区。首次启动Dreamweaver 8.0时，系统会弹出一个“工作区设置”界面，可以从中选择一种工作区布局，如图1-1所示。“设计器”工作区适合于一般的用户，“编码器”工作区指的是代码编辑界面，适合于具有较高水平网页编程技术的用户。在这里可以选择“设计器”工作区。

如果在操作过程中想改变工作区，可单击“窗口”｜“工作区布局”命令，从中选择相应的工作区，如图1-2所示。