网页设计与制作第章概论.ppt

《网页设计与制作》;第一单元 网页设计制作基础;1.1网页基础知识;1.1.1什么是网页;1.1.2网页组成元素;下面简单介绍组成网站元素的作用： 1、文字 文字也称为文本，是网页最基本的构成要素。由于文字所表达的内容比较清楚、直接，占用网页版面较小，并且表达的信息量较大，所以网页多采用文字表达内容或实现链接。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。 2、图像 图像在网页中可以起到提供信息、美化网页及体现风格等作用。因此在设计自己的网页之前，应该收集或制作一些美观、适用的图片。如网站图标（Logo）、网页背景等通常用图像表示。图片通常采用JPG和GIF格式，因为这类图片的传输速度较快，文件较小。 3、超链接 超链接是网页中最常用的功能，超级链接是从一个网页指向另一个目的端的链接，该链接既可以指向本地网站的另一个网页，也可以指向任何地方的其他网页。当浏览者单击超级链接时，其指向的目的端的内容将显示在浏览者的web浏览器中，无论是文字还是图像，都可以设置超级链接。超级链接一般包括两种类型：站内链接和站外链接。;1.1.2网页组成元素;1.1.3网页的相关术语;3、统一资源定位器 统一资源定位器简称URL，是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。简单地说，URL就是网络服务器主机的地址，也称为网址。 如：http：///view/index.htm就是一个网址，其中包括如下几个部分： 传输协议：也就是上面举例中的http部分，表示传输方式遵循超文本传送协议要求。 主机名：标识网络上某台计算机的专门名字。在Internet上，主机名是一个字符串，主机名有时称为域名，如上例中的就是百度网站的主机名，它也可以用IP地址的形式来表示，它们的作用是相同的。 文件路径及文件名：如上例的“view“表示网页文件所在的目录；”“index.htm”表示网页文件名。在主机名与路径之间，路径与文件之间，一般用“/”符号隔开。;4、浏览器 浏览器是把在Internet上找到的文本文档和其他类型的文件翻译成网页的软件。通过浏览器可以方便的与Internet互连，从而充分地利用网上的各项资源进行工作。目前使用最广泛的是基于Windows平台的浏览器，主要有以下几类。 Microsoft Internet Explorer（IE）：IE浏览器是由Microsoft（微软）公司开发的一种浏览器，也是目前全球范围内拥有用户量最多的一种浏览器，如图1-2所示。 360安全浏览器：是360安全中心推出的一款基于IE内核的浏览器，是世界之窗开发者凤凰工作室和360安全中心合作的产品。如图1-3所示。; 图1-2 IE浏览器 ;5、IP地址 IP地址是给每个连接在Internet上的主机分配一个32bit地址，用于标识网络中的每一台电脑，在浏览器中输入网站IP地址即可访问该网站。如在浏览器窗口的地址栏中输入25后按【Enter】键即可打开百度网站。 6、域名 域名就如同是网站的名称，任何网站的域名都是全世界唯一的。也可以说域名就是网站的网址，如“”就是新浪网站的域名。域名由固定的网络域名管理组织进行全球统一管理，用户需向各地的网络管理机构进行申请才能获取。 域名的一般书写格式为“主机名.单位名.机构名.区域名”如新浪网的域名为www. ，其中www为主机名表示该主机提供www信息查询服务，sina为单位名表示新浪咨询，com为类别名表示一个商业机构，cn为地区名表示中国。; 7、发布 将制作好的网页传输到Internet服务器的过程称为发布，也称为上传。做好网页后，如果没有将网站的内容上传到Internet服务器上，别人是无法访问到这些资源的，那么这些资源就仅保存在本地硬盘而不供别人浏览。 8、超文本标记语言 超文本标记语言缩写为HTML，是用于描述网页文档的一种标记语言。HTML是一种规范，一种标准，它通过标记符号来标识要显示的网页中的各个部分。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。 以IE浏览器为例，显示网页的html代码。在浏览器窗口选择【查看】|【源文件】菜单命令，系统将自动启动记事本或写字板显示该网页的HTML源文件，如图所示。; 图1-4 查看网页源文件的操作 ;1.1.4 网页制作流程; 3、实现阶段 使用网页制作工具完成页面的制作。目前，网页的制作工具很多，如：Frontpage，Dreamweaver，.Net等。利用这些工具，可以根据画出的逻辑结构图制作并实现网页效果。 4、测试阶段 使用浏览器测试网页的效果和正确性。网页制作完毕后，需要在浏览器中进