网页制作第2章

1、使用HTML制作简单网页超链接和框架结构,一个网站由多个网页组成，各个网页之间可以通过超 链接相互联系。超链接是网页中的基本元素之一，利用它 不仅可以进行网页间的相互链接，还可以使网页链接到相 关的图像文件、多媒体文件以及下载程序等。框架是一种页面布局结构。在同一个浏览器窗口中如 果需要显示多个页面，可以使用框架页面结构来实现。,使用HTML制作简单网页,学习目标：学会使用超链接标签实现页面、页内跳转；学会使用框架标签将多个网页在同一页面显示。,网页超链接相关概念,超链接：从一个网页指向另一个目的端的链接，这个 。

2、第2章 网页制作快速入门,2.1 Dreamweaver MX 2004基本操作,2.1.1 Dreamweaver MX 2004的界面,1Dreamweaver MX 2004的工作区 （1）主菜单 （2）标准工具栏 （3）插入工具栏 （4）文档窗口 （5）状态栏 （6）属性面板 （7）辅助面板区：,2Dreamweaver MX 2004中的视图 （1）代码视图与设计视图（2）文档窗口,（3）插入工具栏2.1.2 网页的基本操作 1新建网页 “【文件】【新建】”菜单命令 2打开网页 “【文件】【打开】”菜单命令 3保存文档 “【文件】【保存】”菜单命令,2.2 创建和管理站点所谓站点，可以看作是一系列文档的组合，这些文。

3、,第1章 网页制作基础,本章首先对一些与网络相关的概念做了概要的阐述，介绍了网页制作的基本知识，使读者对Internet传递信息的基本原理有所了解。然后，介绍网页制作的基本步骤，对HTML（超文本标签语言）的基本知识进行入门性的阐述，对Dreamweaver的操作环境进行介绍，并将介绍如何使用Dreamweaver建一个最基本的网站和网页，从而为后续章节的学习打下基础。,1.1 网页制作基础知识,当打开浏览器后，在地址栏中输入一个网站的地址，然后单击地址栏后面的“转到”按钮，或直接按回车键，就会展示出相应的网页内容，如图1-1所示。,图1-1 网。

4、第7章 表 格,7.1 创建表格 7.2 编辑表格 7.3 表格的格式化 7.4 利用表格布局版面 思考与练习,7.1 创建表格,7.1.1 表格的基本概念 在网页中，表格的结构如图7.1所示。 表格由一些线条分开的小格组成。线条即是表格的边框，被边框分割开来的区域称之为单元格，数据、文字、图形、图片等对象均可根据需要放在相应的单元格中。位于水平方向上的一系列单元格称作一行，位于垂直方向上的一系列单元格称作一列。 在单元格中，可以输入文字和其他对象，这些文字或对象同单元格边缘之间的距离称作单元格内部边距（cell padding）。单元格之间的距离。

5、助理电子商务师教程,国家职业资格三级,第一章：网页制作 第一节：HTML语言 第二节 动态网页制作 第二章：网络商务信息收集与交换 第一节 网络商务信息采集 第二节 网络商务信息处理 第三章：网络营销 第一节 网上市场调研 第二节 网络广告与促销 第四章：电子交易 第二节 电子合同签订 第五章：物流信息管理 第一节 物流信息收集与分析 第二节 物流信息的应用 第六章：网络采购 第一节 采购业务流程编制 第二节 供应商管理 第七章：电子商务安全管理 第一节 文件加密 第二节 交易安全管理 第三节 安全工具使用,第一章网页制作,第一节 HTML。

6、第二章 普通主页的制作,2.1制作时应该注意的原则,总体来说，要了解以下基本设计原则： （1）主页排版不要太松散或用太大的字，尽量避免访问者浏览网页时要用大幅度的滚动，对于篇幅太长的一页可以使用内部链接解决。须知，一页的上部是很显眼而且宝贵的地方，不要只放几个粗大的字或图片。 （2）切勿以800600以上的分辨率设计网页，常用的分辨率是640480及800600。现在国内的站点基本上都是800600，但是如果主要是面向国外访问者的站点，建议使用640480。,2.1制作时应该注意的原则,（3）底色或墙纸必须与文字对比强烈，以易于阅读。这并不。

