建站知识
首页 > 网站建设 > 建站知识 > 如何使用Dreamweaver制作一个网页?这个教程具体详细讲解

如何使用Dreamweaver制作一个网页?这个教程具体详细讲解

发布时间:2021-02-15    来源:广州网站优化公司     浏览次数:

本教程主要面向初学者。如何使用Dreamweaver制作网页?本教程详细说明了制作网页的步骤以及需要注意的问题,并通过示例为您提供了详细说明!

创建网页

1、在Dreamveaver的“文件-新-通用-基本页面-HTML”中,将创建一个页面,并且英文版的默认文件名为untitled.htm。中文版本的默认文件名为“无标题文档”。 htm表示此网页文件是静态HTML文件。将其重命名为index.htm。

注意:网站首页的名称通常为index.htm或index.html。您可以自己选择其他页面的名称。这是主页。上传后,默认情况下您将连接到此页面。

2、在标题框中输入网页名称,单击“修改页面属性”,然后打开“页面属性”窗口。在这里,您可以设置网站的标题,背景颜色或背景图片,超链接的颜色(通常默认为OK),其他可以保留为默认值。

3。光标现在位于左上角,您可以输入一个句子,例如“ Welcome to my homepage”。选择文本,使用菜单“窗口/属性”打开属性面板,将文本大小选择为6,然后将文本居中,然后在文本之前使用一些回车符将其放置在页面中间,等

4。要选择一种字体,请选择字体中的最后一项:编辑字体列表。然后在对话框中选择数字网页制作步骤,然后在“可用字体”列中选择需要添加到字体列表中的字体,然后单击中间的按钮以添加它。

注意:歌曲字体是网络上最常用的字体。不要将特殊字体添加到列表中以供使用,因为如果未将其安装在其他人的计算机上,则这些字体将不可见。如果需要使用,请在使用前先将其制成图片。

注意:在网页上输入空格的方法是将输入法设置为全角。

注意:更改网页行的方法是:按下Enter键。只需按Enter即可更改段落。

这是一个现成的示例,可以向大家解释:

现在,以下面的简单网页为例来描述生产过程。简单的网页如下:

在开始生产之前,让我们首先分析此页面。看一下此页面上使用的内容。

□页面顶部的标题“我的主页”是一段文字。

□网页中间是图片。

□底部的欢迎信息是一段文字。

□网页的背景是深紫色红色。

了解此页面的结构,我们可以开始制作它。

首先启动Dreamweaver,并确保已使用站点管理器创建了一个网站(根目录)。

为方便生产,请提前打开资源管理器,然后在网站目录的images文件夹中收集要使用的图片。

[插入标题文字]

进入页面编辑设计视图状态。通常广州网站优化,编辑器默认为左对齐,光标在左上角闪烁,并且光标位置为插入点的位置。如果要在中间插入文本,请单击属性面板中的中心按钮。启动中文输入法,然后输入四个字符“我的主页”。这个词是否小都可以,我们可以设置它。

[设置文本格式]选择文本,在上图的属性面板中将字体格式设置为默认字体,并且字体大小可以任意更改。然后选择“ B”使字体加粗。

[设置文本的颜色]首先选择文本,在属性面板中网页制作步骤,单击颜色选择图标,然后使用滴管在弹出的颜色选择器中选择颜色。

[设置网页的标题和背景颜色]

单击“编辑”菜单,然后选择“页面属性”。系统弹出页面属性对话框(如下图所示)

请在标题输入框中填写标题“我的主页”。

设置背景颜色:网页背景可以是图片或颜色。这个例子是色彩。如上图所示打开背景颜色选择器进行选择。如果要将背景设置为图片,请单击背景图像的“浏览”按钮,系统将弹出一个图片选择对话框,选择背景图片文件,然后单击确定按钮。

要设计视图状态,请在标题“我的主页”的右边缘上单击鼠标,然后按Enter键以更改线条,并按照以下步骤插入绘画图片,并将图片居中。您也可以使用属性面板中的左对齐按钮将其放在左侧。

[插入图片]选择以下方法之一:

(1)使用插入菜单:在“插入”菜单中选择“图像”,将弹出“选择图像源文件”对话框,选择图像文件,然后单击确定。如下所示:

(2)使用插入栏:单击“插入栏对象按钮”>“选择”按钮,将弹出“选择图像源文件”对话框,其余操作与上述相同。

(3)使用面板组的“资源”面板(如下所示):单击按钮,在根目录中展开图片文件夹,选择文件,然后将其拖动到工作区中的适当位置用鼠标。

注意:为了便于管理,我们将图片放在“图像”文件夹中。如果图片很少网页制作步骤,也可以将其放在站点的根目录中。请注意,文件名应以英文或拼音命名,并使用小写字母而不是中文,否则会出现问题。

已插入图片。 (插入* .swf动画文件,然后选择“插入”菜单>媒体> Flash)。

[输入欢迎文本]

单击图片右侧的空白区域,然后按Enter进行换行。仍然按照上述方法,输入文本“ Welcome ...”,然后使用属性面板设置文本。

保存页面。

像这样编辑一个简单的页面。

[预览网页]在页面编辑器中按F12预览网页效果。

网站的首页即主页,保存时通常将其命名为index.htm。

[摘要]我们制作了一个简单的网页。

有四个内容:

①图片插入和对齐设置;

②设置文本的格式,颜色和粗体;

③设置背景色;

④预览网页以查看实际效果。

不仅要精通,而且还要反复练习。

上一篇:要想学做网页,首先得了解制作网页的工具

下一篇:自助建站系统的建设过程,我要做网站!(图)

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x