欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选：“零基础制作网页：[7]网页构成与源代码比对”，请注意：文中所谈及的内容不代表本站的真正观点，也请不要相信各种联系方式。下面是关于网络上零基础制作网页：[7]网页构成与源代码比对的整理详细信息
详细操作
首先我们选择一个简单美观的网页去复制他的源代码进行学习。
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63HF0-0.jpg)
我们先对整个网页进行剖析。如下图所示，将网页分部分进行一一剖析，包括：logo，导航栏，侧边栏动态区，flash，动态展示区，正文标题区域，以及底部边栏
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63G3Z-1.jpg)
那么我们如何与代码进行比对呢，我们需要在网页的非flash区域点击鼠标右键，点击查看源文件，如下图所示：
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63J054-2.jpg)
这时候网页的源代码会以记事本的形式打开。
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63JD6-3.jpg)
我们需要用到前边讲过的Dreamweaver，新建一个空白网页，删掉自动生成的代码内容。
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63L5c-4.jpg)
将我们记事本形式打开的源代码进行复制粘贴在Dreamweaver的源代码文件中，这时候我们就可以利用Dreamweaver的所见即所得的代码设计模式，将源代码与网页一一比对了，这对我们学习和认识网页时非常有帮助的。下一篇我们经对网页进行进一步的比对解析。
![零基础制作网页：[7]网页构成与源代码比对](http://www.52ij.com/uploads/allimg/160414/1R63L391-5.jpg)
用户类似问题：
问题1：现在是零基础需要制作网页请问从何入手？
您好，那时肯定的，不好好学习，就不会制作网页。建议您好好跟老师学习，或者是在网上学习。 >>详细
问题2：网站制作与网页设计怎么能学会，本人零基础
你可以通过想学习什么就直接在网上找教程学习，那样的进步会很快的。 >>详细
问题3：xp和win7 相同网页的html源代码不一样 为什么
肯定是代码有问题，有的地方写的不对。比如 li 和div写的位置不对 >>详细
问题4：零基础学建设网站和网页制作
http://www.enet.com.cn/eschool/zhuanti/shipin/wyzz.shtml 这个教程 了解下Dreamweaver的使用就可以了，不要深入，不要用他的那个方法来写网站。 然后看下photoshop的教程 学会photoshop的使用， 最后再看这个 http://www.blueidea.com/tech/s... >>详细
问题5：HTML代码基础知识：如何查看一个网页的HTML源代码？
查看一个网页HTML源代码的方法是:打开一个网页之后，点击浏览器上的菜单“查看”，选择下面的“源文件”选项，即可打开一个记事本文件，其中就是这个网页所所有代码。也可以将鼠标放置到网页上的任何位置（只要位于没有链接、图片处，最好是网页中... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-