WDF(1)

 

绪论 网页设计基础简介

 

教学内容

 

1）             Internet先驱

 

J.C.R Licklider：一位拥有心理学博士学位的心理学教授，在1966年被请到美国国防高级研究计划局来领导指令和控制技术的研究工作。

 

Larry Roberts：被尊称为“阿帕网之父”，从1966年开始支出阿帕网的技术工作。

 

Tim Berners-Lee：“万维网之父”，开发了第一个所见即所得的超文本浏览器/编辑器World Wide Web，通过一种超文本方式，把网络上不同计算机内的信息有机地结合在一起，并且可以通过超文本传输协议（HTTP）从一台Web服务器转到另一台Web服务器上检索信息。

 

什么是超文本？

超文本（Hypertext）基本上是一般的文本文件，只是在文本文件中另含有链接（Link）及其他文件的引用（Pointer），我们只要单击这些引用，即可链接其他相关文件。

 

 

2）             Web的历史

 

ML：Markup Language，标记语言

 

什么是标记语言？

特指用一系列约定好的标记来对电子文档进行标记，来实现对电子文档的语义、结构、格式的定义。这些标记必须能够和容易的和内容相区分，易于识别。标记语言必须定义什么样的标记是允许的，什么样的标记是必须的，标记是如何与文档的内容向区分的，以及标记的含义是什么。

 

GML：①Generalized Markup Language，通用标记语言;②Geography Markup Language，地理标记语言

 

GML标准化后出现了SGML：Standard Generalized Markup Language，标准通用标记语言

 

SMIL：Synchronized Multimedia Integration Language，同步多媒体集成语言

 

CML: Chemical Markup Language，化学标记语言

 

SVG：Scalable Vector Graphics，可伸缩矢量图形

 

OEB：Open eBook，开放式电子图书

 

 

3）             Web 1.0 vs. Web 2.0

 

什么是Web 2.0？

Web 2.0并不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个总称，与之相对应的是静态HTML的WWW时代，可以称之为Web 1.0。总结起来，Web 2.0的大概特征是：与前几年的网络应用相比，用户从内容的消费者变成了内容的创造者；用户从聚集在门户网站和BBS等公共空间，到分散至个体网络日志（Blog）的包产到户和全民织网。信息正在日益呈现离散的趋势，分散的“信息岛”与曾经一统天下的门户网站也形成了分庭抗礼之势。

 

我们无法说，Web 2.0是什么，但是可以说，那些是Web 2.0。

 

 

4）             Web 2.0

 

AJAX：AJAX不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术，这种新技术可以使得用户提交数据后页面本身不刷新，带来更好的用户体验。

 

RSS：(Rich Site Summary)是一种用于共享新闻和其他Web内容的数据交换规范。读者可以通过RSS订阅一个Blog，确知该Blog最近的更新。

 

IM：即时通讯工具，QQ、MSN、Skype等均属此类。

 

Bookmark：也称Tag或Tagging，书签、标签之意。它可以让你把喜爱的网站随时加入自己的网络书签中；你可以用多个关键词而不是分类来标示和整理你的书签，并与其他人共享。

 

Blog：网络日志，个人或群体以时间顺序所作的一种记录，且不断更新。Blog之间的交流主要是通过反向引用（TrackBack）和留言/评论（Comment）的方式来进行的。Blog的作者（Blogger），既是这个Blog的创作人，也是其档案管理人。

 

Podcasting：播客，它是数字广播技术的一种，出现初期借助一个叫iPodder的软件与一些便携播放器相结合而实现。Podcasting录制的是网络广播或类似的网络声讯节目，网友可将网上的广播节目下载到自己的iPod、MP3播放器或其它便携式数码声讯播放器中随身收听，不必端坐电脑前，也不必实时收听，享受随时随地的自由。更有意义的是，你还可以自己制作声音节目，并将其上传到网上与广大网友分享。

 

Wiki：Wiki一词来源于夏威夷语的“wee kee wee kee”，原本是“快点”的意思，它是网上免费的百科全书，它依靠众多投稿人来增加和修改其条目。想像一下：一组人坐在一块白板面前，任何人都可以在上面添加想法，做出修改，甚至擦掉一点东西，你就可以对Wiki有了个大致的印象。

 

P2P：P2P直接将人们联系起来，让人们通过互联网直接交互。P2P使得网络上的沟通变得容易、更直接共享和交互，真正地消除中间商。P2P就是人可以直接连接到其他用户的计算机、交换文件，而不是像过去那样连接到服务器去浏览与下载。P2P另一个重要特点是改变互联网现在的以大网站为中心的状态、重返"非中心化"，并把权力交还给用户。平常使用eMule、BitTorrent等均属于此类。

 

SNS：Social Networking Software/Service/Sites/Systems的缩写，即社会交往软件（或服务、网站、系统）。目前，新一代的SNS技术使社会交往超越了单纯的网络交友，而逐步成为了一种新的网络生存方式，SNS的逻辑是通过老朋友，认识新朋友，不断扩展自己的人脉，使自己获得更广阔的发展空间。如MySpace。

 

 

5）             Web Standards

 

Web 2.0最大的特点之一是用户参与，一个网站如何吸引最多的用户，最基本的条件之一是不管用户使用什么样的浏览器，网站都应该是可以正常浏览的，这时候Web标准就应运而生了。

 

Web标准的一个最基本理念就是对网页进行分层。

 

 

6）             What we will learn

 

带create的说明该项可以作为一个单独的文件存在，比如CSS可以放在扩展名为.css的文件中。

 

为什么不讲工具的使用？

 

 

7）      编辑器

 

Microsoft Expression Web Designer是2007年微软刚刚推出的取代FrontPage的网页设计软件，使用这个软件的目的是为了和以后学习ASP .NET时保持一致性。

 

选择Macromedia Dreamweaver 8.02是因为这款软件太经典了，在网页设计领域占有非常重要的地位。

 

 

8）      浏览器

 

测试网页在多种不同内核的浏览器中的兼容性

 

 

9）      验证工具

 

验证网页是否符合XHTML和CSS标准。

 
        对应PPT下载