当前位置：文档之家 › 网页设计与制作 第1章 网页制作初识

网页设计与制作 第1章 网页制作初识

  • 格式：ppt
  • 大小：476.50 KB
  • 文档页数：18

下载文档原格式

  / 18

合集下载

网页设计与制作教学

网页设计与制作教学

整理课件
2
2.什么是主页？
❖ 当我们浏览网站时看到的第一个页面。它是 整个站点的入口和门面，通常这样命名： index.html。
整理课件
3
3.什么是超文本？
❖ 包含文字、图像、视频、声音等媒体的文本， 网页就是一个超文本文件，并且可以实现链 接操作。
❖ 超文本可以给浏览者带来视觉和听觉的享受， 所以Web技术又称为超媒体技术。
部分。HTML文档中所有的内容都应该在这 两个标记之间，一个HTML文档总是以
<he<ahdt>m…l><开/h始ea，d>以：<H/hTtMmlL>文结件束的。头部标记，头
部主要提供文档的描述信息，head部分的所有 内容都不会显示在浏览器窗口中，在其中可以
放置页面的标题以及页面的类型、使用的字符
❖ 站外链接：在个人网站上放置一些与网站主题有关的对外链 接，不但可以把好的网站介绍给浏览者，而且能使浏览者乐 意再度光临该网站。(友情链接)整理课件 Nhomakorabea13
❖ 表格是网页中的一种用于控制网页页面布局的有效 方法。为了达到理想的视觉效果，通常不显示表格 的边框。使用表格辅助布局，可以实现网页横竖分 明的风格。
❖ Photoshop ❖ Fireworks（.gif） ❖ Flash(.swf)
整理课件
19
9.HTML的基本结构
整理课件
20
9.HTML的基本结构
<body>…</body>：用来指明文档的主体区域， <ht网m页l>…所<要/h显tm示l>的：内告容诉都浏放览在器这H个TM标L记文内档，开其
整理课件

chapter1-网页设计与制作初识

chapter1-网页设计与制作初识

第一章1.1 Internet工作过程•Internet上有一种资源的增长速度更是数十倍于Internet的整体的增长速度。

这种资源就是World Wide Web，经常被人称做万维网，简写WWW。

•www服务器又称为web服务器，从本质上讲，W eb是基于客户机/服务器（Client/Server)的一种体系结构。

在这种模型中，典型的通信过程为：客户机向服务器发送请求，要求执行某项任务，而服务器则执行此项任务，并向客户机返回相应信息。

浏览器( Browser )•浏览器是一个软件程序，用于与WWW建立联结，并与之进行通信。

它可以在WWW系统中根据链接确定信息资源的位置，并将用户感兴趣的信息资源取回来，对HTML 文件进行解释，然后将文字图像显示出来，或者将多媒体信息还原出来。

IE VS Netscape•1993 年 3 月，第一个面向普通用户的Mosaic 预览版发布，不过仅针对当时少数的Unix 操作系统，它的最大特色就是具有方便易用的图形界面。

•Netscape公司重新改写了Mosaic浏览器的程序，并将之重新命名为Netscape浏览器。

•1995年微软的Windows95操作系统问世，其捆绑了微软开发的浏览器工具IE，由于Windows95在计算机市场上大获全胜，IE浏览器跟随Windows操作系统连带受益，获取了大量的用户，自此开始Netscap e浏览器发展被微软IE阻碍着。

•当Netscapae退出浏览器市场后，原Netscap e不少开发者转身到Mozilla Firefox的研发中，Firefox算是Netscape的后代。

•IE是由微软自主研发的、集成在Windows操作系统中的网页浏览器。

2005年7月IE的最新版7.0发布，这是我们在2002年IE6.0 SP1发布多年后再次见到微软浏览器的风采。

IE7.0具备了分页、网页过滤、一键清除历史记录、Cookies随心控制、插件管理、RSS聚合等多种实用性很强的功能浏览器新贵FireFox•Firefox以开放源代码的方式，让许多程序爱好者加入到浏览器的开发队伍当中，Firefox以占用系统资源少、独立的内核、出色的显示效果，在发展短短时间内吸引了大量的用户，一跃成为用户最多的主流浏览器工具。

网页设计与制作课件第1章

