网页设计 百文网手机站

Dreamweaver创建网页的基本方法

时间:2022-04-01 13:23:56 网页设计 我要投稿

Dreamweaver创建网页的基本方法

  文字像精灵,只要你用好它,它就会产生让你意想不到的效果。所以无论我们说话还是作文,都要运用好文字。只要你能准确灵活的用好它,它就会让你的语言焕发出活力和光彩。下面,小编为大家分享Dreamweaver创建网页的基本方法,希望对大家有所帮助!

  Dreamweaver创建网页的基本方法 篇1

  1、启动Dreamweaver

  1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,

  2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档;

  2、保存文件

  1)点菜单“文件-保存”命令,弹出一个“另存为”对话框,在上边的保存在长条中,找到D:盘,在中间打开自己的文件夹;

  2)在下边文件名那儿把Untitled-1删除,改成index然后点右边的“保存”按钮;这儿注意两点,一个是保存位置在自己的文件夹,一个是文件名改成index

  3)回到窗口,这时候在标签上就有了文件的名称,然后在标签下面的文档工具栏中间找到“标题”;把标题改一下,这个网页内容是个人主页,把标题改成“青青草”

  4)这样我们就修改好了标题,同时按下Ctrl和S键(Ctrl+S组合键),保存一下文件,标签上的星号消失;

  3、输入内容

  1)在中间工作区里点一下鼠标,这是光标在左上角一闪一闪,提示输入内容;输入下面的三行内容,输完一行按一下回车键,输完按Ctrl+S保存一下文件;

  2)在标签下边的文档工具栏中,找到一个球体的'预览图标,点一下出来一个下拉列表,点第一个在IE浏览器中进行浏览,如果没保存,会出来一个提示,点“是”即可。

  Dreamweaver创建网页的基本方法 篇2

  首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:

  以下为引用的内容:

  这是我的第一个网页。

  输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择"所有文件",然后点击“保存按钮”)

  保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。

  请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

  基础知识讲解

  我们刚刚制作的网页以开头,以结尾,它们分别代表网页文件的开始和结束。

  英文中head是头的意思,body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是与标签中间的内容将作为正文被显示在浏览器中。

  这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。

  菜鸟恶搞XHTML之错误示例

  打开下面这两个错误示例看看。它们的代码都存在十分严重的错误,但是浏览器却会准确无误地显示这两个网页。

  示例1——身子长在脑袋里

  这是我的第一个网页。

  看看上面这个网页,和之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。

  示例二——脑袋长在脖子下

  这是我的第一个网页。

  浏览器的适应能力实在是令人佩服,即使你将脑袋放在身子里它也认得出来。看看标题栏,标题完全正常显示。

【Dreamweaver创建网页的基本方法】相关文章:

制作网页,dreamweaver的基本步骤07-22

Dreamweaver中表格的创建及基本编辑方法07-28

关于用Dreamweaver制作网页的基本步骤07-20

利用Dreamweaver处理网页表格方法07-30

dreamweaver怎么制作网页09-24

Dreamweaver如何创建页面07-22

Dreamweaver创建页面教程07-21

Dreamweaver中的网页安全色07-23

Dreamweaver网页设计制作的技巧10-04

认识Dreamweaver动态网页08-02