第01课网页制作概述

1、第五章 制作框架网页,5.1引言,在浏览器中框架是窗口中的一个区域，利用框架可以将页面分成不同的区域，在不同的区域可以显示不同的内容。如图5-1所示 利用框架技术，可以将不同的文档显示在同一个浏览器窗口中。通过构建这些显示在同一窗口中的文档之间的相互链接关系，可以实现文档之间的相互控制。,使用框架技术构建的网页涉及两个概念：一个是框架集（Frameset）；另一个是框架（Frame）。 当浏览器窗口被许多的框架所分割时，这些框架所构成的网页，就称为框架集。框架集定义了一组框架的布局和属性，其中包括框架的数目、框架的大小。

2、第3章 制作框架网页,课前导读 课堂讲解 上机实战 任务小结,课前导读,基础知识 重点知识,基础知识,框架的作用、框架及框架集的概念。,重点知识,框架网页的作用和功能，框架的建立与属性设置，框架中各个页面之间的关联，每个框架中页面的设置方法，框架网页的保存方法。,课堂讲解,认识框架网页 设计框架网页 建立框架 制作框架页面 保存框架网页 为框架网页创建超链接 设置框架网页的属性,一、认识框架网页,了解框架的作用 了解框架及框架集的概念 认识框架及框架集,1、框架网页的作用：是将浏览器窗口划分为若干个不同的区域，每个区域可。

3、,12.1 交互式表单概述 12.2 创建表单 12.2.1 创建表单的文本框 12.2.2 建立表单的单选按钮和复选框 12.2.3 创建表单的列表框 12.2.4 创建表单的提交和重置按钮 12.2.5 其他表单域的应用 12.3 表单的应用实例,第12章 表单及其应用,表单（Form）技术可以实现浏览者与Internet服务器之间信息的交互传送，它是网络信息收集处理的一种重要的方式。通过表单可以从网络的用户端收集信息，然后将收集来的信息经过服务器处理后再反馈给用户。 电子商务、网上调查，还是留言板、聊天室,(1) 由Dreamweaver MX生成的表单的页面。,表单有两个重要的组成。

4、第8章 框架网页,在网页设计中，框架是组织复杂页面的一种重要方法。框架可以将浏览器显示窗口分割成几个不同的小窗口，每个窗口可以独立显示不同的网页，而且在替换窗口中的网页文件时，各个窗口之间没有影响。 本章介绍框架网页的应用，主要内容有：制作一个简单框架网页 创建框架和框架集 设置框架集属性 嵌套框架 框架集中的超链接 制作一个框架网页,8.1 制作一个简单框架网页,要制作框架网页，就要建立框架集。框架集是组织页面内容的常见方法，通过框架集可以将网页的内容组织到相互独立的HTML页面内，相对固定的内容（比如导航栏、。

5、1,第8章 框架网页,在网页设计中，框架是组织复杂页面的一种重要方法。框架可以将浏览器显示窗口分割成几个不同的小窗口，每个窗口可以独立显示不同的网页，而且在替换窗口中的网页文件时，各个窗口之间没有影响。 本章介绍框架网页的应用，主要内容有：制作一个简单框架网页 创建框架和框架集 设置框架集属性 嵌套框架 框架集中的超链接 制作一个框架网页,2,8.1 制作一个简单框架网页,要制作框架网页，就要建立框架集。框架集是组织页面内容的常见方法，通过框架集可以将网页的内容组织到相互独立的HTML页面内，相对固定的内容（比如导航。

6、制作表单网页,思考：,网站制作完成之后，如何了解网站访问者对网站的评价意见呢？,表单：,表单是一种结构化文件，用于收集和发布信息。它是网站制作人与访问者进行交流的一种媒介，通过访问者填写表单中的选择题、填空题和问答题，网站制作人可以收集到来自世界各地的资料和意见。 目前，表单主要用来进行意见调查、在线查询、网上购物、在线申请等。,表单的工作原理：,1、浏览者在表单中填写或选择信息。 2、单击“提交”按钮，填写的信息按照指定的方式传递到服务端。 3、由服务器端的特定程序进行处理。,任务一：,在网页中插入表单。,。

7、第12章 导入声音和视频,学习目标 本章要点 上机练习 习 题,学习目标,要使Flash影片更加完善、更加引人入胜，只有漂亮的造型和精彩的情节是不够的。为Flash影片添加生动的声音效果，除了可以使影片内容更加完整外，还有助于影片主题的表现。本章主要学习声音和视频的导入方法，将了解声音的类型和导入的视频格式种类，掌握声音和视频的导入方法，并熟悉声音的属性及设置方法。,本章要点,导入及使用声音 处理声音 导入视频,导入及使用声音,为Flash影片中的动画添加生动的声音效果，除了可以使影片内容更加完整外，还有助于影片主题的表现。 。

8、,本课要点 课前导读 课堂讲解,第三课 用FrontPage制作网页,本课要点,建立站点 网页布局 编辑文档 制作组件 发布站点,课前导读,基础知识 重点知识 提高知识,基础知识,启动FrontPage 、FrontPage的工作界面、站点的建立、插入特殊符号和图像。,重点知识,网页布局，创建文本和图像链接，组件以及动态HTML效果的制作,提高知识,站点发布,课堂讲解,启动FrontPage 建立站点 网页布局 编辑文档 创建链接 制作组件 发布站点,启动FrontPage,启动FrontPage的方法为：选择开始程序Microsoft FrontPage菜单命令即可。启动FrontPage后的界面如图所示。,。

