分类“CSS/DIV综合实践”的存档

博客设计DIY - CSS/DIV综合实践 - 第1课

2007年06月20日 星期三

本节课时长10分20秒,下载文件16.0兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

博客是目前网上很流行的日志形式,很多网友都拥有自己的博客,甚至不止一个博客。对于自己的博客,用户往往都希望能制作出美观又适合自已风格的页面,很多博客网站也都提供自定义排版的功能,其实就是加载用户自定义的CSS文件。本课以一个博客首页为例,综合介绍整个页面的制作方法。

作为生活充实、愉快的代表,本例采用恬静、大方的淡蓝色为主基调,配上明灯等体现意境的图片,效果如图所示。

小型工作室 - CSS/DIV综合实践 - 第2课

2007年06月21日 星期四

本节课时长7分35秒,下载文件5.84兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

有很多网站规模都不大,一般就3~5个栏目,有的栏目里甚至只包含一个页面,例如公司简介、联系我们等等。这种小型的网站所有的页面都是HTML静态页面,没有与后台数据库交换信息等动态功能,可能很长时间才更新一次,甚至根本不更新。

许多工作室、小企业的网站都属于这种类型,这类网站通常都是为了展示一下公司的形象,说明一下工作室的业务范围、产品特色等等。一般实现这样的网站就是一个首页加上若干内容页即可。

本例是一个翻译工作室的网站,该公司主要的业务就是承接各种翻译项目。网站上包含业务范围、服务流程、付费方式等内容。本例采用具有很强亲和力的绿色作为主色调,配合淡绿、白色等其它颜色,使得整个网站显得朝气蓬勃。

本例分首页和4个内容页面,其中首页的效果如图所示,内容页面示例效果如图所示,读者也可以参考光盘中的具体文件。

 

公司网站 - CSS/DIV综合实践 - 第3课

2007年06月22日 星期五

本节课时长9分20秒,下载文件8.62兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

一个公司网站是这个公司形象的体现,其中也包含着整个公司的理念和方向。这种网站的典型特点是简约而不简单,没有过多的颜色修饰,整体风格的大气是最最重要的。而且网页上的内容更新频率相对较高,新闻发布、资源下载等等都是更新的对象。

制作这种类型的网站重点在于整体风格上的把握,技巧方面并不需要过于花哨,选定一种颜色以后尽量围绕着一个色调进行设计。很多时候公司的朝气蓬勃、欣欣向荣也需要在页面上得到体现。

本例是一个电子电信公司的网站首页,页面的整体使用灰色偏蓝的色调,再配合白色形成大气的感觉。中间banner的人物更是给页面增添不少活力。页面整体靠左,但右边仍不失协调。内容上相对上一课工作室的网站要丰富很多,不但有经常更新的公告栏、技术前沿、资源下载等,还有英文的简报,是一家跨国的公司。页面效果如图所示。

购物网站设计 - CSS/DIV综合实践 - 第4课

2007年06月25日 星期一

本节课时长9分51秒,下载文件10.3兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

目前网络上的购物网站已经越来越多,淘宝、Ebay等大型购物网站以及经营各种小生意的网站都层出不穷。张罗网上的商店甚至成了很多人的工作。本课以网上的花店为例,介绍如果构建小型的网上商店,进一步熟练CSS构建网站的方法。

本例的网上商店主要以出售鲜花为主,这种类型的网站特点就是绚丽,让人感觉琳琅满目而又美丽大方。结合花店的主题,因此采用粉红色为主色调。又考虑到鲜花的各式各样,因此站点还包含鲜花导购等小知识,效果如图所示。

旅游观光网站设计 - CSS/DIV综合实践 - 第5课

2007年06月26日 星期二

本节课时长9分01秒,下载文件8.54兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载

出门旅游是人们生活一个很重要的部分,通过跋山涉水了解大自然能够减轻工作、学习中的疲劳,又能增长各方面的知识。旅游观光网站也是日常生活中常见的一类网站,这种网站主要以蓝色、绿色为主色调,给人来到大自然美景中的感觉。

本例以“新疆行知书”为题材,介绍新疆的风土人情、地理知识、山川流水、旅游线路、人文知识等等,效果如图所示。