首页 > 仿写一个静态网页应该如何入手?

仿写一个静态网页应该如何入手?

html掌握了基本的标签,css的基本样式也都掌握了。现在想实战试试看,但是不知道如何做到仿写一个网页,基本感觉是无从入手,有点像学车,啥都会了结果发现插钥匙点火居然没会…

主要想问,如何挑选合适的网页由浅入深得去仿写,二是怎么去解析一个网页的结构,就是说怎么去看,刚看了下说是用火狐下个firebug?诸如其他的,都请大神们不吝赐教,谢谢!


从学html开始,基本上就没有用firebug,一直用的Chrome自带的F12。

仿写网页:
1.随便找个网页,我当时仿了一下子的知乎,也没认真写下去。(所以基本功不够扎实!!)
2.结构这个问题,也简单,先把网页分成上中下,左中右几个大块,然后把显示的与隐藏的元素分开来,隐藏元素先显示着写好了再隐藏(应该都知道吧!!)
3.你写就对了,写了就会遇到各种问题,而这恰是你学习,提升的最好机会!

Just do it!!!!!!


右键源代码,照着练习


可以下个八网站的工具 先找个简单的网页八下来照着做一遍 照着原网站做。反正不会都可以在控制台里看到。
注意 第一个模仿的一定要是简单的网站 别一开始就八淘宝京东 但是一定要把简单网站完全掌握 不懂就停下来去查 做完特有成就感 然后再进阶就不难了


仿写京东淘宝,从top开始


可以先模仿一些简单网站的首页,遇到不懂的,利用开发者工具,写完后,用F2看一下源代码,对照一下结构,基本写完几个页面,基本的html和css知识就差不多掌握了。


用chrome的开发者工具,firefox不推荐使用,找一些简单的商业网站,先把整个网页分成块,一般是header,footer之类的,主要是先看网页的结构再着手


首先你要先去系统的了解一些html里的一些标签,和css里的一些知识;至于写网站的话你可找个简单的登陆页面写一写,比如百度的登陆框和携程的的注册网站。

【热门文章】
【热门文章】