文档介绍：《网页设计与制作》实用教材
第 12章网站制作实例
本章要点:
网站建设准备工作
网站制作案例详解
第12讲网站制作案例
本实例通过清晰的结构,突出了教育网站的重点内容。本实例布局是常见的“国”字型布局,因为制作的教育网站需要内容风格严谨、结构清晰、明确,而且通常会在教育类网站首页体现很多的栏目和内容,如何既突出重点又可以展现丰富的内容是关键所在。本实例的这种布局既可以体现丰富的内容,又能达到主次分明,是一种非常使用的布局方式。
网站制作描述
1、首页效果图,如下图
网站制作描述
2、二级页面效果图,如下图
网站制作描述
定位网站主题
一个好的网站除了网页设计得漂亮外,更重要的是站点的内容是否吸引人。所以用户要想自己的站点访问率高,就要先定好站点的主题是什么。有了明确的目标,在内容的搜集、网站风格的确定、相关的技术服务要求方面就应该是围绕这个主题而进行的。
网站建设准备工作
确定网站的栏目和板块
初学者最容易犯的错误就是确定题材后立即开始制作网页,当制作完成后,才发现网站的结构不清晰、目录庞杂、结果不但浏览者看得糊涂,自己扩充和维护起来也相当的困难,网站也许就半途而废了。所以,在动手制作网站之前,一定要确定好栏目和板块。
网站建设准备工作
目前网络上比较普遍的有两种形式,一种是传统的HTML网站,另一种就是流行的Flash网站。虽然说Flash网站在视觉上有相当的冲击力,但是它需要对Flash软件有相当的了解和掌握才能制作出不同反响的效果。而对于大多数用户而言Dreamweaver更容易上手,并且Dreamweaver对于实现大量的网页内容制作也更方便。
网站建设准备工作
在确定网站整体风格的过程中,要准备以下内容:
确定网站的整体色调
设计网站的Logo(标志)
设计Banner(旗帜广告条)
确定导航栏一级栏目和二级栏目的表现形式
确定其他板块的摆放位置
确定栏目的具体内容
网站建设准备工作
创建本地站点
创建首页并设置页面属性
设置CSS样式
制作标题栏和导航栏
第12讲网站制作案例