零基础制作网页:[9]认识简单的源代码
1、我们已今天的一篇新闻为例,首先我们打开我们要用到的网页
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/40d2d0e8b004541b0393ee95869a310e1699a633.jpg)
2、然后在网页上单击右键获取源代码
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/16d8f72abab84240b062dfa77ac595ee40c19e33.jpg)
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/c255efc595ee41c168bbb0e08d88912ca4ca9b33.jpg)
3、打开Dreamweaver,将获取的源代码进行复制,并拷贝到Dreamweaver中。
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/b666b2530688912c4656c05b1b4800fc76f79733.jpg)
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/91091efc77f7980eb6bc5fc2d4db3620b83a9133.jpg)
4、通过Dreamweaver我们可以清晰的知道网页上的一些代码作用的效果以及范围。
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/423041db3620b93a23153c76ad0f8835dc8a8a33.jpg)
5、从上边的代码中我们可以看出整个珑廛躬儆导航栏的范围代码为<div id="nav" class="area">......</div>导航栏里边每一个导航指向的格式为<a class="first" href="....">首页</a>,那么我们就能简单清晰并且快速的去理解。
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/dccb47de45078801ceecc9f2b18ca608a40f8233.jpg)
6、我们为什么要从网页上去获取这些代码,而不是自己编写,主要是这样能更准确更规范的去认识源代码,便于我们的学习,我们可以去学习代码的规范,甚至刚开始不知道如何去写出来的注释。简单有效为什么我们不利用起来呢?
![零基础制作网页:[9]认识简单的源代码](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7ef2d9b77b219dd3340b7f3f533.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。