网页设计与制作课件第1章
上一页 返回
1.1.2 Web浏览器基本结构原理
知识点评
中文名称：网络浏览器或网页浏览器，简称浏览器 （Web Browser）。 浏览器是显示网页服务器或文件系统内的HTML文件，并让用户与这些文件 互动的一种软件。个人计算机上常见的网页浏览器包括Microsoft Internet Explorer、Opera和Netscape等。浏览器是最常用的客户端程序。 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页 浏览器送交数据到网页服务器并且获取网页。网页的位置以URL（统一资源定位 符）指示，此乃网页的地址，以HTTP: //开始的便是通过HTTP协议登录。 网页通常使用HTML（超文本标记语言）文件格式，并在HTTP协议内以 MIME内容形式来定义。大部分浏览器均支持许多HTML以外的文件格式，例如 JPEG、PNG和GIF图像格式。在HTTP协议和URL内容结合下，网页设计者便可 以把图像、动画、视频、声音和多媒体包含在网页中，或让浏览者透过网页而浏 览它们。
上一页 下一页 返回
知识点评
Dreamweaver另外还提供了许多面板、检查器或窗口。若要打开Dreamweaver 面板、检查器或窗口，可以使用【窗口】菜单进行选择，如下图所示。
【窗口】菜 单项所包含 的内容
上一页 返回
1.3.2 创建本地虚拟站点
在本地创建虚拟站点，如下图所示。
目标案例
下一页 返回
步骤7：系统显示刚对网站的设置内容，如果要对设置不满，可以单击“上 一步”按钮更改设置。
上一页 下一页 返回
知识点评
7．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。

网页设计与制作- 第01章_网页设计概述

网页设计与制作- 第01章_网页设计概述
14
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。

第一章网页基础

第一章网页基础

1.1.3静态网页与动态网页 1.1.3静态网页与动态网页
2. 动态网页 动态网页使用ASP、PHP和CGI等程序生成，动态网页中的某些脚本 只能在Web服务器上运行，而静态网页中的任何脚本都不能在Web 服务上运行。当Web服务器接收到对静态网页的请求时，服务器将 Web 该页发送到请求浏览器，而不进一步的处理。当Web服务器接收到 对动态网页的请求时，它将做出不同的反映：服务器根据URL携带 的参数通过应用服务软件（如IIS等）运行服务器端程序，产生的结 果页面再返回客户端。应用服务软件与Web服务器软件一并安装、 运行在同一台计算机上。
1.2 网站的基本结构
• 1.2.2 动态网站的层次结构 • Web服务器上存在许多HTML文件，用户可以使用浏览器通过HTTP 协议来访问并显示这些超文本页面。但是HTML文件仅仅是静态的网 页，不能动态更新，为了能动态访问网上的数据库资源，达到交互式 的访问的目的，Web服务器中包括了CGI（公共网关接口），提供了 与网上数据库资源连接的可能性。中间件可以实现Web服务器与数据 库资源的连接。对于嵌入了数据库访问检索项的网页，中间件可以将 检索项转换成SQL语句访问数据库，并将所需的数据库资源解释成浏 览器可以解释的HTML页面供用户浏览。数据库资源可以经局域网或 广域网与Web服务器连接。 • 另外，从站点的文件目录层次来看，网站内文件组织的第一层是站点 文件夹，可以看成是站点的根目录；将网站内容分类后，放在站点文 件夹下面的子目录，称为第二层；每个分类内容下面还有细节内容可 以放在第二层目录的下面，称为第三层。网站的目录结构设计主要考 虑是否方便浏览者进行浏览，这需要网站的设计者对网站的内容在整 体上进行规划。一般中小型的网站的层次不超过三层，层次过于复杂 容易使浏览者不易查找到想要浏览的内容。

网页设计与制作 第1章 网页设计与制作概述

