文档介绍：《网页设计与制作》
第11章网站建设综合实训
站点规划
素材准备与站点设计
网页制作
WEB服务器的配置
站点的上传与发布
站点的维护与更新
随着网络科技的发展,已经成为企业宣传自己的重要途径之一。拥有一个好的商业网站就是企业最好的名片。建立商业网站不仅可以让客户了解企业,提高企业的知名度;而且更能突破时空的限制,为企业在网络时代创造更多的商机。
在本章中,将详细介绍一个商业网站的建设过程。网站首页草图如图所示。
【本章学****目的】
本章通过详细讲解商业网站建设过程,读者掌握规划网站、页面布局的技术、网站的制作流程。
站点规划
制作网站首先是规划出一个具体的方案,以此作为进一步工作的依据。它包括以下几个方面。
1. 确定建设网站的目标
创建网站的第一步就是确定网站的目标。本章要创建的网站是一个小型的商业网站,网站的目标就是要让客户了解该企业的概况、产品信息、相关技术、产品购买方法以及联系方式等。通过该网站能够建立从客户到公司的有效沟通渠道。
2. 分析目标用户对站点的需求
访问该网站的用户主要是已有的客户和潜在的浏览者,所以在制作网站时,考虑如何为已有的客户提供完善、周到的服务,比如:新产品的推广、技术支持、在线订购,同时考虑到如何吸引到更多的消费群体,并分析这种消费潜力到底有多大。
3. 确定网站风格
在确定了网站的目标和功能之后,接下来就要针对用户需求对网站的风格进行定位。本网站定位于提供企业信息类网站。
本网站所有页面均采用灰色加草绿色的配色方案,严谨中透着人文化气息,页面全部采用“T”布局,顶部为横条网站标志,下方左边为导航条,右面显示具体内容的布局。。
4. 考虑网络的技术问题
考虑多种浏览器和不同分辨率的兼容性,采用浏览器的分辨率:800*600,兼顾1024*768。运用的技术有:表格、模板、CSS样式、Flash动画等。
素材准备与站点设计
可根据推荐的主题选择网站主题或自定义一个网站主题
确定网站的栏目并画出栏目结构图
色彩搭配根据网站主题特点,确定网站的色彩方案
根据网站的主题收集资料:文字及图像等
首页的设计时应该注意以下几个问题:
框架清晰,重点突出;
色彩搭配既要能够吸引浏览者的注意力,又不要过于花哨,过于浓烈的色彩反而容易引起浏览者的反感;
文字和图片相辅相成。
有了总体结构,还要进行基本素材的收集,比如文本、动画、图片、音乐、视频素材等。这其中有些可以自己制作,比如使用fireworks制作图片、flash制作动画等;有些可以通过其他途径获得,比如在网上下载,购买素材光盘等等。
本网站中使用的主要素材就是图片,一部分是通过实物拍摄后处理获得的,还有一部分装饰图像是通过素材光盘获得。
网页制作
创建站点
在Dreamweaver ,执行“站点”菜单|“新建站点”命令,弹出“站点定义”的对话框。
选择“高级”选项卡,单击“本地信息”,在右侧选项中定义网站的一些本地信息。
站点名称:综合实例。
本地根文件夹:即指定站点文件的保存位置。输入H:\shili11-1\。
默认图像文件夹:H:\shili11-1\images。
其它选择默认项。