设为首页  
联系我们  
加入收藏  
IT动态 网页制作 操作系统 图形图象 冲浪宝典 网络安全 软件教学 认证考试 互联网 数据通信 视频通信 网络编程
您的位置: 首页 >> >> 网页制作 >> Dreamweaver教程 >> 利用Dreamweaver8掌握网页代码基本格式
精品推荐
Dreamweaver教程点击TOP10
·在Dreamweaver中插入背景音乐的几种方法
·用Dreamweaver8在网页中插入Flash视频
·Dreamweaver MX实例:图片应用技巧
·Dreamweaver 4 简明教程(八、为网页增添互动效果2)
·如何用Dreamweaver批量做web网页
·Dreamweaver构建Blog全程实录(10):事件日历
·Dreamweaver中实现flash的透明背景
·利用Dreamweaver8掌握网页代码基本格式
·Dreamweaver的行为体验
·ASP.NET与DreamweaverMx结合
网页制作点击TOP10
·图片左右循环连续滚动代码,解决marquee的留白问题
·用FrontPage2003轻松制作ASP动态网页
·网页中添加调用qq或者msn聊天窗口与客服进行互动
·用FrontPage 2003发布您的网站
·网页中插入视频播放代码全集
·JavaScript自定义模式对话框
·一段非常简单的让图片自动切换js代码
·获得网页控件方法大全
·在Dreamweaver中插入背景音乐的几种方法
·用Dreamweaver8在网页中插入Flash视频
精选专题

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

作者: 来源:http://www.gz183.com.cn 时间:2007-11-12 9:23:41

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

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

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

  基本格式

 <html>

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

 <body>

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

 </html>

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

  1.<html></html>

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

  2.<head></head>

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

  3.<title></title>

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

   注意: 标志对只能放在标志对之间。

  4.<body></body>

  是HTML文档的主体部分,在此标志对之间可包含

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

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

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

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

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


  在使用Dreamweaver制作网页的时候大家要多注意查看代码视图!


利用Dreamweaver8掌握网页代码基本格式 相关文章:
利用Dreamweaver8掌握网页代码基本格式 相关软件: