计算机网络技术《网页设计基础》HTML5网页设计基础

2022年10月14日16:04:45 发表评论 13 views

1章 WINSTAR红酒网站项目中个人的作品

2.1 WINSTAR红酒网站首页展示

计算机网络技术《网页设计基础》HTML5网页设计基础

2.2 WINSTAR红酒网站首页HTML代码

计算机网络技术《网页设计基础》HTML5网页设计基础

2.3 WINSTAR红酒网站首页CSS代码

计算机网络技术《网页设计基础》HTML5网页设计基础

2章 总结

2.1 项目总结

随着时尚网络化风潮越演越烈,各大洋酒品牌和酒类经销商纷纷建立和完善自己的网络平台,开始了洋酒网站的狂飙突进,富有创意的洋酒网站,为消费者亲密接触洋酒品牌提供了全新的事业,让人们切身体会到这个虚拟世界的无限乐趣。

与大多数奢侈品网站的展示宣传以及售卖功能不同,我们的红酒网站还承担着红酒文化传播与教育的义务,用多种手段实现寓教于乐。因此我们不仅在我们网站开设了产品售卖的页面,同时也开启了新闻资讯的相关红酒文化页面。可以让更多人了解到红酒文化以及相关的知识。

在我们进行网站设计的同时,我们对网站整体的布局设计选图构思,资料采集,整体色彩搭配图片,图片的特效处理,还有动画的简单效果,制作网页链接的相关专业知识,深刻地掌握并合理地应用于网站设计中,在整理知识的同时也了解了许多红酒的品牌以及它的发展历程,扩充了知识面,真正的达到了完善过程,实现结果的目的。

此次我们网页设计主要包括以下页面,主要就是首页页面,产品页面,新闻中心页面,品牌关于页面。页面的设计当中,我们比较着重,因为首页的视觉效果决定了客户浏览的第一视觉印象,作为高端红酒的定制加工以及高端红酒的生产商,要传达出视觉印象,要处体现出时尚感和品质感,同时要凸显出综合实力,此在进行首页设计时,我们的主要配色是黑白两色,然后进行图片的排版铺设等。在产品等二级页面的设计当中,我们主要是注重浏览顺序和交互效果,整体的色调主要是以干净透亮为主,配以不同的一个暖冷色调,形成了对比效果,同时为了体现出整个网页的一个简洁高级感,我们主要设置的图片都是比较大气绚丽为主,不花哨不俗套。其中一个很大的特色就是新闻资讯页面,在新闻资讯中我们主要是有。时下最新的关于红酒的相关新闻报道,以及一些酒会的展示。同时我们也会通过文字的方式介绍红酒的一些相关知识,比如如何选购红酒,如何品尝红酒,如何储藏红酒红酒的种类等使浏览者对于红酒有一个更深入的了解,同时,介绍一下红酒的文化以及一些经典的故事。

经济的飞速发展也在改变着我们的日常生活,随着人们的消费的多元化,居民的消费面也在不断地扩展和发生改变。葡萄酒越来越受大家的欢迎,中国葡萄酒市场具有巨大的市潜力。未来我国经济的快速增长和居民收入的提高将使葡萄酒行业长期景气。中国是世界上葡萄酒消费增长最快的市场。10年来,世界葡萄酒传统消费国的消费量基本维持原有水平,唯独中国市场异军突起,葡萄酒销量不断攀升。高档红酒受宠,随着人均收入水平的提高,消费结构升级,红酒作为健康饮品的价值又被广泛认同,北京当地消费人群对中高档红酒的需求量与日俱增。在一些星级酒店、酒吧及中高档餐馆等场所,近半数以上的顾客在点酒水的时候,都会选择高档红酒。业内分析人士称,未来随着红酒市场的进一步发展,进口红酒和高档红酒必会愈发走好。近年来,北京消费者对进口红酒的需求量逐渐增强,其市场销售量增长每年都维持在30%至45%。受到消费者欢迎。

长期以来,中国红酒市场主要为中低端的产品。随着经济的快速发展,消费需求呈现向高级阶段发展的趋势,国内红酒的主流品牌也加快了中高端产品的市场推出速度,也正是在这种高端化的浪潮中,中国红酒行业的市场规模迅速由2002年50亿元增长到2009年的220亿元。我国红酒消费也已进入黄金期。

希望经过我们的努力,可以让中国的红酒也能走向世界、面向世界,让国人也有自己的中高端红酒品牌,并同时可以拓展国内市场的红酒文化。

