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

源代码是网页的精髓,那么没有任何的基础的人们在从事网页优化以及推广的时候真的就要无所适从么?不是的,因为我们可以进行学习,首先进行简单的知识补充

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

(0)

相关推荐

  • 零基础制作室内效果图

    本经验非原创 操作方法 01 一. 读懂设计图纸,搞清设计意图.这不仅是要搞清楚设计方案的空间结构,更重要的是要理解设计者的设计构思和理念,以此来把握好在效果图场景中需要表现的格调 和气氛. 02 二 ...

  • 如何制作一个漂亮网页,超简单

    制作一个漂亮网页 操作方法 01 我们需要先制作背景图片.也就是网页背景那块蓝色的部分.我们需要单独做出来. 02 新建一个1920px*400px的文件 03 我们拉一个一个蓝色(#506dbb)到 ...

  • 如何使用ps和DW制作网页?使用ps和DW制作网页的方法

    想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧! ...

  • 零基础,教您网页数据抓取

    大数据时代,您还在烦恼数据从何而来?面对大量的网页数据,您不知道如何处理?或者是为编写爬虫代码而发愁?不管您是属于哪一类,不管您是有基础或是零基础,只要您看完这篇,数据将唾手可得,一切将变得无比简单! ...

  • Dw制作网页基础(设置网页属性和编辑头部信息)

    Dw制作网页基础(设置网页属性和编辑头部信息) 操作方法 01 这里我们主要说的呢是在Dreamweaver中制作网页基础( 包括设置网页属性和编辑头部信息)首先我们像往常一样这里我们需要先建立一个新 ...

  • ps零基础怎么开始学(怎样自学ps修图)

    不会修图没关系,280集易学PS基础到大师教程送给你今天简单制作了一个扣人像教程图集,同学们领教程前先看一下.通道 蒙板,操作简单且效率高,粗抠大概只要五分钟,效果图:观察原图发丝是灰白色的,背景也是 ...

  • 零基础学AI绘图:怎么绘制卡通女孩、萌妹纸(2

    这一节我来接着上节的制作,上节我们已经将整个头部绘制完成,现在我们来完成接下来的五官绘制. 一起来看下吧! 零基础学AI绘图:怎么绘制卡通女孩 01 我们来接着上节的制作,现在我们来绘制眼睛.选择工具 ...

  • ps零基础教程

    之前发的都是有一定基础的PS学习者比较容易做出来的东西,今天小编就来一发零基础的教程,即使你一次都没有接触过也可以很快地了解PS到底怎么用 操作方法 01 首先你需要安装这个软件,因为adobe系列的 ...

  • 怎么零基础学习编程 做自己的软件

    怎么零基础学习编程 做自己的软件 了解易语言编程 编程语言 01 计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言,高级语言三大类. 02 汇编语言 汇编语言的实质和机器语言是相同的,都是 ...