1、2006.12-2010.6中国网站规模变化一个典型的一个典型的HTMLHTML文本的文本的基本结构形式基本结构形式如下:如下:网页标题网页标题网页的主要内容网页的主要内容结束标记结束标记开始标记开始标记文件头文件头文件主体文件主体HTMLHTML标签标签,(,(HTML TagHTML Tag)都是由一对)都是由一对“”括起来的,成对出现。括起来的,成对出现。n 表示标记的开始和表示标记的开始和结束,例如结束,例如()()HTMLHTML语言正是通过这些标签来设置网语言正是通过这些标签来设置网页的结构、网页元素的位置和类别,页的结构、网页元素的位置和类别,网页元素的显示效果等。网页元素的显示
2、效果等。标记符属性标记符属性 1.1.属性属性是用来描述是用来描述对象特征对象特征的特性。例如,的特性。例如,一个人的身高、体重就是人这个对象的属一个人的身高、体重就是人这个对象的属性。性。2.2.在在HTMLHTML中,所有的属性都放置在中,所有的属性都放置在开始标记开始标记符符里,多个属性之间用里,多个属性之间用空格空格分开。分开。如:如:body bgcolor=关于颜色关于颜色1.1.颜色值是一个关键字或一个颜色值是一个关键字或一个RGBRGB格式的格式的数字。数字。2.2.aquaaqua,blackblack,blueblue,fuchsiafuchsia,graygray,gre
3、engreen,limelime,maroonmaroon,navynavy,oliveolive,purplepurple,redred,silversilver,tealteal,whitewhite,yellowyellow1.1.在在 HTML HTML 中对于颜色的定义可以用中对于颜色的定义可以用6 6位位十六进制数十六进制数。2.2.电脑屏幕的色彩是由电脑屏幕的色彩是由rgbrgb(红、绿、蓝)(红、绿、蓝)三种色光所合成的,通过调整这三个三种色光所合成的,通过调整这三个基色就可以调配出其它的颜色。基色就可以调配出其它的颜色。每每2 2位数位数代表一种颜色的浓度,三种颜色代表一种颜
4、色的浓度,三种颜色的顺序为的顺序为红红、绿绿、蓝蓝,0000代表颜色浓度最代表颜色浓度最小,小,FFFF代表颜色浓度最大。代表颜色浓度最大。3.3.#000000#000000代表纯黑、代表纯黑、#FFFFFF#FFFFFF代表纯白、代表纯白、d d1.1.图中所示是部分颜色的图中所示是部分颜色的RGBRGB代码代码:例:为页面设置背景色:例:为页面设置背景色:主 页页面1页面2页面3页面4页面5页面7页面8一级标题二级标题页面6主 页个人简历我的相册作品展示家庭相册心情随笔个人相册网站作品平面作品涂鸦作品1.4.1 Web Web站点主页的站点主页的基本成分基本成分 M页面标题页面标题(说明
5、网站的性质及内容)(说明网站的性质及内容)M网站标识网站标识 LOGOLOGO都是被精心设计的都是被精心设计的,Logo,Logo 的作用很多,最重要的就是表达网站的的作用很多,最重要的就是表达网站的理念、便于人们识别,广泛用于站点的连接、宣传等。一个绝妙的理念、便于人们识别,广泛用于站点的连接、宣传等。一个绝妙的LogoLogo不但会使首页蓦然生辉,而且会成为整个网站的形象大使。不但会使首页蓦然生辉,而且会成为整个网站的形象大使。M页眉(用来放置最希望浏览者看到的内容)页眉(用来放置最希望浏览者看到的内容)M导航栏(栏目索引)导航栏(栏目索引)M内容内容M页脚页脚(联系方式、版权信息等)(联系方式、版权信息等)d站标站标标题标题d页脚信息区页脚信息区d站站标标标题标题网页中最常见的构图布局层次分明层次分明这个网站用了宽大的边框分隔内容和背景,在背景处布置了大面积的图案。页面的宽度符合阅读习惯,而扩展出来的背景又在视觉上饱满了屏幕尺寸SGI silicon graphics,inc 网站内不同页面的设计风格要有所统一。网站内不同页面的设计风格要有所统一。有些是色彩和布局都统一;有些则是布局有些是色彩和布局都统一;有些则是布局统一,色彩跳跃。统一,色彩跳跃。色彩和布局都统一布局不同而色调一致布局相同,色彩跳跃网页标题网页标题