7、网页设计,第3章 表格、表单及框架,3.1 表格 3.2 表单 3.3 框架,3.1 表格,3.1.1 表格的基本结构,用表格显示信息条理清楚，使浏览者一目了然。表格在网页中还有协助布局的作用，可以把文字、图像、声音甚至视频，或者另一个表格，组织到表格的不同行列中，以制作整齐、清晰的页面。HTML具有强大的建立、显示表格的功能。 HTML的表格由行和列组成， 每一行的一个列就是一个单元 格，如右图所示：,创建HTML表格需要使用下列标签：(1) 、 表格标签对，用于定义一个表格；(2) 、 行标签对，用于定义一个行，只能嵌套在表格标签对中(3) 、 单元格。

8、网页设计与 制作教程（第三版）,普通高等教育“十一五”国家级规划教材 赵祖荫 主编,第1章 网页设计与制作基础,1.1 Internet基础 1.2 网页图像基础 1.3 网页制作软件的主要功能和特点 1.4 本章小结,本章重点：Internet基础知识网页图像基础网页制作套件的主要功能和特点,1.1.1 Internet与WWW服务计算机网络，简单的说，就是用通信线路把若干计算机连起来，再配以适当的软件和硬件，以达到计算机之间的资源共享和信息交换。Internet的中文名称是因特网或国际互联网，是一个几乎覆盖了全世界的计算机网络。,1.1 Internet基础,Internet提供的。

9、第8章 网页制作（目录）,8.1 网页与网站概述 8.2 制作基本网页 8.3 表单的使用 8.4 网页的特效制作 8.5 网站发布介绍,8.1 网页与网站概述（主要内容）,8.1.1 认识网页和网站 8.1.2 网页编程语言介绍 8.1.3 FrontPage 2003介绍,8.1.1 认识网页和网站,什么是网页 学名称作HTML文件，是一种可以在WWW（World Wide Web）网上传输，并被浏览器认识和翻译成页面显示出来的文件 什么是HTML HTML（Hypertext Markup Language）中文翻译为“超文本标记语言”，其中“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字信息 网页就是。

10、1,2019/5/4,第12章 网页制作,2,2019/5/4,12.1 网页制作概述 12.2 HTML语言 12.3 Dreamweaver,本 章 内 容,3,2019/5/4,12.1 网页制作概述,网页是能够被浏览器软件识别的文件，网页制作就是编写网页文件。 制作网页的基本技术标准是超文本标记语言（HTML，HyperText Marked-up Language），它规定了文档的逻辑组织格式，能制作出网页的各种效果。然而只有用浏览器打开含有HTML的网页文件时，才能看到设计的结果。,4,2019/5/4,12.1.1 网页的基本要素,1.文字文字是网页发布信息所使用的主要形式。文字性网页一定要注意编排，包括标题的字形和。

11、课堂讲解 上机实战,第1课 初识Dreamweaver 8,课堂讲解,什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 认识Dreamweaver 8 Dreamweaver 8的基本操作 Dreamweaver 8工作界面介绍,什么是网页和网站,什么是网页 什么是网站,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。,什么是网站,网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器。

12、通过本章学习，应该掌握以下内容：Web基础知识 构成网页的基本要素 制作网页的基本工具 美化网页的基本工具 网页制作的基本步骤,第1章 网页制作初识,1.1 Web概述,1.1.1 Web的起源和发展,Web是WWW（World Wide Web）的简称，中文译名为“万维网”。它是建立在客户机/服务器模式之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的用户界面的信息浏览系统。,1.1.2 Web的特点,Web是建立在Internet上的交互的、动态的、多平台的信息服务系统。它具有以下几个主要特点： 1Web是一种超文本信息系统2Web能提供图形界面，且易于操。

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、第2章 设置文字,第2章 设置文字,2.1 文字的应用 2.2 制作一个简单的网页 2.3 CSS样式 2.4 应用CSS样式实例 2.5插入滚动字幕,2.1 文字的应用,2.1.1 文字的输入 2.1.2 插入水平线 2.1.3 插入日期 2.1.4 文字的编辑,2.1.1 文字的输入,1.普通字符 普通字符可以直接在页面上输入 也可以在其他文本编辑软件中输入后，将其复制到Dreamweaver 8.0中 也可以把word文件直接导入到编辑窗口,2.特殊字符 单击“窗口”菜单中的“插入”命令，打开“插入”面板，在面板中的下拉列表中选择“文本”选项，单击“其它字符”图标下拉按钮，从中选择要插入的特。

