css课程.doc

第一篇初识CSS 第1课章 Web设计基础 1.1因特网和万维网 1.1.1何为因特网 由许多计算机连接在一起构成一个网络，彼此之间的文件可相互访问 1.1.2何为万维网 因特网的组成部分，一般上网输入www,多媒体的集合，各个部分由超级连接而成，新浪首页，称为网页，web页，或web文档 1.2Web技术的未来 Web1.0，是以编辑为特征，网站提供给用户的内容是网站编辑进行编辑处理后提供的，用户阅读网站提供的内容。这个过程是网站到用户的单向行为，web1.0时代的代表站点为新浪，搜狐，网易三大门户。 Web2.0则是以加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与,web2.0不同于web1.0的最大之处在于它的交互性。这个时期的典型代表有：博客中国、人人网，土豆网。 应用： 1、 Blog（from wiki） 意思是网上日志。Blog是个人或群体以时间顺序所作的一种记录，并且不断更新。blog之间的交流主要是通过回溯引用（TrackBack）和回响/留言/评论（comment）的方式来进行的 　Blog在美国和欧洲并不盛行，外国人不喜欢通过写网络日志来表达自己的思想感 情和政治抱负，所以Blog近10年来一直处于互联网的边缘地带。但是在中国，它因为 新浪的“名人博客”而名声大噪。 　　“美国社会缔造了形式各样的明星，但绝不会众多明星聚在某个网站写网络日志 。名人博客是对Blog概念的改写，或者说是Blog在太平洋彼岸遭遇了东方文化的洗礼 。”一位曾在美国生活多年的朋友向记者表示，中国人表达自己思想的途径太闭塞， 以至于在互联网上也必须去访问量最大的新浪开博客。 2、 Tag （from blogbus） 什么是Tag？ Tag（标签）是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一个或多个Tag（标签），然后您可以看到BlogBus上所有和您使用了相同Tag的日志，并且由此和其他用户产生更多的联系和沟通。不仅如此，我们还通过与Technorati的合作，把您的Tag发送到全球Blog空间，和全世界的人们共同分享。 3、SNS Social Network Service，社会性网络软件，依据六度理论，以认识朋友的朋友为基础，扩展自己的人脉。并且无限扩张自己的人脉，在需要的时候，可以随时获取一点，得到该人脉的帮助。帮你运营朋友圈的朋友。国内的SNS已经逐渐爆发，除了人人网、腾讯空间、51、蚂蚁、占座和海内、开心网等，应该还会在涌现出来一批细分市场和用户需求导向的SNS网站。像最近比较风靡的淘宝SNS—淘江湖就是在购物领域的一个突破和创新。订阅BLOG 　　可以订阅工作中所需的技术文章，也可以订阅与你有共同爱好的作者的Blog，总之，对什么感兴趣就可以订什么。 订阅新闻 　　无论是奇闻怪事、明星消息、体坛风云，只要你想知道的，都可以订阅。 ?? 你再也不用一个网站一个网站，一个网页一个网页去逛了。只要这将你需要的内容订阅在一个RSS阅读器中，这些内容就会自动出现你的阅读器里，你也不必为了一个急切想知道的消息而不断的刷新网页，因为一旦有了更新，RSS阅读器就会自己通知你。Web3.0 Web3.0只是由业内人员制造出来的概念词语，最常见的解释是，网站内的信息可以直接和其他网站相关信息进行交互，能通过第三方信息平台同时对多家网站的信息进行整合使用；用户在互联网上拥有自己的数据，并能在不同网站上使用；完全基于web，用浏览器即可实现复杂系统程序才能实现的系统功能。用户数据审计后，同步于网络数据。 必备技术：XHTML+CSS? 高级技术：Photoshop+JavaScript 拓展技术：Ajax+UE+SEO+PHP+Mysql 前端这一行，入门并不困难，掌握XHTML+CSS之后，基本上就可以找到一份工作。 其他的东西，我们可以入职后再慢慢学习。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title /head body /body /html 其中红色部分为不显示页面的内容，显示的内容放在body与/Body之间 2．2标记、元素和属性 2．2．1标记 标记是一些符号，用来区分文档中的不同部分，同时还能标识出内容的类型，标记由一对尖括号括起来，用于区分其它普通的文