1、第25章 企业网站制作综合实例,教学内容:随着网络的普及和飞速发展,企业拥有自己的网站已是必然趋势,网站不仅是企业宣传产品和服务的窗口,同时也是企业相互竞争的新战场。网站是企业在互联网上的标志,在因特网上建立自己的网站,通过网站宣传产品和服务,与用户及其他企业建立实时互动的信息交换,达到生产、流通、交换、消费各环节的电子商务,最终实现企业经营管理全面信息化。,教学重点 网站规划 设计网站首页 利用CSS+Div布局主页,25.1 网站规划,25.1.1 网站需求分析 在企业网站的设计中,既要考虑商业性,又考虑到艺术性,企业网站是商业性和艺术性的结合,同时企业网站也是一个企业文化的载体,通过视觉
2、的元素,承接企业的文化和企业的品牌,好的网站设计,有助于企业树立好的社会形象,也能比其他的传播媒体更好的更直观的展示企业的产品和服务。,25.1.2 确定网站主题,要做到主题鲜明突出、要点明确,应以简单明确的语言和画面体现站点的主题。还要调动一切手段充分表达站点的个性和情趣,办出网站的特点。Web站点主页应具备的基本成分包括:页眉,准确无误地标识站点和企业标志;E-mail地址,用来接收用户垂询;联系信息,如普通邮件地址或电话;版权信息,声明版权所有者等。,25.1.3确定网站的版式设计 版式设计通过文字和图像的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图像该落于何处,
3、才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。,25.1.4 确定网站主要色彩搭配 色彩是艺术表现的要素之一。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。,25.2.1 设计网站封面型首页 下面使用Photoshop CS6设计网站的封面型首页,如图所示。,25.2.2切割网站首页 使用切片工具可以将网页图像剪切成较小的切片。较小的图像从Web上下载时速度更快,因此用户可以看到页面逐渐加载,而不是等待下载一个大图像。,25.3 使用CSS+Div布局网站主页 本章网页的结构属于4行4列式布局。顶行用于显示header对象中的网站导航按钮和Banner信息,底部部分footer放置网站的版权信息,中间部分special和botbody显示网站的主要内容。,