网页设计基础.ppt

第一章网页设计基础
上网对人们来说已不再陌生,人们通过浏览网页不仅可以获得最新的新闻、购买所需的商品、查询和检索网络信息与相隔千里的朋友聊天,还可以建立个人网站宣传和定位自己,也经常用以宣传企事业、建立企业与客户间沟通的平台。
本章主要介绍网页、网站的一些基础知识和基础概念,为今后进一步建立网站和设计网页奠定基础。
本章我们主要学习以下三个内容:
基本概念
实例1-1 网站、网页的基本操作与基本概念
网站基础
实例1-2 网站分类及特征
网站的体系结构
实例1—3理解网站体系结构
基本概念
从表面上看,网页是由文本、图片、动画和超链接等多种对象构成的多媒体页面,但从本质上来说,网页是使用HTML语言编写而成的文档,中可以通过浏览器程序进行浏览。
实例1-1 网站、网页的基本操作与基本概念
一、要求与目的
★熟悉网站访问与网页浏览的过程,使学员在设计前有个感性认识
★掌握浏览器的使用方法
★掌握网页保存、网页在线浏览、网页离线浏览的方法
★理解网址、网站名称、网页、网站、主页、URL、览、在线浏览等相关术语及基本概念
★初步了解脚本语言及其作用
二、操作步骤
,启动IE浏览器。

,进入新浪网主页,如图1-1 所示。
3. 结合本例后面知识点观察、体会和分析网页
IE浏览器中单击“文件”菜单,选中“另存为”,在弹出的窗口中,默认保存位置为“我的文档”、默认文件名为“新浪首页”,单击保存,完成新浪网主页的本地保存过程。
*注释*:本地一般指浏览者所使用的计算机。
,打开“我的文档”,在其中找到刚保存的“新浪首页”文件,双击文件,再次打开新浪网页,完成离线浏览过程。
,点击“查看/查看源文件”如图1-2所示,就会看到“新浪首页”的源代码。如图1-3所示。
图1-1 浏览网页
图1-2 查看网页源代码的方法
图1-3 新浪首页的源代码
三、本实例知识点
(一)、基本概念
1、URL
URL是“Uniform Resource Locator”的缩写,中文翻译为“统一资源定位器”,就是通常所说的网址,上的惟一地址,它提供在Web上访问资源的惟一方法和路径。这里的信息资源是指在网络上能够获得的文字、图形、图像、动画、程序等信息,这些文件分布在不同的主机系统上,可能具有不同的文件格式、操作系统、网络结构等,因此需要统一访问不同系统资源的方法,这就要采用URL。