图 4-20 网站制作6
抢购页面也是按照之前做好的模板样式来制作,首先拷贝首页的头脚部分,将css和jQuery引用。然后开始制作产品的排版。首先需要一个铺满全网页的背景:
href=\立即抢购
.xxh1{color:White;font-family: \微软雅黑
\微软雅黑\
{color:White;text-decoration:underline;}.xxa a:visited {color:White;text-decoration:none;}.xxa a:hover {color:White;text-decoration:none;}.xxa a:active
{color:White;text-decoration:none;}.left{float:left;}.w100{width:100%;}
此页面中通过浮动的方法使所有的文字图片等完成psd中的效果,当然文字与价格仅仅是作为一个样式示范来给后天开发人员看到效果,而所有的文字都是会从数据库中读取的。制作好一段之后在浏览器中查看效果:
图 4-21 网站制作7
然后复制四段,替换掉其中的图片和背景颜色。发现所有的产品都在一边,然后找到img标签中的 class=\,如果需要产品图片显示在右边,将其删除即可。然后查看效果:
图 4-22 网站制作8
成功,页面完成。检查所有页面菜单栏跳转链接,网站基本完成。
第五章 总结
制作一个网站需要多个页面,当需要制作一个网页时,那不会很难。当制作一个优秀的网站时,那工作量就大了。需要确定整站风格,确定整站样式,整站需求,还有站内跳转,数据来源等等。还有一系列工序,本文仅仅是介绍了div+css技术制作能交付后台开发使用的网页。在电子商务飞速发展的今天,学好html将成为求职路上一块重量级的敲门砖。
第六章 致谢
在这次论文写作之前对于div+css实战经验缺乏的我,通过对于这次论文的写作扎实了自己的知识。在这短短几个月的时间学习到了许多书本上学习不到的知识,感谢学校对于论文写作的规范要求,让我对于文章的排版大有改善。随着毕业设计的完成,我也将要毕业了,再也无法像过去三年可以在学校吃,在学校住,在学校学习。感谢学校三年来对我的栽培,感谢计科系老师的教导。
特别要感谢的是我的论文指导老师XX。大学期间担任科代表,学到的知识远超过其他同学。不光是学习,青老师还处处指导方方面面的小事情。大学期间什么事情都有与青老师商量的习惯,也耽误了老师不少时间。青老师也没有不耐烦过,谢谢您的教导。在论文写作期间,老师也处处指导,仔仔细细检查论文格式以及内容上面需要修改的地方。相信整篇论文一定花了不少时间吧,让您费心了。
再次感谢论文指导老师XX。感谢实习指导老师林超对论文写作的指导与帮助。感谢网络资料以及参考文献的分享者。
参考文献
[1] 中华人民共和国商务部,中国电子商务报告(2014),中国商务出版社。 [2] 《美国零售市场研究报告》,《连锁》2014年6月刊。 [3] Ben Frain, 响应式Web设计,人民邮电出版社,2015年7月3日 [4] 李东博,《Dreamweaver+Photosho网页设计》,清华大学出版社,2010 [5] 喻浩,《CSS+DIV网页样式与布局》,清华大学出版社,2013
[6] 陈涛,《电商内幕传统企业进入电商的必修课》,电子工业出版社,2014.4.1 [7]王日芬.丁晟春.《电子商务网站设计与管理》,北京大学出版社,2012.10 [8]王海军.《网页设计与制作》,机械工业出版社出版社,2008.6.1 [8]Mark Pilgrim,HTML5 Up and Running,2010年8月
[9]刘西杰、柳林,HTML、CSS、JavaScript网页制作从入门到精通,人民邮电出版社,2013年1月1日
[10]布莱恩特 (Jay Bryant),高性能HTML5,电子工业出版社,2014年5月1日
XXXXXXXX学院
毕业论文(设计)实施过程记录表
毕业论文(设计)题目 指导教师 班级 XXXXXXXX 进展情况记录: 搜集资料查阅,明白选择的题目的主要内容,选择合适的题目。确定选题 与布 置任 务书 阶段 指导教师指导意见: 指导教师签名 年 月 日 进展情况记录: 资料 收集 和 初稿 撰写 阶段 更加明确的选择资料,找出对论文有用的参考资料,同时开始撰写初稿。先理清论文的大纲,将主要框架制作完成,再思考细致的方面应该怎样去完成。制作作品时同步完成初稿的撰写。 指导教师指导意见: 指导教师签名 年 月 日 进展情况记录: 对于格式进一步检查与规范,同时对于内容中冗长部分的删减,对描修改 完善 和 定稿 阶段 指导教师指导意见: 指导教师签名 年 月 日 述不足部分进行补充。对于作品不足的地方进行修改同时修改论文,对图片进行编号。 任务书上的要求,给自己一个明确的方向,以便于接下来工作的开展。大范围的选择相关资料备用。 姓名 网站设计与制作(DIV+CSS) XX XX 学号 XXXXXXXX