网页设计与制作 第1章 网页设计与制作概述
第1章 网页设计与制作概述
【学习目标】
1.掌握网页设计与制作中有关概念 2.了解Dreamweaver软件的界面构成 3.学会Dreamweaver的站点操作 4.学会Dreamweaver的文件操作 5.了解网站制作的一般流程，能够使用 Dreamweaver制作一个简单的网站
1.1 网站设计与制作的基础知识 1.1.1 网站设计的有关概念 互 联 网
1.3 站点操作 1.3.1 站点的创建
Step3
在“站点名称”文本框中修改站点名称，点击“下一步”进入图所示界面。由于 我们创建一个本地站点，所以不必使用服务器技术，选中“否，我不想使用服务 器技术”，点击“下一步”
1.3 站点操作 1.3.1 站点的创建
Step4
由于不需要连接到远程服务器， 此项选“无”后，单击“下一 步”；出现一个网站的汇总信息， 单击“完成”
1.4 实践与运用——农家院网站的设计与制作 1.4.2 新建网页
新建网页
设置页面属性
1.4 实践与运用——农家院网站的设计与制作 1.4.3 网页的设计 网页布局 设置导航
插入网页图像
互联网又名因特网，英文名字是Internet，是将全球范围内的计算机通过通信线路和 设置，采用标准的TCP/IP协议连接起来，能够实现资源共享和相互通信的计算机网 络。国际互联网络。通过互联网我们能够收发电子邮件、传输文件、上网浏览信息、 进行网络办公、开展电子商务等。目前，互联网已成为我们工作、生活、娱乐等不 可缺少的组成部分，目前全国网民已达4亿，大家除利用网络浏览信息外，还在进行 网上购物、网络办公、网络游戏、网络支付等，网络已渗透到社会生活的各个领域。 又名WWW网，特指利用浏览器对网络进行访问的部分。访问者通过浏览器（如IE） 访问网络资源（如新浪网、网易等），由于操作的简便性，非常受普通网民的欢迎。 正是由于其操作的简便性，许多网络服务都通过WWW来提供，如电子邮件的收发， 早期我们采用的收发软件如FoxMail已被束之高阁，而是直接通过浏览器访问电子 邮件服务器进行收发操作。在网络硬盘中，我们通过浏览器进行文件传输服务，我 们可以讲，对于新一代互联网用户来讲，万维网就是互联网。

《网页设计与制作》第一章网页制作基础

《网页设计与制作》第一章网页制作基础

块级元素与行内元素
浮动布局
浮动布局是一种常用的网页布局技术，通过设置元素的 `float` 属性，可以让元素脱离正常的文档流，向左或向右移动，直到遇到父元素的边界或另一个浮动元素。
使用浮动布局可以实现多种布局效果，例如多列布局、文字环绕图像等。
定位布局通过设置元素的 `position` 属性，可以精确控制元素在页面上的位置。常见的定位方式有静态定位（`static`）、相对定位（`relative`）、绝对定位（`absolute`）和固定定位（`fixed`）。
在线网页编辑器
网页制作工具简介
延时符
02
HTML基础
HTML文档结构
<html>元素是HTML文档的根元素，包含了整个文档的内容。
<!DOCTYPE html>声明文档类型为HTML5。
HTML文档由一系列的元素构成，包括`<!DOCTYPE html>`、`<html>`、`<head>`和`<body>`等。
03
响应式图片可以有效地减少带宽和加载时间，提高网页的性能和用户体验。
01
响应式图片是指在不同尺寸的屏幕上显示不同分辨率的图片。
02
通过使用HTML的srcset属性和CSS的picture元素，可以指定不同尺寸屏幕下的图片源，从而实现响应式图片。
响应式图片
THANKS
属性选择器
01
03
02
04
CSS选择器
用于设置元素的前景色和背景色，如`color`和`background-color`。
颜色与背景
用于设置字体类型、大小、行高等，如`font-family`、`font-size`和`line-height`。

《网页设计与制作》

《网页设计与制作》

