新手这样分析模仿个网页的思路是否正确?

学习了几天，大概是看到了流了，然后自己就在最近几天非常的纠结于一些基本概念的问题了，感觉是我想的太多了，各种思绪都在头脑里，各种晕。然后反而感觉很烦躁，虽然知道该怎么写但是在其中标记语言，CSS之间老是有一种非常非常的不协调的感觉，纠结于块元素，内置元素等等。不知道是不是基本概念的疑惑还是才开始学习还是大家都是这样？

废话说完，大概进入正题，由于是培训机构(参考书是配发的，但是看内容就是盗版的headinhtml这本，本来打算是买这本，这里就没买了)，在这里由于很多还没学，比如js还有网页比较后面的。看过别人做网页提到了一句：“ 从上到下，从左到右，从外到内”口诀？于是大致分析下这里的仿制思路，看看是否正确。

要实现的网页小部分效果，大概这里的效果，并不是要切图什么的:
要实现的网页内容:左边的图（只是显示图）和右边的小块：


自己思路:
1.这里由于这块忽略掉从上到下，从整体这块从左到右。先不说内里具体，这里就先看大的部分，分成两块，左边和右边。
于是先想到这里使用表格布局。先画上两个大的内容
2.是该 从外到内了？分析右边大的框有了，直接使用一个div包裹，然后在书写里面的内容？如果里面有有分的又先书写外面的再书写里面的？大盒子里面有小盒子，小盒子里面还有小盒子的这样分析？

6 个解决方案

#1

你的思路没错

#2

这样分析可以的。 一样的设计可以有不同的实现，不同的实现下，代码量、显示速度、可维护性等可能不同，在项目中可能要考虑到。学习的话，先实现出来就好。

#3

引用 2 楼 hookee 的回复:

这样分析可以的。 一样的设计可以有不同的实现，不同的实现下，代码量、显示速度、可维护性等可能不同，在项目中可能要考虑到。学习的话，先实现出来就好。

原来如此，那么在做的过程中发现自己有个很大的问题，老是会去想里面到底是怎么回事，比如流怎么流动，内置元素又是什么啦，感觉相当绕。于是问下大佬刚开始也是这样吗？

#4

少些纸上谈兵，多实践操作

#5

思路没有错，但是最好考虑不使用表格，有表格的地方再去使用表格

#6

这种问题，你要先考虑一个整体的布局，然后再考虑每个小部位的布局，布局完了，就针对的去放东西进去，
由浅入深，先不纠结小地方功能怎么实现，先搭好大框架，在试着去实现每个小部位的功能，