网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Dreamweaver MX 打造我们的留言本.
.用DreamWeaver定制网站的颜色.
.Dreamweaver 基础 :DW的"文档"工.
.Dreamweaver 4 简明教程(七、网页.
.Dreamweaver行为全接触(5).
.Dreamweaver中幂格式文本巧实现.
.Dreamweaver构建Blog全程实录(5).
.DreamwaverMX与ASP.NET(四).
.DreamweaverMX打造留言本(三).
.巧妙运用DW进行网页制作技巧.
.如何制作会移动的广告条.
.DreamWeaver表格妙用-线框制作详.
.Dreamweaver3 图层应用技巧(三).
.修改注册表解决Dreamweaver乱码问.
.利用Dreamweaver插件改变IE浏览器.
.Dreamweaver 基础 :DW的"文档"窗.
.Dreamweaver 4 简明教程(二、初步.
.Ultradev实例教程:1.4 Ultradev的.
.Dreamweaver MX 2004从零开始(3).
.解决Deamweaver 8中CSS应用无效问.

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

发表日期:2007-7-22


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

  在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在网页中插入Flash视频 人气:11429
下一篇:Dreamweaver制作复杂交换图像 人气:10709
浏览全部Dreamweaver8的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