9、第6章 Fireworks 8概述,第6章 Fireworks 8概述,6.1 Fireworks 8的工作界面 6.2 绘图工具的使用 6.3 文档的建立 6.4 文档的打开和导入 6.5 文档的保存 6.6 文件属性的修改 6.7 本章小结,Fireworks 8是制作、处理和发布Web图形图像的重要工具软件。它简化了制作网络图形图像的流程，将Web图形图像处理方面的工作集成到一个统一的环境中，并提供独特的位图和矢量相结合的解决方案，可以随时进行编辑，自动化的处理过程，提高了工作效率。,首次在 Fireworks 8 中打开一个文档时，会激活工作环境，包括“工具”面板、“属性”检查器、菜单和其。

10、第3章 文本的应用,本章导读 学习目标 本章要点 上机练习 习 题,本章导读,学会插入文本 掌握设置文本格式的方法 掌握创建列表 掌握使用CSS样式设置文本 课时安排：3学时,学习目标,文本是网页传递信息的重要载体之一，也是网页中不可缺少的元素。文本的样式将会影响到网页的整体外观，因此在网页中插入和设置文本格式是至关重要的。本章将讲解在网页中插入文本的方法及文本的格式设置，包括基本样式、段落样式的设置等。另外，还将讲解利用CSS样式设置文本，使读者能够在制作网页的过程中自由灵活地运用文本。,本章要点,插入文本 设置文本格。

11、第1章 网页设计与制作概述,Dreamweaver网页设计与制作教程,主 编 杨 继,中国水利水电出版社,第1章 网页设计与制作概述,第1章 网页设计与制作概述,第1章 网页设计与制作概述,内容提要网络基础知识网页设计基础知识HTML语言基础网站的设计流程,第1章 网页设计与制作概述,Internet 也叫“因特网”它是一个开放的、互连的、遍及全球的计算机网络，是一个能使世界上各种不同类型的计算机之间交换各种数据信息的通信媒介,第1章 网页设计与制作概述,1.1 网络基础知识,计算机网络 计算机网络是将分布在不同物理位置的具有独立功能的计算机系统，利。

12、第6章 网页制作概述,知识点和技能点,知识点 了解静态网页与动态网页的区别 了解网页制作工具和美化工具 理解网页基本要素 技能点 掌握网页素材的收集整理 掌握静态、动态网页的设计与制作 熟练网页上传发布方法,重点和难点,网页基本要素 网页制作步骤 网页设计的注意事项,6.1.1 文字,1、 标题 一个网页通常都有一个标题，表明本网页的主要内容。标题是否醒目，是吸引浏览者能否注意的一个关键，因此对标题的设计是很重要的。 2、 字号 网页中的文字不能太大或太小。太大会使得一个网页信息量变，太小又使人们浏览时感到费劲。一个优秀网页。

13、本章将介绍网络、网站和网页的一些基本知识，为后续内容的学习奠定一个初步基础。,第1章 网页制作基础,学习目标,了解网络的一些常用术语。 了解网页的基本元素。 了解常用的网页制作工具。 掌握网页布局的基本类型。 了解常用的网页布局技术。 了解网站建设的基本流程。,1.1 常用术语,Internet Intranet ISP IP 域名 网站 URL,FTP WWW 超级文本 HTML ASP VBScript和JavaScript,1.1.1 Internet,Internet也称因特网或国际互联网，是20世纪70年代由美国军方的ARPAnet（阿帕网，由美国高等研究计划署（Advanced Research Project Agency）创立。

14、网页设计技术（第二版）张磊编著 中国铁道出版社,第1章 网页概述,主要内容 网页中的基本术语 网页中的基本元素 网页设计方式和网页设计工具 网站设计的一般过程 网页设计的一般原则 网页发布的一般过程,网页设计技术（第二版）张磊编著 中国铁道出版社,1.1 基本术语网页与网站,网页：网页是通过网络浏览器看到的网站页面。网页的本质是一个计算机文件。当浏览器获得网页访问的指令后，即在互联网上查找指定的网页文件，并对网页文件进行解读，然后将网页呈现在用户屏幕上。 网站：网站是按照一定的规则组织的若干网页的联合体，是进行网页。

15、,本课要点 课前导读 课堂讲解 上机实战 习题及答案,第一课 网页制作概述,本课要点,了解网页 网页制作的常用软件 网页制作的基本步骤 如何学好网页制作,基础知识,网页的定义、网页中的常用术语,重点知识,网页制作的基本步骤,了解知识,制作网页需要的软件、如何学好网页制作,课堂讲解,网页概述 网页制作的常用软件 网页制作的基本步骤 如何学好网页制作,网页概述,什么是网页 网页的类型 网页中常见的基本概念,什么是网页,在网上浏览时看到的一个一个页面就是网页，它是用HTML的文件格式来表示的。,网页的类型,主页 内页 动态网页 静态网页,。