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

写范文
更新:2024-02-10 20:41:57

网页设计的目的就是产生网站。简单的信息如文字,图片(GIFs,JPEGs,PNGs)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。以下是小编为大家搜索整理的Dreamweaver制作网页的基本步骤,欢迎阅读!更多精彩内容请及时关注我们考试网!

网页制作方法:创建网页页面

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

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

2、在标题空格那里输入网页的名称,点击—页面属*,打开这个窗口后在这里可以设置网站标题、背景颜*还有背景图像,超级链接颜*,其他都保持默认值就可以了。

3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属*”打开属*面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。注:在网页上一般最常用的是就宋体字。切将特殊的字体加到列表中使用,因为可能别人的电脑上没有安装看不到。如果有需要用的话,一定要做成图片后再使用。下面拿一个现成的例子来给大家说一下:在开始做之前咱们先分析一下这个页面,看看这里这个页面用到了哪些东西。网页最顶端的标题“我的主页”这四个字。网页中间是一张图片。最下端的是欢迎词。网页背景是一白*。构思好这个网页的结构,咱们就可以开始制作了。首先启动Dreamweaver,确保你已经建好了一个网站。为了制作方便,要事先打开资源管理器,把要用的图片放到网站目录images文件夹里。

【首先*标题文字】

进入到页面编辑中,设计视图状态。一般的情况下,编辑器的默认方式是左对齐,光标位于左上角,光标所在的位置就是*点的位置。如果想让文字居中*的话,点击属*按钮就可以了。中文状态下输入“我的主页”。字的大小没关系,我们对它进行设置就可以了。

【设置文字的格式】先选中文字,在属*面板中将字体格式设置成默认字体,大小随意更改。并选中“B”把字体加粗。

【设置文字的`颜*】先选中文字,在属*面板中,单击颜*选择图标,在*出的颜*选择器中用滴管选取颜*即可。

【设置网页的标题和背景颜*】点击“修改”菜单中的“页面属*”。系统自动*出页面属*的对话框,请在文本标题输入框内填入标题“我的主页”。

【设置背景颜*】网页的背景可以是图片,当然也可以是颜*。这个例子是颜*。如上所诉打开背景颜*选择器进行选取。如果背景要设置为图片,则点击背景图象“浏览”按钮,系统自动*出图片选择对话框,点击图片就可以了。

【*图像】选择以下方法:

(1)*菜单:在“*”菜单选“图像”,*出“选择图像源文件”对话框,选中该图像文件,单击确定即可。一个图片就*完毕了。

【输入文本文字】在图片右边空白处有单击,回车换行。仍然按照上面的方法,输入文字“欢迎大家来到我的主页”然后,对文字进行设置,保存页面。一个简单的页面就完成了。

【预览网页】在页面编辑器中按F12预览网页效果。网站的首页一般我们通常存盘取名时为index.htm。

【制作网页,dreamweaver的基本步骤】相关文章:

1.Dreamweaver制作网页的基本步骤

2.关于用Dreamweaver制作网页的基本步骤

3.用Dreamweaver制作网页的基本步骤

4.DW制作网页的基本步骤

5.用Dreamweaver怎么制作网页

6.Dreamweaver如何制作网页设计

7.dreamweaver制作网页教程分享

8.Dreamweaver制作网页的技巧

第2篇:Dreamweaver制作网页的基本步骤

网页设计的目的就是产生网站。简单的信息如文字,图片(GIFs,JPEGs,PNGs)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。以下是小编为大家搜索整理的Dreamweaver制作网页的基本步骤,欢迎阅读!更多精彩内容请及时关注我们应届毕业生考试网!

网页制作方法:创建网页页面

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”,这就建好了一个页面,英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

2、在标题空格那里输入网页的名称,点击—页面属*,打开这个窗口后在这里可以设置网站标题、背景颜*还有背景图像,超级链接颜*,其他都保持默认值就可以了。

3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属*”打开属*面板,取文字的大小,再把文字设置为居中,然后在文字的前面敲几下回车就位于页面中间了。4.要选取字体,即选择字体中的最后一项:即编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体,点击中间的按钮就可以加入了。注:在网页上一般最常用的是就宋体字。切将特殊的字体加到列表中使用,因为可能别人的电脑上没有安装看不到。如果有需要用的话,一定要做成图片后再使用。下面拿一个现成的例子来给大家说一下:在开始做之前咱们先分析一下这个页面,看看这里这个页面用到了哪些东西。网页最顶端的标题“我的主页”这四个字。网页中间是一张图片。最下端的是欢迎词。网页背景是一白*。构思好这个网页的结构,咱们就可以开始制作了。首先启动Dreamweaver,确保你已经建好了一个网站。为了制作方便,要事先打开资源管理器,把要用的图片放到网站目录images文件夹里。

【首先*标题文字】

进入到页面编辑中,设计视图状态。一般的情况下,编辑器的默认方式是左对齐,光标位于左上角,光标所在的位置就是*点的位置。如果想让文字居中*的话,点击属*按钮就可以了。中文状态下输入“我的主页”。字的大小没关系,我们对它进行设置就可以了。

【设置文字的格式】先选中文字,在属*面板中将字体格式设置成默认字体,大小随意更改。并选中“B”把字体加粗。

【设置文字的颜*】先选中文字,在属*面板中,单击颜*选择图标,在*出的颜*选择器中用滴管选取颜*即可。

【设置网页的标题和背景颜*】点击“修改”菜单中的“页面属*”。系统自动*出页面属*的对话框,请在文本标题输入框内填入标题“我的主页”。

【设置背景颜*】网页的背景可以是图片,当然也可以是颜*。这个例子是颜*。如上所诉打开背景颜*选择器进行选取。如果背景要设置为图片,则点击背景图象“浏览”按钮,系统自动*出图片选择对话框,点击图片就可以了。

【*图像】选择以下方法:

(1)*菜单:在“*”菜单选“图像”,*出“选择图像源文件”对话框,选中该图像文件,单击确定即可。一个图片就*完毕了。

【输入文本文字】在图片右边空白处有单击,回车换行。仍然按照上面的方法,输入文字“欢迎大家来到我的主页”然后,对文字进行设置,保存页面。一个简单的页面就完成了。

【预览网页】在页面编辑器中按F12预览网页效果。网站的首页一般我们通常存盘取名时为index.htm。

第3篇:关于用Dreamweaver制作网页的基本步骤

1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注:网站第一页的名字通常是index.htm或index。其它页面的`名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。

2、在标题空格里输入网页名称,点击修改-页面属*,打开“页面属*”窗口。在这里可以设置网站的标题、背景颜*或背景图像,超级链接的颜*(一般默认即可),其他都保持默认即可。

3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属*”打开属*面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间等。

4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。

【关于用Dreamweaver制作网页的基本步骤】相关文章:

1.制作网页,dreamweaver的基本步骤

2.Dreamweaver制作网页的基本步骤

3.用Dreamweaver制作网页的基本步骤

4.用Dreamweaver怎么制作网页

5.DW制作网页的基本步骤

6.Dreamweaver如何制作网页设计

7.用Dreamweaver制作网页的技巧

8.Dreamweaver下用CSS制作网页的技巧