如何使用Dreamweaver制作一个网页 如何使用Dreamweaver制作一个网页

作者&投稿:一晴 (若有异议请与网页底部的电邮联系)

建议百度搜索一下Dreamweaver是使用教程和建简单网页方法,很容易懂的。

  1. 在桌面上找到dreamweaver软件,双击打开。

  2. 进入后,在中间区域的居中位置,可以快捷的新建网页文件及其他文件,也可以用文件-》新建的方式新建文件,此处采用文件新建。

  3. 单击文件-》新建,页面类型选择html,点击创建即可创建一个空白页面出来了。

  4. 网站是有站点的,下面新建一个站点,单击站点-》新建站点,弹出如下对话框,将网站名称起名为“第一站”,站点文件夹点击后面的文件夹小图标新建一个即可,文件夹只能用英文字母。

  5. 点击高级设置修改默认文件夹。

  6. 都设置妥当后在页面的代码区域输入如下代码.

  7. 点击顶部的小地球图标可以在浏览器中预览,会提示是否保存页面,点击是。

  8. 选择保存的名称一般情况下网页的首页都叫index,将名称更改后确认即可在浏览器中看到刚才的成果啦。



首先要下载安装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 CS6

二、操作步骤:

【1】新建一个ASP网页并且保存。如图所示

【2】连接好数据库,

【3】 在网页中插入模板的内容,并添加好各个超链接

【4】页面设计好后把网页另存为模板。操作如图所示。

【5】接着在需要编辑的部分插入“可编辑区域”,操作如图所示。

【6】保存后,就可以在网站根目录下的“Templates”文件夹下看见刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。



如何使用Dreamweaver制作一个网页:

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

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

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

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



Dreamweaver只是一个网页编辑工具;
如要制作网站的话,需要系统程序来支撑的;
另外需要上线的话,还需要服务器和域名。

怎么用dreamweaver制作简单网页~

第一步:打开dw,点击dw左上角的文件按钮。

第二步:在文件按钮弹出的菜单中选择新建。

第三步:在弹出的对话框中选择要新建的内容,新建网页就是html的。

第四步:在选择新建类型后,点击创建按钮。

第五步:新建完成后会看到网页的源代码,然后我们在body标签中填写内容。

第六步:点击左上角的文件按钮,在弹出的对话框中选择保存,可以利用快捷键ctrl+s保存。

第七步:点击创建按钮后会询问保存路径及保存文件的名称,可以新建为index.html,然后点击保存。

第八步:在保存路径找到该文件,然后双击打开。

第九步:双击打开后在浏览器可以看到一个网页了。

首先要下载安装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全面解答:如何进行网页设计!
答:它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。fireworkfirework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密,只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另...

如何使用Dreamweaver cs5入门制作网页
答:如何使用Dreamweaver cs5入门制作网页,解答如下 步骤一:设置META:步骤阅读.步骤阅读.步骤阅读.步骤阅读.步骤阅读.2步骤二:设置关键字:前四步同于步骤一的前四步 步骤阅读.3步骤三:设置说明内容:前四步同于步骤一的前四步 步骤阅读.4步骤四:设置刷新:前四步同于步骤一的前四步 步骤阅读.5...

怎样利用dreamweaverCS6制作网页上的表格
答:1、打开dreamweaverCS6,新建一个HTML文件,进入Dreamweaver主界面后,我们可以看到自动生成的标题、头、身体的相关的代码的出现,这个是软件自动生成的,可以直接使用的。2、在Dreamweaver代码的主界面中,在代码、拆分、设计这三个选项卡中,选择拆分,因为这样可以更好的看到代码与相关设计的表格的调整的...

如何用Dreamweaver创建导航条和状态栏
答:最下面是“ Insert”项,选框中有Horizontally(水平)和Vertically(垂直)两个选项。选中Horizontally为导航条水平,选中Vertically 为导航条垂直。 Use Table 项,选中后,Dreamweaver自动生成HTML代码将导航条各部位用表格隔开。当一个部位设置完成后,要添加其他部位,可点击对话框上方的“+”按钮,可按上面...

Dreamweaver怎么制作网页模板
答:Dreamweaver怎么制作网页模板方法/步骤第一步——首先是必须建立好一个页的基本框架,把固定的元素先确定下来,留出一些空白的编辑区域给一些变动元素。第二步——在菜单栏上依次打开【插入】——【模板对象】——【创建模板】第三步——重新命名你的网页模板。创建网页模板必须先建立网站站点。第四步——...

怎么用dreamweaver制作网页布局
答:打开dreamweaver8,并新建一个html网页;点击:插入菜单,然后选择HTML项;紧接着,在对应的下拉菜单选择框架,及所需要的布局(如:上方及左嵌套等);完整选择示例如下:为了区分,给每框架设置背景颜色;在对应的框架区域,鼠标右键->页面属性->选择背景颜色->点击确定即可。框架布局插入成功,如果还想...

Dreamweaver静态网页制作步骤有哪些?
答:2、在标题空格那里输入网页的名称,点击—页面属性,打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像,超级链接颜色,其他都保持默认值就可以了。3.这个时候光标在左上角,你可以输入一句话,如“欢迎大家来到我的主页”,用文字,用菜单“窗口/属性”打开属性面板,取文字的大小,再把文字...

用Dreamweaver 制作细边的表格
答:最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前?另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法:Step 1 在Dreamweaver的设计视图插入...

如何使用Dreamweaver制作一个网页
答:建议百度搜索一下Dreamweaver是使用教程和建简单网页方法,很容易懂的。在桌面上找到dreamweaver软件,双击打开。进入后,在中间区域的居中位置,可以快捷的新建网页文件及其他文件,也可以用文件-》新建的方式新建文件,此处采用文件新建。单击文件-》新建,页面类型选择html,点击创建即可创建一个空白页面出来了...

dreamweaver怎么制作网页教程 dw建站设计网页
答:这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下。一、定义站点 1、 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。备注:网站中所用的文件都要用英文名。2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称...