首页客户案例企业网站建设外贸独立站SEO优化小程序+APP开发自媒体运营关于动态联系咨询

利用DW8掌握网页代码基本格式

说到代码,有人会问:不懂代码能不能制作网页?答案是肯定的。有些人不懂代码同样能制作出非常好的网页。

在Dreamweaver的设计窗口中你每增加或改变一项内容,会自动生成相应代码。那又产生另一个问题:为什么要了解或者熟悉代码呢?可以说熟悉代码将会使你如虎添翼,能使你的网页锦上添花。超文本标识语言(HTML)为满足更多的需要,增加了许多扩展功能。主页制作者经常使用Java Applet(小程序)、内嵌脚本、插件和其它扩展的HTML功能,充分发挥自己的想像力,就能设计出充满魅力的主页来。

而有些效果的制作只能通过编辑代码来完成,或者通过编辑代码相对容易一些。有好多网友在论坛里提问说本站提供的网页特效代码放到自己的网页中不行,或者出现这样那样的问题。所以了解或者熟悉代码是必要的。

基本格式

<html>

<head> <title>网页教学网Dreamweaver教程(这是你的站点标题,也是浏览网页时标题栏将要显示的内容)</title> </head>

<body> 这里是源代码的主体部分! </body>

</html>

HTML语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名></标志名>来表示标志的开始和结束(例如 <html></html> 标志对),因此在HTML文档中这样的标志对都必须是成对使用的。

1.<html></html>

<html>标志用于HTML文档的最前边,用来标识HTML文档的开始。而</html>标志恰恰相反,它放在HTML文档的最后边,用来标识HTMLl文档的结束,它们并没有实际意义,只是告诉浏览器,它正在处理HTML文件。两个标志必须一块使用。

2.<head></head>

HTML文件分为首部和主体两个部分。<head>和</head>构成HTML文档的首部,在此标志对之间可以使用 <title></title>、<script></script>等等标志对,这些标志对都是描述HTML文档相关信息的标志对。两个标志必须一块使用。

3.<title></title>

浏览过网页的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题信息,要将您的网页的主题信息显示到浏览器的顶部,也就是标题栏的方法很简单,就是在<title></title>标志对之间加入您要显示的文本即可。

注意: <title></title>标志对只能放在<head></head>标志对之间。

4.<body></body>

<body></body>是HTML文档的主体部分,在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以加一些其它属性,如:<body oncontextmenu="return false" onselectstart="return false"......>

Dreamweaver有三种“文档”视图窗口:

1、“代码”视图窗口。这是编辑代码的窗口。

2、“设计”视图窗口。这是我们进行编辑文字、添加图片等操作常用的的窗口。

3、“拆分”视图窗口。当我们需要上面两个窗口配合进行编辑时选用这个窗口,我们将要进行的添加代码主要在这个窗口进行。

本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

日期:2015年03月10日

标签: 广州网站设计公司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作 、 高端网站设计 、 高端网站建设 、 广州高端网站设计 、 广州高端网站建设

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告