如何用dw设计一个网页如何用dw做一个简单网页，怎么用dw做一个简单的网页 _生活百科

如何使用Dreamweaver制作一个网页
首先，下载并安装Dreamweaver程序，然后按照以下步骤操作：创建网页1 。在Dreamweaver中“文件-新建-通用-基本页面- HTML”会创建一个页面，英文版默认文件名是untitled.htm 。中文版默认文件名为“无标题文档” 。Htm表示该网页文件是静态HTML文件。它被重新命名为index.htm 。注意：网站首页的名字通常是index.htm或index.html 。其他页面可以自行命名。这是主页，上传后打开的网页默认连接到这个页面。2.在标题区输入网页名称，点击【修改】-【页面属性】，打开“页面属性”窗口。在这里，你可以设置网站的标题、背景色或背景图片、超链接的颜色(通常是默认的)，其余的保持默认。3.此时光标位于左上角，可以输入一句话，比如“欢迎来到我的主页” 。选择文本，使用菜单“窗口/属性”打开属性面板，选择文本大小为6，将文本居中，然后在文本前使用几个回车使其位于页面中间，等等。4.要选择字体，请选择字体：编辑字体列表中的最后一项。然后在对话框中选择数字，然后在“可用字体”栏中选择要添加到字体列表中的字体。点击中间按钮加入。注：宋体是网页上最常用的字。不要将特殊字体添加到列表中，因为如果计算机上没有安装这些字体，其他人就看不到它们。如有必要，使用前先做个图。注意：在网页上输入空格的方法是将输入法调整为全角。注意：在网页上换行的方法是：shift Enter 。只需按回车键改变段落。这里有一个现成的例子给你解释：现在，以下面这个简单的网页为例来描述制作过程。简单的网页如下图：在开始制作之前，我们先来分析一下这个页面。查看本页所用内容。网页顶部的标题“我的主页”是一段文字。网页中间有图片。下方的欢迎词是一段文字。网页背景为深紫色。设计好这个网页的结构后，我们就可以开始制作了。首先启动Dreamweaver，并确保您已经用站点管理器设置了一个网站(根目录) 。为了制作方便，请提前打开资源管理器，把要用的图片收集到网站目录的images文件夹中。[插入标题文本]进入页面编辑设计视图状态。一般情况下，编辑器默认左对齐，光标在左上角闪烁。光标位置是插入点的位置。如果希望文本居中插入，只需单击属性面板中的“居中”按钮。启动中文输入法，输入“我的主页”这个词。字小没关系，我们可以设置。[格式化文本]选择文本，并在上面的属性面板中将字体格式设置为默认字体。尺寸可以任意改变。并选择“B”来加粗字体。[设置文本颜色]首先选择文本，在属性面板中，单击颜色选择图标，使用滴管在弹出的颜色选择器中选择颜色。【设置网页标题和背景色】点击“修改”菜单，选择“页面属性” 。弹出系统页面属性对话框(如下图所示) 。请在标题输入框中填写标题“我的主页” 。设置背景颜色：网页的背景可以是图片，也可以是颜色。这个例子是颜色。如上图打开背景颜色选择器。如果要设置背景为图片，点击背景图片的“浏览”按钮，系统会弹出图片选择对话框。选择背景图像文件，然后单击“确定”按钮。要设计视图状态，在标题“我的主页”右边空白处点击鼠标，回车换一个新行，按照以下步骤插入一张图片，将这张图片居中。您也可以使用属性面板中的“左对齐”按钮将其放置在左侧。
【插入图像】选择以下任一方法：(1)使用插入菜单：从插入菜单中选择图像，打开选择图像源文件对话框。选择图像文件，然后单击确定。如下图：(2)使用插入栏：点击插入栏对象按钮选择按钮，弹出“选择图像源文件”对话框。其余操作同上。(3)使用面板组“资源”面板(如下图):点击按钮，展开根目录下的图片文件夹，选择文件，用鼠标拖动到工作区中合适的位置。注：为方便管理，我们将图片放在“图片”文件夹中。如果图片少，也可以放在站点的根目录下。注意，文件名要用英文或拼音，小写，不能用中文，否则会有些麻烦。插入一张图片。(插入* 。swf动画文件，并选择“插入”菜单>媒体> > Flash) 。【输入欢迎文字】在图片右侧空白处点击，回车即可馈入。仍然按照上面的方法，输入文本“Welcome …”然后使用属性面板设置该文本。保存页面。这样就编辑了一个简单的页面。[预览网页]在页面编辑器中按F12预览网页效果。网站的第一页，也就是首页，我们保存的时候通常会命名为index.htm 。
如何使用Dreamweaver制作一个网页
建议百度搜索Dreamweaver是一种利用教程，搭建简单网页的方式，比较容易理解。在桌面上找到dreamweaver软件，双击打开它。进入后，在中间区域的中间，可以快速新建网页等文件，也可以使用File-New新建文件，这里用的就是这个。单击文件-新建，选择html作为页面类型，然后单击创建创建一个空白页。网站上有网站。下面新建一个站点，点击站点-新建站点，弹出如下对话框。将网站命名为“第一站”，点击站点文件夹后面的小文件夹图标，新建一个。文件夹只能是英文字母。单击高级设置修改默认文件夹。设置好一切后，在页面的代码区域输入下面的代码。点击顶部的小地球图标，在浏览器中预览，会提示是否保存页面。单击是。保存名称。一般网页的首页叫index 。更改名称后，您可以在浏览器中看到结果。
如何使用dreamweaver制作网页
工具/原材料Dreamweaver CS6方法/步骤1 。创建一个新的ASP网页并保存它。如图2，连接数据库，看作者之前分享的经验。3.将模板内容插入网页，并添加所有超链接。4.页面设计完成后，将网页保存为模板。操作如图所示。5.然后在要编辑的部分插入“可编辑区域”，操作如图。6.保存后，我们可以在网站根目录的“模板”文件夹中看到我们新创建的模板。如果以后想修改模板的内容，可以直接打开进行编辑。

文章插图
dreamweaver怎么做一个简单的网页
方法/步骤1 。打开DW，2 。分析制作网页的需求，定义目标。3.定义需求。如果是建议网站，需要搭建一个网站，方便管理，让制作步骤更有条理。4.新站点的弹出窗口。这里我输入“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹中。5.在新闻网页文件夹下新建一个“图片”文件，导入制作网页所需的素材。这里需要的材料都是图片。6.创建一个新的HTML并选择“创建” 。7.在“标题”中输入“新闻首页”切换到“设计”界面。8.根据制作网页的要求插入表格，但是表格中的行和列发生了变化。下面的“表格宽度”选项根据图进行设置。9.如图所示插入表格。选择表格，你会看到表格边框变成红色，选择后变成黑色。从属性的对齐选项中选择“居中对齐” 。10.在表格第一行的第一列中输入“用户名”，在表格第一行的第二列中插入“文件域” 。然后密码以同样的方式插入“文件域” 。切换到“拆分”界面，选择密码对应的“文件域”，将“类型”改为“密码” 。11.插入图像。如果不知道怎么填，就一直选“确定” 。12.插入按钮，其处理方式与上面插入图片的处理方式相同。如果不知道填什么，就一直“确认”好了。没有伤害。“属性”列中的值更改为“登录” 。然后插入图像“谷歌标志” 。13.选择第二行，单击鼠标右键，选择“表格”和“合并单元格” 。14.在第二行插入一张图片。完成页面制作。保存HTML文件。然后你可以在网站的“新闻页面”看到保存的HTML文件。15.点击创建好的HTML文件，选择用360浏览器打开，输入用户名和密码。然后你会看到以下情况：用户名课件，密码隐形，符合现实。16.当然，你也可以在Dreamwaver CS6的实时视图中完成步骤15 。
DW制作网页的基本步骤

