html仿写电子科技大学首页(html首页开发实战)

说明:本来是要仿写www.zixue.it网站首页的,但由于该首页比较复杂,写了好几天才写了一半。想着自己是自学、初学,而且考虑到往后搭建后台时需要的html知识不多,故改为仿写电子科技大学的网站首页(http://www.uestc.edu.cn)。仿写电子科技大学网站首页时,有些地方没有做深入的优化,会跟原版的网页有细微的差别,但不影响,里面的所有按钮及链接都可以点击获取数据。

开发时长:两天晚上的空余时间+一个早上的时间,大约8小时。代码不到1000行。

到今天为止,html的自学暂时告一段落,接下来将要进入php的自学阶段!

下面是自己仿写的效果图:图跟原版不同的几处也有标出来了。

html仿写电子科技大学首页(html首页开发实战)_第1张图片

html仿写电子科技大学首页(html首页开发实战)_第2张图片

 

 

下面贴上源代码:

html仿写电子科技大学首页(html首页开发实战)_第3张图片html仿写电子科技大学首页(html首页开发实战)_第4张图片html仿写电子科技大学首页(html首页开发实战)_第5张图片html仿写电子科技大学首页(html首页开发实战)_第6张图片html仿写电子科技大学首页(html首页开发实战)_第7张图片html仿写电子科技大学首页(html首页开发实战)_第8张图片html仿写电子科技大学首页(html首页开发实战)_第9张图片html仿写电子科技大学首页(html首页开发实战)_第10张图片html仿写电子科技大学首页(html首页开发实战)_第11张图片html仿写电子科技大学首页(html首页开发实战)_第12张图片html仿写电子科技大学首页(html首页开发实战)_第13张图片html仿写电子科技大学首页(html首页开发实战)_第14张图片html仿写电子科技大学首页(html首页开发实战)_第15张图片html仿写电子科技大学首页(html首页开发实战)_第16张图片html仿写电子科技大学首页(html首页开发实战)_第17张图片html仿写电子科技大学首页(html首页开发实战)_第18张图片html仿写电子科技大学首页(html首页开发实战)_第19张图片html仿写电子科技大学首页(html首页开发实战)_第20张图片html仿写电子科技大学首页(html首页开发实战)_第21张图片html仿写电子科技大学首页(html首页开发实战)_第22张图片html仿写电子科技大学首页(html首页开发实战)_第23张图片html仿写电子科技大学首页(html首页开发实战)_第24张图片html仿写电子科技大学首页(html首页开发实战)_第25张图片html仿写电子科技大学首页(html首页开发实战)_第26张图片html仿写电子科技大学首页(html首页开发实战)_第27张图片html仿写电子科技大学首页(html首页开发实战)_第28张图片html仿写电子科技大学首页(html首页开发实战)_第29张图片html仿写电子科技大学首页(html首页开发实战)_第30张图片html仿写电子科技大学首页(html首页开发实战)_第31张图片html仿写电子科技大学首页(html首页开发实战)_第32张图片

你可能感兴趣的:(html仿写电子科技大学首页(html首页开发实战))