《Dreamweaver CS6网页设计与制作》第1章网站设计基础 刘敏娜 主编VIP免费

1网页设计授课教师:2主要学习内容网站设计基础知识Dreamweaver、Fireworkshtml语言如何学习这门课程多实践，多动手多参考优秀网站：如网易，sohu31.1网页设计相关知识www网页的概念超文本(Hypertext)网站的概念网页浏览原理网页组成要素网页编辑工具网页布局网页的页面与版面4WWW万维网万维网WWW(WorldWideWeb)并非某种特殊的计算机网络。万维网是一个大规模的、联机式的信息储藏所，英文简称为Web。下图说明了万维网提供分布式服务的特点。5WWW6WWW万维网是一个分布式的超媒体超媒体(hypermedia)系统，它是超文本超文本(hypertext)系统的扩充。万维网以客户服务器方式工作。客户程序向服务客户程序向服务器程序发出请求器程序发出请求，服务器程序向客户程序返回客服务器程序向客户程序返回客户所要的万维网文档户所要的万维网文档。在一个客户程序主窗口上显示出的万维网文档称为页面页面(page)。7网页的概念网页(WebPage)：是通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，它是网站最基本的组成单位。众多的网页有机地集合在一起就组成了网站。网页的主要类型HTML(HyperTextMarkupLanguage)全称超文本标记语言，利用标记（tag）来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。ASP(ActiveServerPages)中文名为动态服务器主页,它是一种应用程序环境，可以利用VBscript或JavaScript语言来设计，主要用于网络数据库的查询与管理。JSP(JavaServerPage)JSP与ASP非常相似。不同之处之一在于ASP的编程语言是VBScript之类的脚本语言，而JSP使用的Java。8静态网页与动态网页静态网页纯粹HTML格式的网页每个网页都有一个固定的URL，网页URL以.htm、.html、.shtml等常见形式为后缀，且不含有“?”也可以出现各种动态效果动态网页以数据库技术为基础，随不同客户、不同时间，返回不同的网页后缀通常是asp、aspx、jsp、php等，并且通常在URL中带有”？”9静态网页http://www.2345.com/cartoon.htm10动态网页http://www.tsinghua.edu.cn/qhdwzy/zsxx.jsp11MSN中国网站的首页12超文本(Hypertext)超文本(Hypertext)：具有超级链接功能的文本文件叫超文本。超文本文件中的某些字、符号或短语起着“热链路”（Hotlink）的作用，在显示出来时其字体或颜色发生变化或者标有下横线、以区别于一般的正文.13网站的概念网站：WWW服务器上相互链接的一系列网页组成一个网站（WebSite）。网站是WWW上的一个结点。如果输入地址时仅指定WWW服务器域名或IP地址，而不加路径信息，则将打开网站默认的首页（HomePage），也称为主页。首页是一个网站中最重要的网页，通常包含最重要的信息以及指向各分栏目的超链接。14网页浏览原理其工作步骤如下：（1）用户启动客户端浏览器，在浏览器地址栏输入想要访问网页的URL，浏览器软件通过http协议向URL地址所在的Web服务器发出服务请求。（2）服务器根据浏览器软件送来的请求，把URL地址转化成页面所在服务器上的文件路径，找出相应的网页文件。（3）当网页中仅包含html文档，服务器直接使用http协议将该文档发送到客户端；如果html文档中还包含有JavaScript或VbScript脚本程序代码，这些代码也将随同html文档一起下载；如果网页中还嵌套有CGI或ASP程序，这些程序将由服务器执行，并将运行结果发送给客户端。（4）浏览器解释html文档，并将结果在客户端浏览器上显示。15网页包含的元素文本图像动画音频视频16文本文本是非常重要的网页元素之一，是网页中信息的主要载体。文字、字母、数字和符号等都可以称为文本。与漂亮的图像、优美的动画、悦耳的声音和有声有色的视频相比，文本在网页中似乎是最普通不过了，但文本却是用户创建网页应该考虑的关键因素，因为文本是表述信息的最完备的方式，绝大多数信息都是通过文本传递给浏览者的。17图像图像是站点中比较重要的元素，网页的设计和创意都离不开图像的使用和处理。一个欣赏性较好的站点应有清新悦目的画面，能够吸引读者有兴趣浏览下去。同时，图像可以传...