文章插图
怎样用dreamweaver制作网页
首先，定义站点。首先，在任意根目录下创建一个文件夹(这里假设是E盘)，比如MyWeb 。备注：本网站使用的所有文件应使用英文名称。2.打开Dreamweaver，选择“站点-新建站点”打开对话框。在站点名称中输入网站名称(中文)，并在本地根文件夹中选择刚刚创建的文件夹(E:web) 。那就确定一下。注意：当您再次打开Dreamweaver时，会自动找到您刚刚设置的站点。如果有多个站点，您可以在菜单“站点-打开站点”中选择它们。2.创建第1页。在本地文件夹E:\MyWeb下的空白处，右键选择“新建文件”，这样就创建了一个页面，默认文件名是untitled.htm 。Htm表示该网页文件是静态HTML文件。它被重新命名为index.htm 。网站首页的名字通常是index.htm或index.html 。其他页面可以自行命名。2.双击index.htm进入该页面的编辑状态。在标题空间中输入网页的名称，然后右键单击页面属性以打开页面属性窗口。在这里，您可以设置网站的标题、背景色或背景图像、超链接的颜色(通常是默认的)，其他都保持默认。3.此时光标位于左上角，可以输入一句话，比如“欢迎来到我的主页” 。选择文本，使用菜单“窗口/属性”打开属性面板，选择文本大小为6，将文本居中，然后在文本前使用几个回车使其位于页面中间。4.要选择字体，请选择字体：编辑字体列表中的最后一项。然后在对话框中选择数字，然后在“可用字体”栏中选择要添加到字体列表中的字体。点击中间按钮加入。宋体是网页上最常用的词。不要将特殊字体添加到列表中，因为如果计算机上没有安装这些字体，其他人就看不到它们。如有必要，使用前先做个图。在网页上输入空格的方法是将输入法调整为全角。在网页上换行的方法是：shift Enter 。只需按回车键改变段落。3.向页面添加图片。1.在本地文件夹E:\MyWeb下面的空白处，右键单击并选择“新建文件夹” 。这就创建了一个文件夹，你可以用它来放图片。可以重命名为tu或pic或images 。2.用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框中选择要插入的图像。如果出现一个对话框：“是否要将此文件复制到根文件夹？”，您必须选择“是”，然后将其保存到您刚刚创建的文件夹中。3.选择图片并打开属性面板，您可以在其中命名图片，重置图片的高度和宽度，并拖动图片角上的点来更改大小。按住shift键，然后拖动角上的点，这样图片可以按其宽度和高度的比例拉伸。若要恢复原始大小，请点按右下角的“重设大小”按钮。4.”链接”你可以在这里直接输入地址。“替代”是对图片的描述，即鼠标指向图片中显示的文字；“边框”是图片边框的宽度，“对齐”是对齐方式。4.添加超链接1 。向文本添加链接。例如，在页面上输入“我的文章”，然后选择它，打开属性面板，在“链接”框中，选择它要链接到的页面。在后一种“目标”中，我们通常使用self，即打开的新窗口而不是当前窗口；或者选择空白打开一个新窗口。2.给图片添加链接。与上述文本中的链接一样，插入图片，然后在属性面板的链接框中选择它。您可以为图片创建不同的链接。方法如下：属性面板中的“地图”项下有一些图形。比如点击正方形，光标会变成十字，图片上会画出一个蓝色的矩形热点。此时可以在属性面板上设置这个热点的链接地址，鼠标指针就会显示出来。同样，通过用圆圈设置热点，可以为图片设置其他链接。
3.添加电子邮件链接。选择要添加电子邮件链接的文本或图片，打开属性面板，并在“链接”框中输入电子邮件地址。格式如下：mailto:邮件地址。注意中间没有空格。4.如果链接到浏览器打不开的文件，比如exe、Zip等。那么浏览器点击这个链接，就会实现文件下载或者在线播放的功能。五.表格的使用1 。单击“插入/表单”打开表单面板进行设置。行数、列数、宽度、边框等。“单元格填充”是单元格内部与内容之间的距离；单元格间距是以像素为单位的单元格之间的距离。2.插入表格后，单击表格的边框以选择整个表格。然后，您可以在下面的属性面板中进行各种设置。3.将光标移动到其中一个单元格上，此时看到的属性面板就是该单元格的属性面板。您还可以对单元格执行各种操作。如背景颜色、背景图像、边框、合并、拆分等。不及物动词关于表格的其他操作——细线表格制作原理：1 。选择整个表格，将其背景设置为黑色(此颜色是表格线条的颜色) 。2.选择所有单元格，并将其背景设置为白色。二、自动格式化表格1 。首先制作一个表单，然后选择它。2.从菜单中选择命令/表格格式。也就是可以选择一些预置的表格样式。三一分割酒吧1 。插入一个1行1列、宽度为200像素、边框边距为0的表格。2.选择表格，将表格的高度设置为1像素，并设置背景颜色(即所需的线条颜色) 。3.切换到“代码和设计”窗口，删除代码。七。用表格构建一个完整的页面——网页顶部(一般包括图标、广告和导航菜单)1 。创建一个1行2列、760像素宽、0个边框和边距的表格。2.选择表格，设置排列为居中对齐，背景色为#3366CC 。3.将光标放在左侧单元格中，将其水平对齐方式设置为左侧，垂直对齐方式设置为顶部，然后插入图像。一般在这里插入网站的图标，即logo 。4.将光标放在右边单元格，宽度设置为500，中间横放中间竖放，然后插入图片，图片一般是网页广告，即banner 。5.将光标放在刚刚完成的表格insert/table后面，并创建一个1行1列、760像素宽、0边框和0边距的表格。6.选择新创建的表格，并将排列设置为居中对齐，背景色为#005173 。7.在此表格中依次插入多个图像作为导航栏菜单。2.网页中间部分(左栏列表，中间网站新闻，右栏列表)1 。在导航栏表格后，插入/table以创建一个1行3列、宽度为760像素、边框和边距为0的表格。并将排列设置为居中对齐，背景色为#FFFFFFF 。2.将光标放在左边的单元格中，将其宽度设置为18%，将其水平对齐中心，垂直对齐顶部，然后插入图像和导航栏。3.将光标放在刚刚插入的图片上后，插入/table，插入一个12行1列，宽度为90%的表格。将单元格间距设置为1，背景颜色设置为#CCCCCC 。4.将光标放在表格的第一个单元格中，将其高度设置为20，背景颜色设置为#FFFFFF 。插入/图像，在导航文本前面插入一个点。同样设置其他11个单元格，这样左边的列分类列表就完成了。5.将光标放在主表格的中间单元格，将其宽度设置为66%，将其水平排列在中间，垂直排列在顶部，然后插入/image并插入一个导航栏。6.将光标放在图像上后，插入/table，并插入一个4行1列、宽度为95%的表格。将单元格间距设置为1，背景颜色设置为#CCCCCC 。7.将光标放在表格的第一个单元格中，拖动鼠标，并选择所有4个单元格。设置高度为60，背景色为#FFFFFF 。
8.将光标放在主表格右侧的单元格中，将其宽度设置为16%，水平居中对齐，垂直向上对齐。插入/图像并插入导航栏。9.将光标放在图像上后，插入/table，并插入一个7行1列、宽度为90%的表格。设置间距为1，背景色为#CCCCCC 。10.按住Ctrl键，用鼠标单击刚刚插入的表格的第一、第三、第五、第七个单元格，然后将它们的高度设置为55，背景色设置为#FFFFFF 。1.选择单元格2、4和6，并将它们的高度设置为6，背景颜色设置为#FFFFFF 。12.切换到源代码窗口，删除单元格2、4和6中的空格符号“” 。3.网页底部(一般包括版权信息等相关内容)1 。将光标放在主表格中后，使用insert/form创建一个2行2列、760像素宽、0个边框和边距的表格。2.选择表格，设置排列为居中对齐，背景色为#3366CC 。3.将光标放在表格第一行左侧单元格，设置其宽度为50%，水平排列为默认，垂直排列为基线，背景色为#FFFFFF 。然后输入版权信息，内容颜色任意。4.将光标放在表格第一行右边的单元格中，插入/image，插入一个圆角图像，在其后面输入单词Email，将其大小和颜色设置为1和#FFFFFF 。5.插入/形成对象/文本字段。插入任意宽度的文本字段。6.插入/图像，插入GO的图像。7.设置页面属性。点击菜单修改/页面属性，在标题栏输入标题，选择背景图片，设置上边界为0 。将整个网页分成不同的表格并组合起来，也可以加快浏览器读取页面的时间。因为浏览器是看完整张表才显示内容的，所以最好不要框在整张表里面。8.使用布局表格构建一个完整的页面。1.单击插入/布局，其中的布局视图按钮将切换到布局视图状态(默认为标准视图) 。也可以使用菜单中的视图/表格视图/布局视图进入。2.首先单击“绘制布局表格”按钮，然后在页面中创建一个类似绘图的布局表格。3.就像前面的例子一样，在网页的顶部、中间和底部绘制大表格。4.再次单击绘制布局单元格按钮，然后在已经绘制的布局表格中绘制布局单元格。5.返回标准视图，在已经分割好的表格中插入嵌套的小表格，并对页面进行细化，完成整个页面的设计。注意把整个页面放在一个大的布局表格里，因为这样的网页浏览速度会比较慢。要根据页面的布局和内容划分几个布局表格，然后在表格中插入布局单元格。九。层1的使用。单击插入/图层。您也可以单击图标并拖动鼠标来创建层。3.选择创建的层并查看属性面板。使用图层编号和标签的默认值。编程需要“层号”，但我们现在一般不用。“上”是距页面上边界的距离；“左”是距左边界的距离。“Z轴”是层的顺序，大的数字叠加在小的数字上。如果没有设置颜色，则该层是透明的。4.点击中间层左上角的小方框，随意拖动图层，大小也可以调整。5.在“溢出”栏中，当文本大于图层大小时，可见(超出部分仍显示)、隐藏(超出部分隐藏)、滚动(无论是否超出都显示滚动条)、自动(滚动条仅在超出时出现) 。6.单击菜单窗口/其他/图层，将出现图层管理窗口。您可以修改层的名称和z轴值，或者单击眼睛图标使层可见或不可见。还有一个选项可以防止重叠。7.层的对齐。按住shift键，同时选择几个层。然后使用修改/对齐，并使用此处的选项。8.嵌套层。(1)首先在文档中插入一个图层。将光标放在该层，然后继续插入一层，得到嵌套层。(3)里面叫子层，外面叫母层。它们的z轴顺序是相同的。
【如何用dw设计一个网页如何用dw做一个简单网页，怎么用dw做一个简单的网页】拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。