欢迎来到天天文库
浏览记录
ID:33882116
大小:867.62 KB
页数:20页
时间:2019-03-01
《第1章 网页设计简介》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、CompanynameWEB编程基础第1章网页设计简介清华大学出版社主要内容•了解万维网的用途•了解网页设计的基本概念•认识HTML、CSS、JavaScript1.1万维网概述WWW(WorldWideWeb)是一个基于超文本(Hypertext)方式的信息检索服务工具。WWW系统已在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用。WWW的应用成为Internet上最受欢迎的应用之一,它的出现极大的推动了Internet的推广。WWW获得成功的秘诀在于它制定了一套标准的、易于人们掌握的超文本开发语言HTML、信息资源的统一定位格式URL和超文
2、本传送通信协议HTTP,用户掌握后可以很容易地建立自己的网站。1.2HTML语言HTML是HypertextMarkupLanguage的英文缩写,即超文本标记语言,它是构成Web页面(Page)的主要工具。用HTML编写的超文本文档称为HTML文档,它是由很多标记组成的一种文本文件,HTML标记可以说明文字、图形、动画、声音、表格、链接等。使用HTML语言描述的文件,能独立于各种操作系统平台(如UNIX,WINDOWS等),访问它只需要一个WWW浏览器,我们所看到的网页,是浏览器对HTML文件进行解释的结果。1.2HTML语言新浪网的首页–可以通过浏览器直接查看一个页面的H
3、TML源代码,例如在IE浏览器菜单栏上选择“查看源文件”即可。1.3网页设计相关概念超链接–超链接((HyperLink))是特殊的文字标识,它指向了WWW中的资源,例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等,这些资源均可放在任何一个服务器上。在网页中,一个超链接可以是一些文字也可以是一张图片。1.3网页设计相关概念(1)统一资源定位器–统一资源定位器(UniformResourceLocator,URL)用于描述Internet上资源的位置和访问方式。–下面是新华网一个网页的网址:http://news.xinhuanet.com/zlft/2009-0
4、2/28/content_10918112.htm1.3网页设计相关概念(2)基本语法:–scheme://host.domain:port/path/filename语法说明:–URL通常包括三个部分,第一部分是Scheme,告诉浏览器该如何工作,第二部分是文件所在的主机,第三部分是文件的路径和文件名。–Scheme:定义因特网服务的类型,告诉浏览器如何解析将要打开的文件内容。最流行的类型是http,其他的参见表1-1。domain(域):定义因特网域名,比如:xinhuanet.com。–host(主机):定义此域中的主机。如果被省略,缺省的支持http的主机是www,上例中
5、是news。–port(端口):定义服务的端口号,端口号通常是被省略的。http默认的端口号是80。–path(路径):定义服务器上的路径(一个辅助的路径)。如果路径被省略,资源(文档)会被定位到网站的根目录,上例中是“zlft/2009-02/28/”。–filename(文件名):定义文档的名称。上例中是“content_10918112.htm”。1.3网页设计相关概念(3)网站–网站(WebSite)是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页,这些网页以一定的方式链接在一起,成为一个整体,用来描述一组完整的信息或达到某种期望的宣传效果。网页–网页(We
6、bpages)是网站的组成部分,制作者可以将需要公布的信息按照一定的方式分类,放在每个网页上,网页里可以有文字、图象、声音及视频信息等。网页可以看成是一个单一体,是网站的一个元素。1.3网页设计相关概念(4)首页–首页(Homepage),也可以称之为主页,它是一个单独的网页,和一般网页一样,可以存放各种信息,同时又是一个特殊的网页,作为整个网站的起始点和汇总点,是浏览者访问一个网站的第一个网页。1.4网页制作开发工具编辑工具–HTML代码可以使用Windows操作系统中自带的记事本进行编辑。如果你正在使用的话,你可以使用它自带的记事本(Notepad)程序,依次点击“开始菜单→
7、程序→附件”找到该程序1.4网页制作开发工具1.4网页制作开发工具这是一个简单的HTML代码,从菜单选择“文件另存为”,将该文本文件命名为“1-1.html”。在文件夹中双击“index.html”,用IE浏览器打开该网页文件
这是我们开发的第一个网页
此文档下载收益归作者所有