1.3 网站建设流程
设计 开发
规划
要建设一个优秀的网站，通常应
该遵循以下工作流程：确定站点的核
心－网站的规划－网站外观的设计－
网页具体制作－网站性能测试－网站
发布－网站更新与维护。
发布
维护
网站规划 一个网站的成功与否与建站前的网站规划有着极为重要
的关系。在建立网站前应明确建设网站的目的，确定网站 的功能，确定网站规模、投入费用，进行必要的市场分析 等。只有详细的规划，才能防止在网站建设中出现的很多 问题，使网站建设能顺利进行。
域名 Com Edu Gov Int Mil Net Org
域名机构 商业机构 教育机构 政府部门 国际性机构
军队 网络机构 非盈利机构
附注：全称 Commercial organization
Educational institution government
International organization military
常用的协议名如下： HTTP：超文本传输协议，用于转换网页。 FTP：文件传输协议，主要用于传输文件，许多提供软件下载
的网站使用“FTP〞作为下载的网址。 MAILTO：传送E-mail协议，主要用于传输电子邮件。 例如：
网页与网站 构建WWW的根本单位是网页。网页中包含所谓的“超链
接〞，通过已经定义好的关键字和图形，只要用鼠标轻轻一 点，就可以自动跳转到相应的其它文件，获得相应的信息， 从而实现网页之间的链接，从而构成了WWW的纵横交织 的网状结构。
通过超链接连接起来的一系列逻辑上可以视为一个整体的 页面，那么叫做网站。
网站的概念是相对的，大能分布于多台效劳器上；小的如一些个人网 站，可能只有几个页面，仅在某台WEB效劳器的占据很小 的空间。

《网页设计与制作》教案

《网页设计与制作》教案

《网页设计与制作》教案第一章：网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的标准和原则1.2 网页设计流程讲解网页设计的基本流程，包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具介绍常用的网页设计工具，如Photoshop、Dreamweaver、Fireworks等第二章：HTML与CSS基础2.1 HTML概述介绍HTML的概念、作用和基本结构2.2 HTML标签讲解常用的HTML标签，如、段落、图像、、列表等2.3 CSS概述介绍CSS的概念、作用和基本语法2.4 CSS选择器讲解常用的CSS选择器，如类选择器、ID选择器、属性选择器等第三章：网页布局与排版3.1 网页布局概述介绍网页布局的概念和重要性3.2 常用的网页布局方法讲解常用的网页布局方法，如固定布局、百分比布局、弹性布局等3.3 排版与字体介绍排版和字体的概念、作用和常用属性3.4 响应式网页设计讲解响应式网页设计的概念、方法和实现方式第四章：网页特效与交互4.1 网页特效概述介绍网页特效的概念和作用4.2 JavaScript基础讲解JavaScript的概念、作用和基本语法4.3 常用的网页特效与实例讲解常用的网页特效，如鼠标悬停效果、下拉菜单、滚动动画等，并提供实例进行演示4.4 交互式网页设计讲解交互式网页设计的概念、方法和实现方式第五章：网页设计与制作实践5.1 实践项目概述介绍实践项目的需求和目标5.2 网页设计稿制作根据实践项目需求，使用设计工具制作网页设计稿5.3 网页编码与测试使用HTML和CSS编写网页代码，并进行测试和调试讲解网页发布的步骤和注意事项，以及常用的网页推广方法第六章：网页图像与多媒体6.1 图像格式与优化介绍常见的网页图像格式，如JPG、PNG、GIF等，以及图像优化方法6.2 音频与视频讲解如何在网页中嵌入音频和视频，以及常用的媒体格式6.3 Flash动画介绍Flash动画的概念、制作方法和在网页中的应用6.4 动态效果与动画讲解如何在网页中实现动态效果和动画，包括使用CSS动画和JavaScript实现第七章：网页服务器与数据库7.1 服务器概述介绍网页服务器的概念、作用和常用服务器软件7.2 数据库概述介绍数据库的概念、作用和常用数据库管理系统7.3 动态网页制作基础讲解动态网页制作的基本原理，如服务器端编程和数据库连接7.4 实践项目：搭建简易的个人博客系统讲解如何使用服务器和数据库搭建一个简易的个人博客系统，包括前端设计和后端编程第八章：网页安全与SEO介绍网页安全的概念和重要性，以及常见的网络安全威胁8.2 网页安全措施讲解如何防范网络攻击和提高网页安全性，如使用SSL证书、X-Frame-Options 等8.3 SEO概述介绍搜索引擎优化（SEO）的概念、作用和方法8.4 SEO实践技巧讲解如何优化网页内容、结构和，以提高搜索引擎排名第九章：网页设计与制作的进阶技巧9.1 响应式网页设计深入讲解响应式网页设计的原理和实践方法，包括媒体查询和弹性布局9.2 前端框架与库介绍常用的前端框架和库，如Bootstrap、jQuery、React等，以及如何使用它们提高网页制作效率9.3 网页性能优化讲解如何提高网页加载速度和性能，包括图片优化、代码压缩和缓存策略9.4 实践项目：制作一个响应式商务网站讲解如何使用响应式设计和前端框架制作一个商务网站，包括布局、样式和交互设计第十章：网页设计与制作的拓展与趋势10.1 网页设计与制作的未来趋势探讨网页设计与制作的发展方向，如虚拟现实（VR）、增强现实（AR）等技术的应用10.2 网页设计规范与最佳实践介绍网页设计规范和最佳实践，以提高网页质量和用户体验10.3 跨平台网页设计与制作讲解如何使用跨平台技术，如PWA（Progressive Web Apps）、Node.js等，实现网页在不同平台和设备的兼容性和性能10.4 实践项目：制作一个跨平台的网页应用重点和难点解析重点环节1：网页设计基础和流程网页设计的标准和原则是设计的基石，需要重点掌握。

