1网页设计概述
网页设计制作概述教案
2．FrontPage
3．Adobe GoLive
4．HomeSite
5．Visual Studio 2005/2008
1.6 常用网页制作软件
1.6.2 网页图形图像处理工具 使用网页图形图像处理工具可以设计、处理适合网页的
图形图像。 1．Fireworks 2．Photoshop 3．CorelDRAW
1.6 常用网页制作软件
1.6.3 网页动画制作与特效工具 随着网络速度的提高，越来越多的网页中使用了动画效
果，这些动态显示的画面不仅吸引了浏览者的注意力，而且 也给原本较呆板的画面增添了不少生机。 1．Flash 2．Ulead GIF Animator
1.6 常用网页制作软件
1.6.4 网页上传工具 制作好的网页要上传到提供主页空间的服务器后，才能
网站的规划与设计一般应遵循以下三个原则： • 最大限度地满足用户需要； • 最有效地进行资源利用； • 使用方便，界面友好，运行高效；
常规的规划与设计方法一般有以下三种：自顶向下、自 底向上、不断增补的设计方法。
1.4 网站开发工作流程
典型的Web开发工作流程包括以下几个阶段。
1）规划站点：包括确立站点的策略或目标、确定所面向的 用户以及站点的数据需求。
1.2 Web标准
1.2.2 建立Web标准的目的 简单最大利益给最多的网站用户； • 确保任何网站文档都能够长期有效； • 简化代码，降低建设成本； • 让网站更容易使用，能适应更多不同用户和更多网络设备； • 当浏览器版本更新或者出现新的网络交互设备时，确保所 有应用能够继续正确执行。
动态网页是指必须经过应用程序服务器处理后才能交给Web 服务器送到客户端进行显示的网页文件。这类网页根据所采 用的应用程序服务器不一样，其文件名的扩展名也不一样。 可以是 hph，jsp，asp等等。
网页设计教学教案
网页设计教学教案第一章：网页设计概述1.1 教学目标让学生了解网页设计的概念和重要性让学生掌握网页设计的基本原则和流程1.2 教学内容网页设计的定义和作用网页设计的基本原则（如用户体验、界面设计、内容组织等）网页设计的流程（如需求分析、设计稿制作、编码实现等）1.3 教学方法讲授法：讲解网页设计的概念和原则案例分析法：分析优秀网页设计案例，让学生了解设计要点实践操作法：让学生动手制作简单的网页设计稿1.4 教学评估课堂问答：检查学生对网页设计概念和原则的理解案例分析报告：评估学生对优秀网页设计案例的分析能力网页设计稿：检查学生的实际操作能力第二章：网页界面设计2.1 教学目标让学生掌握网页界面设计的基本原则和方法让学生了解网页界面设计的常见元素和布局方式2.2 教学内容网页界面设计的基本原则（如清晰性、一致性、美观性等）网页界面设计的常见元素（如文字、图片、按钮等）网页界面设计的布局方式（如网格布局、分区布局等）2.3 教学方法讲授法：讲解网页界面设计的原则和常见元素案例分析法：分析优秀网页界面设计案例，让学生了解设计要点实践操作法：让学生动手制作网页界面设计稿2.4 教学评估课堂问答：检查学生对网页界面设计原则和常见元素的理解案例分析报告：评估学生对优秀网页界面设计案例的分析能力网页界面设计稿：检查学生的实际操作能力第三章：网页布局与排版3.1 教学目标让学生掌握网页布局和排版的基本原则和方法让学生了解网页布局和排版的常见技术和工具3.2 教学内容网页布局和排版的基本原则（如清晰性、一致性、美观性等）网页布局和排版的常见技术（如HTML、CSS等）网页布局和排版的工具（如网页编辑器、设计软件等）3.3 教学方法讲授法：讲解网页布局和排版的原则和技术案例分析法：分析优秀网页布局和排版案例，让学生了解设计要点实践操作法：让学生动手制作网页布局和排版设计稿3.4 教学评估课堂问答：检查学生对网页布局和排版原则和技术的理解案例分析报告：评估学生对优秀网页布局和排版案例的分析能力网页布局和排版设计稿：检查学生的实际操作能力第四章：网页色彩与字体设计4.1 教学目标让学生掌握网页色彩和字体设计的基本原则和方法让学生了解网页色彩和字体设计的常见技巧和搭配规律4.2 教学内容网页色彩设计的基本原则（如对比度、饱和度、色调等）网页字体设计的基本原则（如易读性、一致性、美观性等）网页色彩和字体的常见搭配规律和技巧4.3 教学方法讲授法：讲解网页色彩和字体设计的原则和方法案例分析法：分析优秀网页色彩和字体设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页色彩和字体设计4.4 教学评估课堂问答：检查学生对网页色彩和字体设计原则和方法的理解案例分析报告：评估学生对优秀网页色彩和字体设计案例的分析能力网页色彩和字体设计稿：检查学生的实际操作能力第五章：网页交互设计让学生了解网页交互设计的基本概念和重要性让学生掌握网页交互设计的常见技术和方法5.2 教学内容网页交互设计的定义和作用网页交互设计的常见技术（如JavaScript、jQuery等）网页交互设计的常见方法（如按钮、滑动门、下拉菜单等）5.3 教学方法讲授法：讲解网页交互设计的概念和技术案例分析法：分析优秀网页交互设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页交互设计5.4 教学评估课堂问答：检查学生对网页交互设计概念和技术的理解案例第六章：网页素材的使用6.1 教学目标让学生了解网页素材的种类和作用让学生掌握网页素材的使用方法和技巧6.2 教学内容网页素材的种类（如图片、音频、视频等）网页素材的作用和选择原则网页素材的使用方法和技巧（如插入、优化、压缩等）讲授法：讲解网页素材的种类和作用案例分析法：分析优秀网页素材使用案例，让学生了解设计要点实践操作法：让学生动手实践，使用网页素材6.4 教学评估课堂问答：检查学生对网页素材种类和作用的理解案例分析报告：评估学生对优秀网页素材使用案例的分析能力网页设计稿：检查学生的实际操作能力第七章：网页代码基础7.1 教学目标让学生了解网页代码的种类和作用让学生掌握网页代码的基本编写方法和技巧7.2 教学内容网页代码的种类（如HTML、CSS、JavaScript等）网页代码的作用和编写原则网页代码的基本编写方法和技巧7.3 教学方法讲授法：讲解网页代码的种类和作用案例分析法：分析优秀网页代码编写案例，让学生了解设计要点实践操作法：让学生动手实践，编写网页代码7.4 教学评估课堂问答：检查学生对网页代码种类和作用的理解案例分析报告：评估学生对优秀网页代码编写案例的分析能力网页设计稿：检查学生的实际操作能力第八章：网页兼容性与优化8.1 教学目标让学生了解网页兼容性和优化的概念和重要性让学生掌握网页兼容性和优化的方法和技巧8.2 教学内容网页兼容性的概念和原因网页优化的概念和方法网页兼容性和优化的方法和技巧（如代码优化、图片优化等）8.3 教学方法讲授法：讲解网页兼容性和优化的概念和方法案例分析法：分析优秀网页兼容性和优化案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页兼容性和优化8.4 教学评估课堂问答：检查学生对网页兼容性和优化概念和方法的理解案例分析报告：评估学生对优秀网页兼容性和优化案例的分析能力网页设计稿：检查学生的实际操作能力第九章：网页设计案例分析9.1 教学目标让学生了解网页设计案例的分析方法和流程让学生掌握分析优秀网页设计案例的技巧和要点9.2 教学内容网页设计案例分析的方法和流程分析优秀网页设计案例的技巧和要点网页设计案例的评析和总结9.3 教学方法讲授法：讲解网页设计案例分析的方法和流程案例分析法：分析优秀网页设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页设计案例分析9.4 教学评估课堂问答：检查学生对网页设计案例分析方法和流程的理解案例分析报告：评估学生对优秀网页设计案例分析的技巧和要点的掌握情况网页设计稿：检查学生的实际操作能力第十章：网页设计项目实践10.1 教学目标让学生了解网页设计项目的流程和规范让学生掌握完成网页设计项目的方法和技巧10.2 教学内容网页设计项目的流程和规范完成网页设计项目的方法和技巧网页设计项目的评析和总结10.3 教学方法讲授法：讲解网页设计项目的流程和规范案例分析法：分析优秀网页设计项目，让学生了解设计要点实践操作法：让学生动手实践，完成网页设计项目10.4 教学评估课堂问答：检查学生对网页设计项目流程和规范的理解案例分析报告：评估学生对优秀网页设计项目分析的技巧和要点的掌握情况网页设计稿：检查学生的实际操作能力重点和难点解析1. 网页设计概述2. 网页界面设计补充和说明：介绍如何使用设计原则（如对齐、对比、重复和亲密性）来创建直观且吸引人的界面。
《网页设计与制作项目化教程》习题参考答案
(1)index.html
(2)本地站点和远程站点
(3)本地站点
(4)上传，下载
2.略
项目四 利用表格布局网站首页
任务一利用表格规划页面
1.填空题
(1)“国”字型、拐角型、标题正文型、封面型、混合型。
(2)表格布局、DIV+CSS布局、框架布局DIV+CSS布局
(3)0、0、0
(4)3
(5)固定的像素值、百分比
任务五页面元素源代码
1．单项选择题
（1）B（2）C（3）B（4）C（5）C（6）A（7）B
2．填空题
（1）<font color=’red’>文字</font>
（2）boder
（3）embed
（4）颜色代码
项目六 利用表单获取用户反馈
任务一设计表单
1．单项选择题
（1）A（2）C（3）D
2．填空题
（1）提交按钮
<td align="center">G20</td>
<td align="center">2350</td>
</tr>
<tr>
<td height="30" align="center">NO.003</td>
<td align="center">三星</td>
<td align="center">Galaxy siii</td>
(5)项目列表编号列表目录列表
3．问答题
网页设计基础-1
网页设计中的ppi设置
基础篇Biblioteka 1.2.2 浏览器浏览器是指可以显示网页服务器或文件系统的HMTL内容，并让用户与这些文件 交互的一种软件。常用的浏览器有Chrome,IE，Safari，火狐，UC等。用户可以 根据自己的喜好及浏览器特性来选择使用。
从左至右分别是Chrome,IE，Safari，火狐，UC浏览器
IE浏览器比Chrome展示的内容略少，信息显示的更大；然后，细节上IE 浏览器下的字体较大且颜色为黑色、蓝色，广告区域的文字信息置于图 片之下，菜单栏高度较高；再然后，IE浏览器头部的高度略要低于 Chrome浏览器，这样会导致在浏览器容器内看到的一屏信息的高度会
更高。
不同浏览器的头部高度不一
基础篇
基础篇
3.增值服务收费 增值服务收费模式是指基础服务功能免费，高级服务功能收费。这种模式常见于一些社交 网站的会员制度及游戏网站中的道具。如在QQ本身免费，但是你要想享受更多服务就得付费升 级会员。
基础篇
4.直销模式 直销模式是利用互联网平台本身来卖自营商品，这种模式实际上就 是减少中间环节，把商品直接销售到用户手中。典型方式如当当网的自
基础篇
1.1.1 网站的基本概念
网页是以提供人机交流便利为目的的中间媒体。它是超文本标 记的语言格式（.html或.htm）,是一种可以在WWW（World Wide Web的缩写）网上传输，经由网址（URL）被浏览器识别并
翻译成页面显示出来的文件。
网站是由多个网页用超链接的方式组成的有机整体。网站被储 存在指定的网站空间（服务器或虚拟主机），通过域名（网址）进 行访问。一个网站至少包含一个网页，上不封顶。
聚美优品网，专注于女性化妆品正品折扣网店，具有强烈的产品特色和专业性。在 设计电子商务类网站时，要充分考虑到网站有高质量且丰富的内容，更新及时，网站
《网页设计》课程教学大纲
《网页设计》课程教学大纲
一、课程概述
网页设计课程是由语言编写的，通过IE浏览器编译后供用户获取信息的页面设计，网页又称Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。
二、教学目标
熟练的掌握HTML语言的文档结构和基本标签使用。
能综合应用Dreamweaver软件、HTML和 CS S技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。
三、最低课时安排
《网页设计》课程最低总计学习课时为64课时。
各章节最低课时安排如下表所示：
四、教学内容
我们对本课程的具体授课内容会提供PPT，并在PPT中标明知识点讲述要点，详细内容请参考PPT。
网页设计与制作- 第01章_网页设计概述
网页设计与制作
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
2.使用老师提供的Adobe_CS3_LJF_3in1.iso 虚拟光驱加载ISO文件进行安装，序列号任意填写
3.确保“FLEXnet Licensing Service”服务开启 （即确保“FNPLicensingService”这一服eaver CS3
➢ Dreamweaver操作界面 1.菜单栏 2.文档窗口 3.属性面板:PS、office属性在上方，DW在下方 4.插入栏：对象面板，快速插入各种网页元素 可以设定该工具条界面为制表符模式或者菜单模式 5.文档工具栏 6.面板组：浮动面板，实现特定的功能 设计面板、代码面板、应用程序面板、文件面板等
（插件）支持。
－－动态效果
常见的客户端动态技术：Javascript、JavaApplet、 DHTML、ActiveX、Flash、VRML
多媒体网页，但并不是真正的动态网页
a
6
1.网页设计概述
➢ 服务器端动态技术需要服务器和客户端的共同参 与，客户通过浏览器发出页面请求后，服务器根 据请求的参数运行服务器端程序产生结果页面再 返回给客户端。一般涉及到数据库。 典型的服务器端动态技术：ASP、、PHP、 JSP、CGI
DW和Frontpage为“所见即所得”工具，不懂HTML语言也 可以制作专业的网页,图形化界面操作，自动生成相应代码。
a
12
2.网页制作相关工具
➢ 本课程主要讲解使用Adobe Dreamweaver CS3 制作静态网站。
➢ DW最新版本为Dreamweaver CS4，其基本功能 跟Dreamweaver 8/CS3类似，CS3/CS4跟8的最 大区别主要为：界面“色调”不一样、多了Ajax 框架、CS3/4和Photoshop的整合、CSS样式表 的增强。
网页设计与制作教程(第4版)电子教案
1.2 Web标准
1.2.3 采用Web标准的优点 1．客户端的优点 采用Web标准后，客户端的好处主要体现在以下方面：
• 文件下载与页面显示速度更快； • 内容能被更多的用户所访问（包括失明、弱视、色盲等 残障人士）；
2．服务器端的优点 采用Web标准后，服务器端的好处主要体现在以下方面： • 更少的代码和组件，容易维护； • 带宽要求降低（代码更简洁），成本降低； • 更容易被搜寻引擎搜索到；
1.3 网站的规划与设计
在建设网站之前，需要对网站进行一系列的分析和设计， 然后根据分析的结果提出合理的建设方案，这就是网站的规 划与设计。
网站的规划与设计一般应遵循以下三个原则： • 最大限度地满足用户需要； • 最有效地进行资源利用； • 使用方便，界面友好，运行高效；
常规的规划与设计方法一般有以下三种：自顶向下、自 底向上、不断增补的设计方法。
1.4 网站开发工作流程
典型的Web开发工作流程包括以下几个阶段。
1）规划站点：包括确立站点的策略或目标、确定所面向的 用户以及站点的数据需求。
2）设置开发环境：包括选择Web应Байду номын сангаас程序服务器、利用 Dreamweaver网页制作软件定义站点及数据源。
3）规划页面设计和布局：包括用绘画工具创建页面和界面 模型，以及使用Dreamweaver、FrontPage布置页面。
动态网页技术根据程序运行的区域不同，分为客户端动 态技术与服务器端动态技术。
客户端动态技术不需要与服务器进行交互，实现动态功 能的代码往往采用脚本语言形式直接嵌入到网页中。服务器 发送给浏览者后，网页在客户端浏览器上直接响应用户的动 作。常见的客户端动态技术包括JavaScript、ActiveX和 Flash等。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
因HTML是一个文本文件，所以可以使用任合一个文 本编辑器进行编写。 也可用“所见即所得”的网页辅助生成工具来自动生 成，如常见的工具有Dreamwaver，FrontPage等。 HTML文件的浏览是在WEB浏览器上。浏览HTML文件 时，只需在浏览器地址栏上输入文件的URL即可。
浏览
HTML文件的基本结构
HTML简介
1、什么是 HTML
HTML 指超文本标签语言。 HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。 HTML 文件必须使用 htm 或者 html 作为文件 扩展名。 HTML 文件可以通过简单的文本编辑器来创建。
HTML简介
2、HTML的编辑和浏览 编辑
<b>此文本是粗体的。</b>
<body>
也是一个 HTML 元素，这个 HTML 元素开始于 <body> 标签，结 束于 </body> 标签。 <body> 标签的作用是定义 HTML 文件中的容纳 body 的 HTML 元 素。
</body>
<p>这是我的第一个页面。</p> <b>此文本是粗体的
HTML 标签是用来标记 HTML 元素的。 HTML 标签被 < 和 > 符号包围。 这些包围的符号叫作尖括号。 HTML 标签是成对出现的。例如 <b> 和 </b>。 位于起始标签和终止标签之间的文本是元素的内容。 HTML 标签对大小写不敏感，<b> 和 <B> 的作用的 相同的。
网页设计的基本概念
2、浏览器 浏览器实际上就是用于浏览web网页的应用程序，其主要作用是显 示网页和解释脚本。对一般设计者而言，不需要知道有关浏览器实 现的技术细节，只要知道如何熟练掌握和使用它即可。用户只需要 操作鼠标，就可以得到来自世界各地的文档、图片或视频等信息。 用户只要在本地机上安装有WWW浏览器，就可以读取WWW服务 器上的信息了。 浏览器的种类 目前比较流行的WEB浏览器有：Internet Explorer(IE)、FireFox、 Opera、Safari、谷歌浏览器（google chrome）。
1、实例：编辑生成一个HTML文件 第一步：启动记事本。 第二步：键入以下文本： <html> <head> <title>页面的标题</title> </head> <body> <p>这是我的第一个页面。<b>这是粗体文本。 </b></p> </body> </html> 第三步：将这个文件存为 "mypage.html"。
网页设计的基本概念
3、超文本及超链接 超文本（HyperText）技术是把一些信息根据需要链接 起来的一种信息管理技术，用户可以通过一个文本的链 接指针打开另一个相关的文本。只要单击页面中的超链 接（通常是带下划线的条目或图片），便可跳转到新的 页面或另一位置，获得相关的信息。 通常所说的网站或网页，就是由一个或多个超文本组成 的，而进入网站首先看到的那一页称为首页或主页 （HomePage）。通常由主页上的超链接引导用户跳转 到其他位置。网页的出色之处在于能够把超链接 （Hyperlink）嵌入网页中，这使用户能够从一个网页站 点方便地转移到另一个相关的网页站点。
HTML文件的基本结构
如：
这就是一个 HTML 元素，这个 HTML 元素由起始标签 <b> 开始。 这个元素的内容是：“此文本是粗体的。”。 这个 HTML 元素由终止标签 </b> 结尾。 <b> 标签的作用是定义一个显示为粗体的 HTML 元素。 又如：也是一个 HTML 元素：
HTML文件的基本结构
HTML 标签的属性
HTML 标签拥有属性。属性为 HTML 元素提供附加信 息。 属性总是以名称/值对的形式出现，比如： name="value" 属性总是在 HTML 元素的开始标签中规定。 属性例子:
<body> 定义 HTML 文档的主体。 <body bgcolor=“yellow”> 拥有关于背景颜色的附加信息。 其中bgcolor=“yellow“定义<body> 的bgcolor的颜色属性为 黄色。
网页设计概述
主要内容： 网页设计的基本概念 网页技术概况 HTML简介
网页设计的基本概念
1、WWW WWW是World Wide Web的缩写，又称3W或 Web，中文译名为“万维网”。 WWW服务是因特网上应用最广泛的服务。 WWW使得一个站点可以设置一些Web页面，以 提供包括文字、图片、声音甚至影像的信息。 页面之间可以建立链接，通过链接，用户可以 在具有链接关系的页面之间进行切换。
网页设计的基本概念
静态网页浏览：
浏览器
静态网页请求
网站服务器 直接响应
动态网页浏览：
返回静态网页
浏览器
动态网页请求
返回静态页面
网站服务器 响应 解释代码 生成静态页面
网页设计的基本概念
6、HTTP HTTP（HyperText Transfer Protocol，超文本传输协议）是在 Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协 议。它可以使浏览器更加高效，使网络传输量减小。任何服务器除 了包括供用户访问的HTML文件以外，还有一个HTTP驻留程序，用 于响应用户的请求。在打开一个网页时，浏览器是HTTP客户，向 服务器发送请求。当浏览器中输入一个HTTP的URL地址或单击一个 超链接时，浏览器就向服务器发送一个HTTP请求，此请求被送往 由IP地址指定的URL。服务器驻留程序接收到请求，在进行必要的 操作后回送所要求的HTML源文件，最后在客户端浏览器将HTML源 文件“翻译”成Web页面。简单地说，HTTP就是专门为WWW设计 的协议。
HTML文件的基本结构
第四步：启动您的浏览器。在浏览器的文件菜单中选择“打开” 或者“打开页面”。找到您刚才创建的文件，选定它然后打开， 浏览器就会显示这个页面。 HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这 个 HTML 文件的开始点。文件中最后一个标签是 </html>。这 个标签告诉您的浏览器，这是 HTML 文件的结束点。 位于 <head> 标签和 </head> 标签之间的文本是头信息。头 信息不会显示在浏览器窗口中。 <title> 标签中的文本是文件的标题。标题会显示在浏览器的标 题栏。 <body> 标签中的文本是将被浏览器显示出来的文本。 <b> 和 </b> 标签中的文本将以粗体显示。
HTML文件的基本结构
注意事项： 标记的大小写问题： 在HTML标记的使用上，大小写没有区别，甚至 可以混合使用。如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网 联盟 (W3C) 的标准是：建议在 HTML 4 中使用 小写标签，而在 XHTML（下一代 HTML）中， 必须使用小写标签。 HMTL文件的扩展名问题： 即可以使用 HTM 也可以使用 HTML 作为扩展名。 使用 .html 是相对安全的做法也是一个更好的习 惯。
网页设计的基本概念
4、统一的资源定位器URL URL是指取得Internet上文件资源的位置 与方式，对于网页而言，指WEB网页在 Internet上地址，浏览用户在浏览器的地 址栏处输入URL格式的内容，就可取得所 指的主机的相应网页。
网页设计的基本概念
5、网页和网站 网页是由HTML或者其他语言编写的，通过IE浏览器编译后供用户获取信息 的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链 接等各种网页元素。网页一般可分为“静态页面”和“动态页面”。静态 页面是指网页文件中没有程序，而只有HTML代码，一般以.html或者.htm 为后缀名。动态网页就是指网页文件中不仅具有HTML标记，而且还含有程 序代码，并可通过数据库建立连接访问数据库或其它服务器资源，通常 以.asp、.aspx、.jsp、.php等为后缀名。其中，静态网页可浏览器可直接 浏览，而动态网页则要经网站所在的WEB服务器解释以后得到对应HTML代 码后才可浏览。 网站多个网页按照一定的结构组织在一起就构成一个网站。每个网站都有 一个名字为index或者default的Web页文件，一般称作主页或首页。主页是 用户访问一个网站看到的第一个页面，通常显示网站的主题和导航信息， 网站中的其它网页用来显示某一方面的详细内容，主页与其它网页通过链 接组织起来。网站位于提供网页浏览服务的WEB服务器上。
例子解释：
HTML文件的基本结构
2、HTML基本结构：
文档头 文档范围
文档体
<html> <head> <title>文档标题</title> …… </head> <body> 文档正文 …… </body> </html>
文档标题
HTML文件的基本结构