第十一章.网站建设综合实训.pdf

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