网站设计与制作(div css)--大学本科毕业论文

内容发布更新时间 : 2024/11/7 14:38:56星期一 下面是文章的全部内容请认真阅读。

双方签定《网站制作合同》,合约是双方利益的保障。 支付预付款之后网站开始动工了。

第四步:注册域名、空间

选择合适的注册域名和空间。为之后网站的开发做良好的铺垫。 第五步:网站制作定位

确定网站的定位,作为产品销售和公司介绍的网站,给网站定好位。利于接下来的开发。

第六步:网站风格设计

网站的风格包括很多方面,整个网站的总体风格,每个栏目频段自己独有的风格,网站基本框架的设计等。最后将初步做好的网站与客户进行讨论并加以改进。

第七步:网站制作

网站应当有一个很清晰的网站介绍,有一个简洁的界面,需要告诉访问者网站能够提供些什么,以便访问者能找到想要的东西。有效的导航条和良好的结构,使人们很容易找到需要的产品,这对网站客户很重要。

第八步:网站验收

网站制作完成后,将会反复审核、测试、修改最后通过客户的验收,网站才算建好。 第九步:网站宣传推广工作

网站建好之后,需要对网站进行宣传推广,可以聘请网络优化团队,为网站的搜索进行优化。

第十步:网站后期维护

网站建成验收以后,如果涉及到图片文字更换及数据库升级、修改漏洞及找回管理员密码等情况需要修改网站,属于网站的后期维护。

第三章 某公司网站设计

第一节 确定公司创建网站的目的与意义

根据论文题目,以售酒公司作为例子,售酒公司需求一个在线售卖红酒的网站。目的是发展公司的线上销售业务,来推动公司收益。公司创建网站能有效的宣传公司产品以及提高销量,并且加入电子商务行列。

第二节 需求分析

首先公司售酒的网站需要一个在线能购买公司产品的功能,网站也需要页面实现对于公司文化的介绍。对于每一件商品需要有一个产品详情页面,能通过后台添加产品详情信息。需要秒杀商品页,能展示商品秒杀和记录哪些用户秒杀了商品。网站需要用多种方式来展示公司产品,不显得单调死板,也不能显得花里胡哨,体现公司文化的稳重。首页需要大图来突出展示几种商品,也需要小块的商品展示以便于介绍更多商品。

第三节 设计工作流程

第一、对网站整体风格的设计

这是对网站整体框架的定位,对于红酒行业,网站的风格会有不一样的风格表现形式,在视觉上突出一种优雅和高贵的感觉,让用户视觉上定位该站,符合用户的视觉印象。加深网页元素在用户面前的表现力,增强用户的购买欲。决定使用酒红色作为全站的主色调,风格上采用扁平化,使用块状的设计让网站更加简洁大气。

第二、进行网页的布局设计

网站的布局结构性质继承上面第一步的表现风格,在添加丰富的酒元素,用酒和优雅去“熏陶”出每一个页面。使页面的表现带动访客的心灵。

第三、产品目录的平面设计;

定好位,并布好局,设计大的div块。暂时先不管块中的内容,先想好容器的摆放位置,将需要表现的东西的大块先在页面上摆放合适。随后再进行更加细节方面的制作,将网站的整体制作成为psd文件,为接下来切图做好准备。

第四、各类专题广告设计;

好产品当然要有好广告,酒香也怕巷子深的哦,做个大大的广告banner,这样客户在访问网站的时候,知道当前主要推荐的内容是什么。突出某些产品或者服务,在网页上添加

各种广告元素gif图片、flash动画等等,尽量吸引访客的眼球,然后突出的表现想表现的东西,这样就更加促成了转换率了。

第五、利用div+css制作网站页面。

网页设计固然重要,但是最关键的是如何将网页制作出来,设计和制作上面还会有不小的冲突,在切图后将页面排版出来,做出最初的div模型。制作时可以使用各种插件辅助工作,因为网上的js插件都是开源的,使用起来不用担心版权问题。Div模型制作出来之后将各种产品的排版加入其中,使之成为一个完整的页面。然后可以考虑网站的动画效果问题。这个问题需要考虑的更多,对于各种浏览器的支持以及兼容性问题,争取能兼容各大浏览器。

第六、网站的测试与交互

网页的div+css排版制作完成后需要交给制作后台的人员进一步工作,交付前需要进行兼容性测试,测试完成后将静态的网页文件交出进行后台添加变成动态网页。完成产品的添加以及各种功能的实现。

第四节 栏目设计

首页

导航栏:点击导航栏能进行挑战,本页面内跳转。 轮播栏:轮播栏展示公司主要推荐购买的三种产品。

秒杀栏:倒计时秒杀,做出动画显示倒计时,使网页看起来不是那么死板。

产品展示栏:产品展示,通过后台添加图片和介绍在前台展示,此处暂时只作为效果展示,不具备后台。

友情链接栏:网页友情链接,将用于推广网页。链接可后台添加,此处只作为效果展示。 脚部声明栏:必要的网页声明,否则违法,只作为效果展示。 公司介绍页

公司介绍页面主要为公司照片展示与公司文字介绍。 产品详情页

产品展示栏:展示产品的大图,并且添加价格及优惠。同时提供购买和加入购物车选项。 产品详情页面:产品详细介绍,以及优惠详情,各种信息可以加入其中,把想告诉客户的全部放在详情页面中。

限时抢购页

限时抢购商品展示栏:展示前面的限时抢购商品,提供抢购按钮,并且时间到了才能抢。 政策法规页面

结构大体上与公司详情页一样,可以排版图文。

第四章 公司网站制作

第一节 设计草图

首先需要确定的是网页的宽度,现在的主流显示器的分辨率有1280*960(4:3屏幕)、1366*768(低分屏笔记本)、1440*900(低分屏宽屏)或者更高1080P、2160P等。设计网页为了使这些分辨率的电脑都能使用,设计的宽度不能超过1280主流显示器的宽度。又为了保证横向的滚动条不会显示出来,采用了1248px宽度。整个网页居中显示,每一栏目使用栏目背景颜色填充,使网站能适应各种分辨率。画出草图如图4-1所示:

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4 ceshi