15、第 2 章 Dreamweaver 8 站点的管理,本章学习目标,2.1 Dreamweaver 8的站点设置,Dreamweaver 站点提供一种组织所有与 Web 站点关联的文档的方法。通过在站点中组织文件，可以利用 Dreamweaver 将站点上传到 Web 服务器、自动跟踪和维护链接、管理文件以及共享文件。若要充分利用 Dreamweaver 的功能，需要定义一个站点。,2.1.1 认识Dreamweaver 8的站点,Dreamweaver 站点由三部分组成，具体取决于开发环境和所开发的 Web 站点类型：（1）本地文件夹：是您的工作目录。Dreamweaver 将该文件夹称为“本地站点”。此文件夹可以位于本地计算机。

16、标题栏,菜单栏,工具栏,编辑窗口,滚动条,视图栏,一、创建站点,创建一个空站点，其中并不包含任何内容和信息，即搭起一个架子。操作步骤：1)在 “文件” 菜单上指向 “新建”，然后单击 “站点”。 2)在 “站点” 列表中，选择用来创建新站点的模板。 3)在 “指定新网站的位置” 框中键入或选择新站点名称。FrontPage 将自动为站点创建下列文件和文件夹： 1)用来存放图片、视频和其他的图像文件夹(Image)。,2)用来存放表单结果和其他任何不想被浏览站点的站点访问者看到的文件的 _private 文件夹。3)将根据站点所使用的服务器类型创建一个名。

17、网页制作,第2章 XHTML,第2章 XHTML,2.1 XHTML基础 2.2 body元素 2.3 网页文本 2.4 网页图像 2.5 网页链接 2.6 网页表格 2.7 网页表单 2.8 网页多媒体,2.1 XHTML基础,2.1.1 HTML 2.1.2 XHTML,2.1.1 HTML,1. HTML 2. HTML文件基本结构,1. HTML,当客户从WWW服务器读取到一个网页文件后，客户需要在自己的显示屏幕上将它正确无误地显示出来。为保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机或终端都能“看懂”的方式来描述文件，于是就产生了HTML超文本标记语言（Hype Text Markup Language）。,HTML是一种基本的WEB设。

18、2.1 HTML 语言的结构,2.3 超文本链接指针,2.2 构成网页的基本元素,2.4 在HTML文件中使用图像,2.6 表单的应用,2.5 框架结构的使用,2.7 HTML中的表格,第2章 网页制作(1),HTML（ HyperText Markup Language）是一种描述文档结构的超文本标记语言，标记由起始链接签、内容和终止链接签三部分组成，每一个标记都有名称和可选择的属性，名称和属性都在起始链接签内标明。,2.1 HTML 语言的结构,标记格式:格式化对象 ,网页的基本结构,我的第一个网页静夜思床前明月光， 疑是地上霜。 举头望明月， 低头思故乡。,用来给网页命名，显示在浏览器的标。

19、网页设计制作基础与上机指导HTML+CSS+JavaScript 清华大学出版社,第2章 制作网页内容,本章主要内容：,文字 段落 列表 图片 其他多媒体文件,2.1 文字,文字是网页中最基础的信息载体，浏览者主要通过文字了解网页的内容。虽然利用图形文字也可以达到同样的效果，甚至超出纯文本的效果，但是网页文字的优势还是无法被取代的。因为纯文本所占用的存储空间非常小，浏览纯文本网页时，占用的网络带宽较少，能快速地被用户打开。,2.1.1 添加文字,在HTML文件中添加文字的方法很简单，在需要文字的地方直接输入即可，但是需要添加在与标记之间。,2.。

20、课堂讲解 上机实战,第2课 站点的基本操作,课堂讲解,站点的规划 创建本地站点 创建远程站点 管理本地站点 管理站点地图 页面设置,站点的规划,Dreamweaver 8的站点类型规划站点结构 绘制网站结构草图,Dreamweaver 8的站点类型,本地站点远程站点测试站点,规划站点结构,规划站点结构是设计站点的必要前提，其操作是将不同的文件分类存放在文件夹中以便于设计者管理。合理地组织站点结构，可提高工作效率，加快对站点的设计。,绘制网站结构草图,站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。,创建本地站点,。