dw怎么建立网页（如何用dw创建一个网页）

本文目录一览：

• 1、dreamweaver怎么创建网页
• 2、dreamweaver如何制作网页？
• 3、如何使用Dreamweaver制作一个网页
• 4、如何使用Dreamweaver设计网页
• 5、DW制作网页的基本步骤

dreamweaver怎么创建网页

1.在本地硬盘上建立一个用来存放站点的文件夹，这个文件夹就是本地站点的根目录。这个站点可以是空的，也可以是非空的。

2.启动Dreamweaver，执行“站点管理站点新建站点”菜单命令。

3.在弹出的如图所示的站点定义对话框中设置新建站点的参数。默认状态下，激活的是“高级”选项卡，并且页框中“分类”列表选中的是“本地信息”。

4.站点名称：输入网站名称，网站名显示在站点面板的站点下拉列表中。站点名称可以使用任何名称，他不会在浏览器上显示，只用来参考。如可以输入：website。

本地根文件夹：指定放置网站文件、模板、库的本地文件夹。Dreamweaver决定相对链接时，以此目录为基准。单击右边的文件夹图标浏览，选择文件夹，或在文本区输入路径和文件夹名。若本地根目录文件夹不存在，可以从文件浏览对话框创建。

5.默认图像文件夹：设定站点默认图片存放文件夹的位置。

链接相对于：选择“站点根目录”

HTTP地址：输入使用的完整网站的URL，以便Dreamweaver能检验使用绝对URL的网站链接。

区分大小写的链接：一般情况下不使用区分大小写的链接

缓存：选择是否创建一个缓存以提高链接和网站维护任务的速度。如果不选此项，Dreamweaver在创建站点时会询问是否想创建一个缓存。

设置完毕，单击"确定“按钮。

6.在站点面板中可以看到刚才新建站点website。

dreamweaver如何制作网页？

在dw中点击“文件-新建-常规-基本页-HTML”，这样就可以轻松的建好了一个网页。英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。

下载了网页模板程序后，用dreamweaver修改的具体操作步骤：

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

这个时候光标在左上角，你可以输入一句话，如“欢迎大家来到我的主页”，用文字，用菜单“窗口/属性”打开属性面板，取文字的大小，再把文字设置为居中，然后在文字的前面敲几下回车就位于页面中间了。

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

如何使用Dreamweaver制作一个网页

首先要下载安装Dreamveaver程序，接下来按下面步骤来操作：

创建网页页面 

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

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

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

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

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

注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 

注：在网页上打入空格的办法是：把输入法调为全角。 

注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。 

下面拿一个现成的例子来给大家讲解一下： 

现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图： 

在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 

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

□网页中间是一幅图片。

□最下端的欢迎词是一段文字。

□网页背景是一深紫红颜色。 

构思好这个网页的结构，我们就可以开始制作了。 

首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。 

为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

【插入标题文字】 

进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。 

【设置文字的格式】 选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“B”将字体变粗。 

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

【设置网页的标题和背景颜色】 

点击“修改”菜单选“页面属性”。系统弹出页面属性对话框（如下图） 

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

设置背景颜色：　网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片，点击背景图象“浏览”按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。 

设计视图状态，在标题“我的主页”右边空白处单击鼠标，回车换一行，按照以下的步骤插入一幅画图片，并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。　 

【插入图像】选择以下任意一种方法： 

（1）使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选中该图像文件，单击确定。如下图： 

（2）使用插入栏：单击插入栏对象按钮选 按钮，弹出“选择图像源文件”对话框，其余操作同上。 

（3）使用面板组“资源”面板（如下图）：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。 

注：为了管理方便，我们把图片放在“images”文件夹内。如果图片少，您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写，不能用中文，否则要出现一些麻烦。 

一个图片就插入完毕了。（插入*.swf动画文件，选择“插入”菜单＞媒体＞Flash）。 

【输入欢迎文字】 

在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您……”然后，利用属性面板对文字进行设置。 

保存页面。 

一个简单的页面就这样编辑完毕了。 

【预览网页】在页面编辑器中按F12预览网页效果。 

网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。 

如何使用Dreamweaver设计网页

你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html

打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。

打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。

设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。

用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。

接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。

望采纳。

DW制作网页的基本步骤

01

在网上下载dw的软件，点击打开软件。

02

点击文件，找到新建，开始进行下一个步骤。

03

创建一个html，然后确定文档类型，然后点击确定。

04

在代码中的body/body中加入我们的代码内容。

05

填写好你想写的代码内容后，点击保存，点击F12，预览效果，简单网页内容就写好了。

dw怎么建立网页的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于如何用dw创建一个网页、dw怎么建立网页的信息别忘了在易优之家进行查找喔。