文档介绍：答辩人:王娟专业:计算机信息管理
商务类网站的设计与实现
西安电大莲湖分校
研
究
概
述
研究背景
网站设计方案
网站结构分析
网站的准备工作
1
2
3
4
实施步骤
测试网站
5
6
教育公平科学发展机制研究
建筑业应用软件
计算机和计算机网络的飞速发展,人们对计算机网络的依赖是越来越大。人们在网上聊天交友,在网上请教问题,查阅资料,还在网上听音乐。除此之外,人们还会在网上进行商务交易、下载信息,有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖,无论是哪里的网友,都可以浏览到世界各地的各类信息,非常的方便,由于以上的优势,各类网站如雨后春笋般的出现,企业网站也不例外。
而Web设计的健康发展依靠web标准的采用,没有web标准就不会有真正的可访问性和连贯的设计。不用web标准,就跟不上时代。在这样的标准时代,我们需要网页更加容易扩展,适合自动数据交换,并且更加规整。而css,则实现了页面内容与样式分离。鉴于web标准,本论文着重对div+css布局与美化公司网页进行了讨论;同时根据客户需求,采用div+css实现了咨询公司网页的设计,具体实现了首页、设计理念、作品展示、企业文化、关于我们、联系我们等功能,系统符合公司网站的需求。
课题的提出
.研究背景
1
网站主页()
作品展示---
企业策划---
联系我们---
设计理念---
.
准
备
工
作
4
技术要求:
1、采用Windows 2000以上的操作系统,网页三剑客+ Photoshop + div+css开发;
2、采用div+css布局和美化网页;
设计内容:
。
。
+css布局。
。
.具体操作步骤
5
网站的页头主要分为两个部分。一是Logo,logo使一张准备好的图片,直接放置在头部容器左侧,调整好位置;二是导航条,网站导航条因为有立体感效果,因此它需要脱离文本流,因此在控制样式的时候要用定位,相对于文本流的定位。网站的导航栏目可以让用户对网站的内容及信息一目了然。导航分为:首页、作品展示、设计理念、企业策划、关于我们、联系我们。导航采用的是ul li布局,然后再用a标签对其他相关网页进行链接,设计和操作上都非常简单。相关代码如下:
<div class="menu">
<ul>
<li class="left"></li>
<li class="break"></li>
<li class="select"><a href="">首页</a></li>
<li class="break"></li>
<li><a href="">作品展示</a></li>
<li class="break"></li>
<li><a href="">设计理念</a></li>
<li class="break"></li>
<li><a href="">企业策划</a></li>
<li class="break"></li>
<li><a href="">联系我们</a></li>
<li class="break"></li>
</ul>
</div>
头部效果图
中间内容页设计
根据浏览者在阅读时经常采用从上到下,从左到右的习惯,主体内容中,将“优秀网站案例”靠左边放,这样能更好地吸引浏览者的眼球,同时也体现公司的专业、能力等。优秀网站案例采用网页图片切换的形式展现在首页中,使整个首页处于于静于动的画面。右边则是创意设计公司的设计理念。设计效果图如下
页脚设计