零基础制作网页:[9]认识简单的源代码

时间:2024-10-13 10:54:22

1、我们已今天的一篇新闻为例,首先我们打开我们要用到的网页

零基础制作网页:[9]认识简单的源代码

2、然后在网页上单击右键获取源代码

零基础制作网页:[9]认识简单的源代码
零基础制作网页:[9]认识简单的源代码

3、打开Dreamweaver,将获取的源代码进行复制,并拷贝到Dreamweaver中。

零基础制作网页:[9]认识简单的源代码
零基础制作网页:[9]认识简单的源代码

4、通过Dreamweaver我们可以清晰的知道网页上的一些代码作用的效果以及范围。

零基础制作网页:[9]认识简单的源代码

5、从上边的代码中我们可以看出整个珑廛躬儆导航栏的范围代码为<div id="nav" class="area">......</div>导航栏里边每一个导航指向的格式为<a class="first" href="....">首页</a>,那么我们就能简单清晰并且快速的去理解。

零基础制作网页:[9]认识简单的源代码

6、我们为什么要从网页上去获取这些代码,而不是自己编写,主要是这样能更准确更规范的去认识源代码,便于我们的学习,我们可以去学习代码的规范,甚至刚开始不知道如何去写出来的注释。简单有效为什么我们不利用起来呢?

零基础制作网页:[9]认识简单的源代码
© 手抄报圈