《网页设计与制作》第一章：网页制作基础

《网页设计与制作》第一章：网页制作基础

【例】给网页设置 “励志学社”的文档标 题，可在头部输入以下代码： <TITLE>励志学社</TITLE>
（4）主体标记 网页的主体是“<BODY>……</BODY>”标记
对作用的范围
<BODY>标记用于定义HTML文档主体的开始， 它能够设置网页的背景图像、背景颜色、链接颜色 和网页边距等属性，其基本用法如下所示： <BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color>
2.个人网站
❖ 个人网站具有较强个性化，是以个人名 义开发创建的网站，其内容、样式、风 格等都是非常有个性的。
3.专业网站
❖ 这类网站具有很强的专业性，通常只涉 及某一个领域，内容专业。如榕树下网 站（）即是一个专业文学网站。
4.职能网站
❖ 职能网站具有专门的功能，如政府职能 网站等。目前逐渐兴起的电子商务网站 也属于这类网站，较有名的电子商务网 站有阿里巴巴（）、 卓越网（）和当当网上书店（）等。
Fireworks通过自动变形，用动的效果，图片编 辑工具和拖拽工具能传送较精彩的 Fireworks 图片。
Macromedia Flash 工具可较快的制作 SWF 文件。
思考题
1.1 什么是WWW？什么是网页？ 1.2 一个完整的URL由哪几部分组成？举
出几个URL的例子。 1.3 如何设置IE的主页？如何用IE收藏一
➢ 浏览器
❖概述 ❖分类 ▪Internet Explorer ▪Netscape Navigator ▪Mosaic等专业浏览器以及一些以上述浏览器 为内核的专用浏览器。

《网页设计与制作》第一章：网页制作基础波波制作

《网页设计与制作》第一章：网页制作基础波波制作

2013-3-6
1.3 网页制作的基本方法
制作网页的基本步骤
1、确定网页的内容 2、设计网页的组织结构
3、资料的收集与整理
4、选择网页的设计方法 常用的网页制作工具有Frontpage、 Dreamweaver等。服务器端的ASP程序可以使用 Visual Interdev、UltraDEV等编辑。
2013-3-6
4
【例】给网页设置 “励志学社”的文档标 题，可在头部输入以下代码： <TITLE>励志学社</TITLE>
2013-3-6
5
（4）主体标记 网页的主体是“<BODY>……</BODY>”标记 对作用的范围
<BODY>标记用于定义HTML文档主体的开始， 它能够设置网页的背景图像、背景颜色、链接颜色 和网页边距等属性，其基本用法如下所示： <BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color> Bgcolor为背景颜色。关于颜色的值后面会详 细介绍。Text为不包含超级链接的文字颜色。 Link为超级链接文字的颜色。 Alink为正被点击的超级链接文字的颜色。
2013-3-6
6
Vlink为已经点击过的超级链接文字的颜色。 Background设置，如果设置了背景图片， 图片会覆盖已经设置的颜色。
Leftmargin、Topmargin用于设置网页的左 边距和上边框，它们是以像素为单位 【例1】将网页的上边距和左边距分别设置为40 和30个像素的宽度，使用黑色文本、白色背景， 未访问的链接源采用蓝色，已访问的链接源标记 为暗红色。 <BODY Background="moom.gif" Bgcolor="White" Bgproperties=Fixed Leftmargin=30 Link="Blue" Text="Black" Topmargin=40 Vlink="Maroon">

