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

友情链接:

联系电话:xxxxxxxxxxxxx

紧接着添加css:

.link{padding: 15px 0;background-color: #e5e5e5;position: relative;}

.link .link_left, .link .link_right{font-size: 13px;}.link .link_left{float: left;}.link .link_left span{color: #FD9909;}.link .link_right{margin-left: 65px;}.link .link_right a{display: inline-block;color: #444;margin-right: 15px;vertical-align: middle;}.footer{min-width:1024px;margin: 0 auto;padding: 30px 0px;font-size: 14px;color: #fff;line-height: 160%;background-color:#000;}

首页就制作完成啦,然后将制作好的html和css保存,开始使用各种浏览器测试。很多浏览器中带有兼容性检查的插件,不过还是要手动测试一些浏览器的兼容性。需要测试的主流浏览器有:Safari、chrome、IE、Google、opera以及新出现的Edge。

首页制作完成之后开始制作子页面,制作公司简介。先把css和jQuery引用,将页面保存在html文件夹中,引用css时,需要修改路径:href=\。把首页的头部和菜单复制过来,并且需要修改class=\的位置到公司简介位置:

  • 然后将页面的友情链接和声明复制过来放在页面最下部。根据前面设计的psd模板,设计页面结构设计出来:

    width=\

    将简介的内容放在P标签中加入页面,公司简介页面就制作完成了,然后需要做一个链接的跳转,首先找到首页的公司首页a标签将链接添加好:。随后找到公司简介页面的a标签修改:

    制作政策法规页面时,直接将gs.html复制一份,因为大体框架都是一样的,只需要替换中间的文案部分。将图片删除,标题替换到hr标签中,正文每一段使用一个p标签。稍微再调整一下行距、样式等,政策法规页面就完成了。然后修改完成的三个页面的链接跳转,使制作出来的页面可以互相跳转。菜单栏selected一定要记得剪切到政策法规标签中了,样式就出来啦:

    图 4-20 网站制作6

    抢购页面也是按照之前做好的模板样式来制作,首先拷贝首页的头脚部分,将css和jQuery引用。然后开始制作产品的排版。首先需要一个铺满全网页的背景:

    .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。感谢实习指导老师林超对论文写作的指导与帮助。感谢网络资料以及参考文献的分享者。