数字媒体艺术蒋宇清1

《数字媒体艺术蒋宇清1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、2013.3第1章网页设计简介主要内容了解万维网的用途了解网页设计的基本概念认识HTML、CSS、JavaScriptInternet的历史?1950年代的冷战背景ARPA成立1969年ARPAnet诞生1971年，E－mail出现RayTomlinson1989年，www诞生，HTML、URL、HTTPTimBerners-Lee1978年BBS开放1992年，Mosaic浏览器诞生MarcAndreessen1.1万维网概述WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。WWW系统已

2、在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用。WWW的应用成为Internet上最受欢迎的应用之一，它的出现极大的推动了Internet的推广。WWW获得成功的秘诀在于它制定了一套标准的、易于人们掌握的超文本开发语言HTML、信息资源的统一定位格式URL和超文本传送通信协议HTTP，用户掌握后可以很容易地建立自己的网站。1.2HTML语言HTML超文本标记语言，是构成Web页面（Page）的主要工具。用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本

3、文件，HTML标记可以说明文字、图形、动画、声音、表格、链接等。使用HTML语言描述的文件，可独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。1.2HTML语言可通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器菜单栏上选择“查看源文件”。1.3网页设计相关概念超链接超链接(HyperLink)是特殊的文字标识，用以指向WWW中的资源，如网页、声音、文件、文字、图片，或网页的一个段落或其他资源等，这些资

4、源可放在任何一个服务器上。统一资源定位器统一资源定位器(URL)用于描述Internet上资源的位置和访问方式。如：http://news.china.com/zh_cn/dydzd/gdxw/11127676/20130222/17692238.html1.3网页设计相关概念(2)基本语法：scheme://host.domain:port/path/filename语法说明：Scheme：因特网服务类型，告诉浏览器如何解析将要打开的文件内容。最流行的类型是httpdomain：域名，比如：xinhuan

5、et.comhost：主机。常用wwwport：服务的端口号，http默认的端口号是80path：服务器上的路径。即资源（文档）存放的位置（网站的某个目录）filename：被访问的文档名称1.3网页设计相关概念(3)网站网站(WebSite)是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果网页网页(Webpages)是网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页

6、里可以有文字、图象、声音及视频信息等。网页可以看成是一个单一体，是网站的一个元素1.3网页设计相关概念(4)首页首页(Homepage)，也可以称之为主页，它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。网页设计欣赏杂志布局网页设计欣赏复古网页设计欣赏印刷字体网页设计欣赏1.4网页制作开发工具编辑工具HTML代码可以使用Windows操作系统中自带的记事本进行编辑。如果你正在使用的话，你可以使用它自带的记事本（No

7、tepad）程序，依次点击“开始菜单→程序→附件”找到该程序除了记事本之外，任何文本编辑器都可以编写HTML。比如写字板、word等，但保存时必须以.html或.htm为后缀名1.4网页制作开发工具一个简单HTML代码例子，将该文本文件命名为“1-1.html”，用IE浏览器打开欢迎来到我们的班级网站

这是我们开发的第一个网页

8、1.4网页制作开发工具EditPlus非常好用的HTML编辑器，可支持颜色标记、HTML标记，同时支持C、C++、Perl、Java等其他语言，还内建完整的HTML&CSS指令功能1.4网页制作开发工具Dreamweaver专业的HTML编辑器，用于设计网页和WEB应用程序，它提供了很多实用工具，更加方便、快速地制作网页1.4网页制作开发工具浏览工具浏览器产品有很多可供选择，它们都可以