《网页设计与制作教程》(教程全集)第1章

《网页设计与制作教程》(教程全集)第1章

1.3 网站的设计
1.3.5 其他页面的设计
其他的页面设计步骤： 确定页面的功能模块→设计页面的布局→处理技术上 的细节。
需要注意以下几点： 1、和主页保持相同的风格。 2、要有返回首页的链接。 3、在页面上显示当前的位置。 4、目录结构不要超过四层。
1.3 网站的设计
1.3.6 企业网站的设计
网站主要由主机、域名和网页等组成。
1.2 网站的规划
1. 网站的题材
目前网站的题材主要有新闻、体育、经济、科技、计 算机技术、软件沙龙、房产、通信、短信、网上聊天、即时 信息、网上社区、校园天地，交通、证券、娱乐网站、旅行、 参考、资讯、网上求职、家庭教育、健康知识、生活时尚、 游戏、广告以及一些体现个人特色的网站等内容。
1.2 网站的规划
3. 给网站取名
网站的名称还要合情合理，最好能让人感觉到有亲切 感，当然，还一定要合法，坚决不能带有反动的、色情的、 迷信的、危害社会安全的名词语句。
1.2 网站的规划
4. 决定网站性质
在创建网站时，决定站点的性质是必须的。设计者应 清楚站点的性质，确定它将会提供什么样的服务，网页中应 该显示什么内容等，以便在站点设计过程中能突出网站主题。
1.3 网站的设计
1.3.1 网站的结构设计
网站的结构设计其实也就 是合理地设计网站的栏目和板 块。那么，需要设计哪些栏目 和板块呢?如何合理地去设计呢? 这是网站设计的目标。
1.3 网站的设计
1.3.2 网站的目录结构设计
在组织网站目录结构时，一般应该遵循如下一些规则：
1、用文件夹分类保存文档。 2、使用合理的文件名称。 3、将本地站点和远程站点设置为相同的目录结构。
成功的企业网站可以将公司信息、产品信息等最完整、 最形象和最具有良好沟通性等方面向世界展示。
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
统 一 资 源 定 位 器 （ URL ， Uniform Resource Locator ）是用来确定各种信息资源为置的，它是 Internet上信息所在位置的地址，俗称“网址”。 一个完整的URL包括网络信息资源类型/协议、 服 务器地址、端口号、路径及文件名。其格式为： 协议://主机.域名:<端口>/<路径/文件名> 如：ttp://:80/index.htm； URL被“://”分隔成两部分。左边表示检索信息 的方法，即协议，如超文本传输协议http、文件传 输协议ftp等。右边的“主机.域名”为服务器网址，
（6）使用历史纪录 IE将用户最近访问过的网页地址保存在“历史纪 录”中，当用户想再次访问这些网页时，只需从历 史纪录中选取该网页即可。 单击工具栏中的“历史”按钮，网页显示区将显 示两个窗口，左窗口列出按日期组织的指定天数内 访问过的网页地址，右窗口显示当前网页。
（7）使用收藏夹 当看到一个喜欢的网页时，可以把它的地址保存 在IE的收藏夹中，以后只需在收藏夹列表中选择该 网页地址就可以再次访问它。 （8）保存网页或网页内容 如果浏览到有价值的网页，或是包含漂亮的插图、 背景、动画的网页，可以及时将这些内容保存到自 己计算机的硬盘上，以便以后能脱机浏览，或是将 图像用于自己的网页。
1.2.3 链接标志
网页上的菜单按钮有一些是由图形制作，通常
有横排和竖排两种形式，由此可以转入不同的页面。 链接是网页中一种非常重要的功能，是网页中最重 要、最根本的元素之一。通过链接可以从一个网页 转到另一个网页，也可以从一个网站转到另一个网
站。链接的标志有文字和图形两种。制作一些精美
的图形作为链接按钮，使它和整个网页融为一体。
1.1.4 IE 6简介
1．IE浏览器的启动
通常可以通过以下几种方式： （1）双击Windows桌面上的Internet Explorer图标。 （2）单击操作系统任务栏中的“开始”按钮，将鼠 标移至开始“菜单”中的“程序”选项，然后单击 出现在下一级菜单中的“Internet Explorer”项。 （3）单击Windows操作系统任务栏中“启动Internet Explorer浏览器”的快捷按钮。 （4）打开“Windows资源管理器”，然后在 “Windows资源管理器”中双击“Internet Explorer”图标。
（1）输入网址 直接在地址栏中输入欲浏览网页（网站）的地址， 然后按回车键，即可开始Internet之旅。此外，也 可以通过执行“文件”菜单中的“打开”命令来输 入网址。 单击地址栏右侧的三角形按钮，浏览以前曾经访 问过的网址列表，可以从中选择欲浏览的网站。具 体方法是，单击三角形按钮，将鼠标移动到欲访问 网址，单击之。
（4）工具栏 工具栏位于菜单栏下方，是为了加快操作而设置 的。工具栏包含一系列命令按钮，每个命令按钮代 表一个命令。 （5）URL地址栏 显示当前访问Web页的URL地址，可以在此输入 要访问的Web页的URL地址，单击回车确定。也可 单击URL栏右侧的小箭头，在弹出的列表中选择需 要的URL地址。 （6）链接栏 位于地址栏右侧，用来快速访问Microsoft推荐的 站点。
2．FrontPage
FrontPage 是 由 Microsoft 公 司 推 出 的 新 一 代
Web网页制作工具。FrontPage使网页制作者能够更
加方便、快捷地创建和发布网页，具有直观的网页
制作和管理方法，简化了大量工作。
FrontPage 界面与 Word 、 PowerPoint 等软件的 界面极为相似，为使用者带来了极大的方便， Microsoft公司将FrontPage封装入Office之中，成 为Office家族的一员，使之功能更为强大。
3．字型
在网页适当的位置采用不同的字体字型，也能使 网页产生吸引人的效果。应该注意的是在报刊上变换 字体字型非常普遍，它可以在不同的地方使用不同的 字型。但在网页制作上却要慎重。因为有些美丽的字 型在制作网页的计算机上有，但将来别人浏览你的网 页时，浏览者的计算机上未必装有这种字体。这样浏 览者就无法得到你预想的浏览效果，甚至适得相反。 如果只是标题或少量的文字，可以将采用的特殊 字体制作成图形方式，就可避免其他浏览者看不到的 尴尬局面了。
1．菜单按钮
网页上的菜单按钮有一些是由图形制作，通常有 横排和竖排两种形式，由此可以转入不同的页面。
2．背景图形
为了加强视觉效果，有些网页在整个网页的底
层放置了图形，称作背景图。背景图可以使网页更
加华丽，使人感到界面友好。但由于这是一个比较
大的图形，需要占据较大的空间，致使网页的显示
速度明显变慢，所以，近期的网页以及比较著名的 访问量比较大网站一般都不设置背景图形。
1.2 网页的基本要素
1.2.1 文字
文字是网页发布信息所用的主要形式，由文 字制作出的网页占用空间小，当用户浏览时，可以 很快的展现在用户面前。另外，文字性网页还可以 利用浏览器中“文件”菜单下的“另存为”功能将 其下载。但是没有编排点缀的纯文字网页，又会给 人带来死板不活泼的感觉，使得人们不愿意再往下 浏览。
1.2.2 图形
这里的图形概念是广义的，它可以是普通的绘制图 形，可以是各种图像，还可以是动画。一幅优秀的网 页除了有能吸引浏览者的文字形式和内容外，图形的
表现功能是不能低估的。网页上的图形格式一般使用
JPEG 和GIF ，这两种格式具有跨平台的特性，可以在 不同操作系统支持的浏览器上显示。图形在网页中通 常有如下应用：
1.1.2 Web的特点
Web 是建立在 Internet 上的交互的、动态的、 多平台的信息服务系统。它具有以下几个主要特 点： 1．Web是一种超文本信息系统 2．Web能提供图形界面，且易于操作 3．Web不受操作平台的限制 4．Web是分布式的 5．Web是交互式的 6．Web是动态的
1.1.3 URL
（2）前进和后退 单击工具栏中的“后退”按钮，可以退到上一个 网页；单击“后退”右侧的三角形按钮，将出现一 个下拉列表，其中罗列了曾经访问过的网页，可以 从列表中直接选择一个，将网页调入浏览器。 单击工具栏的“前进”按钮可以前进一个网页； 单击“前进”右侧的三角形按钮，将出现一个下拉 列表，其中列出了浏览历史中位于当前网页之后的 网页，可以从列表中直接选择一个，将网页调入浏 览器。
菜单栏
标题栏 工具栏 链接栏
地址栏
页面 显示区
状态栏
图1-2 IE 6浏览器窗口
2．IE 6浏览器窗口简介
（1）标题栏 最上面一栏是标题栏，显示软件包名和当前访问 的地址的相关信息 （2）菜单栏 显示第一级菜单命令，包括文件、编辑、查看、 收藏、工具和帮助，利用这些命令，可以完成 Internet Explorer中几乎所有的操作。 （3）Internet Explorer图标 位于菜单行的右侧，显示当前的连接状态，若浏 览器正在连接某个站点，则图标处于活动状态，旋 转显示；若连接完毕或连接失败，则图标处于停止 状态，静止显示。
同，彼此之间很可能不兼容。
采用视频文件可以使网页变得精彩而又生动。
1.3 网页制作和美化工具
1.3.1 网页制作工具 1．超文本标识语言（HTML）
HTML （ Hypertext Markup Language ）是一种
专门用于 Web 页制作的编程语言，用来描述超文本
各个部分的内容，告诉浏览器如何显示文本，怎样 生成与别的文本或图像的链接点。 HTML 文档由文本、格式化代码和导向其他文 档的超链接组成。
及制作工具。
1.3.2 网页美化工具
1．Photoshop
Photoshop是由Adobe公司开发的图形处理软件，
它是目前公认的PC机上最好的通用平面美术设计软
件，它功能完善、性能稳定、使用方便，所以在几
乎ห้องสมุดไป่ตู้有的广告、出版、软件公司， Photoshop 都是 首选的平面制作工具。
2．Fireworks
1.2.4 交互功能
Internet 区别其他媒体的一个重要标志就是 它的交互功能。网页的交互功能其他媒体是无法 比拟的。 通常网页的交互功能都是利用表单来实现的。 表单是网页中站点服务器处理的一组数据输入域，
当访问者单击按钮或图形来提交表单后，数据就
会传送到服务器上。
1.2.5 声音和视频
声音是多媒体网页的一个重要组成部分。目前存 在一些不同类型的声音文件，也有不同的方法将这 些声音添加到网页中。在决定添加声音之前，需要 考虑声音的用途、文件大小、声音品质和浏览器差 别等因素。不同浏览器对于声音文件的处理方法不
Fireworks 是由 Macromedia 公司开发的图形处理
工具，它的出现使 Web 作图发生了革命性的变化。因
为 Fireworks 是第一套专门为制作网页图形而设计的 软件，同时也是专业的网页图形设计及制作的解决方 案。作为一个图像处理软件， Fireworks 能够自由地 导入多种格式的图像进行处理。
文字性网页一定要注意编排，包括标题得字型字 号，内容的层次样式，是否需要变换颜色进行点缀等。
1．标题
一个网页通常都有一个标题，表明本网页的主要内 容。标题是否醒目，是吸引浏览者能否注意的一个关 键，因此对标题的设计是很重要的。
2．字号
网页中的文字不能太大或太小。太大会使得一个网 页信息量变小，太小又使人们浏览时感到费劲。一个 优秀网页中的文字，应统筹规划，大小搭配适当，给 人以生动活泼之感觉。
（3）停止和刷新网页 单击工具栏中的“停止”按钮，可以停止当前正 在进行的操作，切断本地计算机与网站服务器之间 的连接。 由于某些原因，使得网页不能正常显示，此时可 以单击工具栏中的“刷新”按钮，使浏览器重新载 入并显示当前网页。
（4）全屏浏览网页 IE提供了全屏幕显示方式。选择“查看”|“全屏 显示”命令，或按功能键F11，即可切换到全屏幕 页面显示状态。再次按F11键，关闭全屏幕显示， 恢复原来的浏览器窗口。 （5）开启多个浏览窗口 在已经启动了浏览器并正在下载一个网页时，选 择“文件”|“新建”|“窗口”命令，即可打开一个 新的浏览器窗口，该窗口的地址栏将被自动填入先 前存在于浏览器地址栏中的网页地址。