2.2 个人在项目中的主要收获

在本次商务网站网页设计实务课程考核中,团队从网站的构思、整体布局方案、logo设计、制作首页、二级页面、三级页面、登陆注册页面等许多综合方面来进行设计。

首先,我认为课堂的基础学习非常重要,拥有扎实的理论基础能够帮助我们更好的搭建网站、对网站进行色彩搭配调整,并且做出更多的效果。通过晓飞老师这16周的授课,学习了很多新知识,对网站代码又进一步的熟悉,能够熟练运用代码实现网站效果,此外我还学会了许多关于HTML和CSS的知识,能够在商务网站页面上实现更多的效果。

其次,在网站的制作过程中,经历了很多困难和挑战,在面对各种各样的难题中,会有很多不理解的地方,需要我们及时去处理和解决。代码方面,查书,询问同学,网上学习代码等等,在编写网站代码的过程中,许多由于输入错误出现的小问题等等,不细心的话会花非常多的时间去修改。在网站构思过程中,我们讨论了很久,大家意见不统一,都有自己的想法,不过最终经过投票决定,我们达成共识,制作高端的红酒品牌,面向国内市场。在网站的设计方面,大家决定先设计出网页导航栏和底部,然后将二三级页面统一格式,保持网站的统一性。在规划网站结构前,我们在互联网上大量寻找网站布局规划,找了几套合适的布局方案,通过一次又一次的筛选,经过色调及颜色搭配的选择,从网站主题的选择和页面效果的设计到转换成代码结构和实现效果,这些都是非常难得的经历,可谓受益匪浅。不仅如此,我们通过组队分配任务,也加强了团队合作的协调性以及懂得了团队沟通和讨论是多么的重要。

在网站的导航栏上,我们将网站分为了产品、品牌关于、新闻、波尔多系列四个大的部分,小组四个人每个人负责一个板块。接着,我们按照老师的要求开始设计首页、二三级页面及登陆注册页面等。我们网站的色彩搭配根据原先制定的大方向来设计,当然,我认为必不可少的就是我们的审美了,这是我在设计网页中遇到最关键、最核心的问题,我们要多看一些高端顶尖的设计师的商务网站作品,先试着模仿他的,凭我们现在的水平很难达到那个标准,但我们能慢慢学习,多看多学,提高我们的审美,脚踏实地的工作,一步步锻炼我们的水平。

在本次项目中,我负责的是一张首页、一张二级页面和两张三级页面,我通过团队的网站配色和设计,将首页分为了三个板块,他们分别是产品热卖、品牌故事、精品推荐的各种系列。另外,我在首页和二级页面的网站构建方面运用了jQuery和css实现了图片轮播的功能,并且在三级页面加入了图片切换的jQuery效果,能更加使我们的网站呈现高端大气的效果,使顾客眼前呈现焕然一新的感觉。但是在初期进行网站策划的过程中我们也遇到许多问题,例如我们的代码技术还不成熟,不能达到预想的效果展示。不过,我也是尽力将所学的知识都运用到网站当中,里面的css和jQuery效果还是能够将网站的高端大气展示出来,让红酒从中国市场中走出来。

在排版的过程中,一步一步对网站的整体框架进行布局和排版,再将图片和文字放在其中,对他们进行编写和调整,此外,在网站的实现过程中我也遇到了很多问题,比如图片的位置没有居中,文字和图片没有对准,底部信息显示不完全,最后通过同学的帮助和自己的网上查询得以解决,最后就是将网站链接,我们选择了将所有网页放在一个文件夹里,直接用命名加上html的后缀进行跳转。

最后,在整个课程考核中,相比于之前感觉并没有太多的压力,因为在小学期和之前的html课程,我们都进行相关的学习。这次就是在网站的基础上加入了jQuery效果,使得网站能够增加更多的动态功能,让我感受到了代码的无穷魅力。不过通过此次项目,我也知道了自己的缺点与不足,了解自身需要去加强什么地方,在什么方面有优势,我们不能只停留在理论知识和基础操作的阶段上,而是要提高自己的认识,学会更多的操作方法,多实践多操作,是要去理解那些知识点,而不是盲目的学很多技能,最终却不能将之结合,发挥出极致的效果,要记住,技在精不在泛,能制作出优秀作品的人一定是能将所学的本领都运用到他的作品里。网站网页设计和代码的学习是一个漫长的过程,同时也需要自己花更多的时间去自我学习,进步成长,相信未来可期!

发表留言

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: