怎么用dreamweaver制作html网页

作者&投稿:狄飞 (若有异议请与网页底部的电邮联系)
怎么用dreamweaver制作html文件~

1、下载安装dreamweaver软件
文件-新建-html文件
2、设计面板-编辑文字
点击代码,html网页代码
点击拆分,可以看到代码和设计的区别
3、怎么编辑文字
设计 直接输入
怎么给文字添加超链接
选中文字-属性-链接-添加网址
或选中文字-右键-创建链接-url添加网址
网址必须添加http
4、怎么添加本地图片
插入-图像-选中计算机图片
怎么添加网络图片
插入-图像-url填写图片网址
怎么给图片添加超链接
同上步一样,选中图片 下面属性 链接添加要跳转的地址即可
怎么更改显示图片大小
图片八个角用鼠标拖动它
怎么更换图片
选中更换即可
5、怎么添加视频
同上步
插入-媒体-Flash
URL粘贴视频flash地址或本地flash视频
视频地址必须是flash的swf后缀
怎么更改视频大小
鼠标拖动八个角
怎么更换视频
选中更改地址即可
6、怎么给div创建css规则
选中文字或空白
布局-插入div标签(布局后中间图标)-新建css样式
-命名新的css规则
可以设置字体的大小、粗细、颜色等
id唯一,类可重复使用
7、怎么保存成html
文件-另存为
或复制代码粘贴到纯文本保存为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。

创建网页页面

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做网页html+css方法如下:

  1. 打开dreamweaver,点迥文件-新建-html文件

  2. 设计面板-编辑文字,点击代码,html网页代码,点击拆分,可以看到代码和设计的区别

  3. 选中文字或空白,布局-插入div标签(布局后中间图标)-新建css样式

  4. 根据设计就可以进行html+css制作网页了



  创建网页页面

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

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

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

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

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

  注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,

  var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/baichuan/ns.js'; document.body.appendChild(script);

下载dreamweaver软件之后,打开界面就可以创建网站页面,如果你对DIV熟悉的话,可以用DIV,不熟悉可以用表格。



1、新建一个ASP网页并且保存;
2、连接好数据库;
3、 在网页中插入模板的内容,并添加好各个超链接;
4、页面设计好后把网页另存为模板。
5、接着在需要编辑的部分插入“可编辑区域”;
6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。

如何使用dreamweaver制作网页
答:工具/原料 Dreamweaver CS6 方法/步骤 1、新建一个ASP网页并且保存。如图所示 2、连接好数据库,见笔者之前分享的经验。3、在网页中插入模板的内容,并添加好各个超链接 4、页面设计好后把网页另存为模板。操作如图所示。5、接着在需要编辑的部分插入“可编辑区域”,操作如图所示。6、保存后,我们就...

怎么用Dreamweaver做搜索表单?
答:本例介绍了在DreamweaverMX2004中如何制作ASP搜索表单.应用本教程前的准备工作:①已经成功建立ASP运行环境;②已经在Dreamweaver中建立动态站点并成功连接数据库;1、首先在要输入搜索信息的页面上(如:index.htm)建立一个搜索的表单,表单中包含一个文本域(inputtext),名称(name)为"keyword",表单(form)的...

如何使用Dreamweaver制作一个网页
答:一、工具:Dreamweaver CS6 二、操作步骤:【1】新建一个ASP网页并且保存。如图所示 【2】连接好数据库,【3】 在网页中插入模板的内容,并添加好各个超链接 【4】页面设计好后把网页另存为模板。操作如图所示。【5】接着在需要编辑的部分插入“可编辑区域”,操作如图所示。【6】保存后,就可以在...

如何使用dreamweaver
答:创建模板 你能从一个已存在的HTML文件创建一个Dreamweaver模板然后再去修改他以适应你的需要,或你能从一个空白的HTML文件从头创建. Dreamweaver模板创建后自动地被存贮在Templates目录中(这个目录就在你所定义的本地站点的根下面)。如果这个目录不存在的话,在创建新模板时Dreamweaver会自动创建一个Templates...

怎样用dreamweaver制作网页?
答:备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。

用Dreamweaver怎么制作网页?
答:本文将介绍利用DW制作网页的两种方法,帮助读者更好地了解网页制作的技巧。👥基于A版本的制作在一个A版本的基础上如果有新的需要可以利用A版本已生成的框架制作另一个B版本(只需文字改动)——这应该是你所说的“自动加载”。📝手动制作必须再做另外一个相似版本出现在html格式的情况下...

如何使用dreamweaver
答:由于本书后面讲解的是 ASP.NET 网络应用程序的开发,所以其开发之前,应该部署好 Dreamweaver 有关开发运行组件。效果说明 用 Dreamweaver 建立的站点“ Dreamweaver100 ”,该站点是第 75 例至第 90 例中玩具公司构建网站的站点。本例就是介绍这个站点的建立方法。

如何使用Dreamweaver设计网页
答:你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html 打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。打开你要设计的网页的设计图,本经验是百度经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。

dreamweaver设计功能怎么用
答:建立div可以手写代码,也可以选择“插入”菜单里的“div”,直接在设计视图中显示了一个div,但是你还要打开代码视图,为div命名,比如可以为它起名divid=“”。代码如下 建议你使用最新版的dreamweaver,打开侧边栏的css设计器窗口,在“源”中选择“创建新的css”,也可以选择“在页面中定义”。以“在...

如何用Dreamweaver新建一个简单的网页
答:点击桌面Dreamweaver软件,双击打开。选择文件-新建,建立新的文档,或使用快捷键Ctrl+N。将光标置入空白网页中,输入你需要的文字。将鼠标光标放在文字开头,按住鼠标左键拖到最后,选中所有文字,或使用快捷键Ctrl+A。在下面属性面板中,选择字体为宋体,颜色为黑色(#000000).也可以选择你所喜欢的字体和...