DW网页设计技巧，怎么学网站构架设计（没想到）网页设计与制作dw教程，

dw网页结构设计小基本功

下列就是dw网页结构设计小基本功等等的介绍，期望为您带来帮助。

一、创建公交站点

创建两个规范化干净的公交站点文件格式夹是两个中文网站以后能够顺利运行的根本，也是开始制做网页的第一步。在创建公交站点时，他们通常会加进三个文件格式夹，两个是files，用以放置除首页之外的其它网页文件格式，另两个是images，用以放置他们网页制做中加进的图片文件格式。最后两个是others，用以放置视频、音频、文档和动画等网页原素。之所以这样做的原因是两个清晰的公交站点结构决定了以后这个公交站点的管理方便与否。除此之外注意文件格式夹和文件格式的重新命名要以英文重新命名，这样能避免网页初始化不正确的现象发生。

二、别出心裁拷贝文档

在几个相同的插件中间相互拷贝文档，是他们在实际工作中可能要常做的事情。但是，倘若他们从Dreamweaver中拷贝撰稿区中的文档到除此之外两个插件的这时候，HTML标识符和文档将一起被拷贝过去了，所以他们该如何才能只把撰稿区中的文档拷贝下来呢?他们知道，通常拷贝时都用功能键Ctrl+C来操作方式，倘若他们在拷贝的这时候多按两个C键，所以Dreamweaver将只会拷贝选上的文档了。

三、别出心裁增设字体解析度

他们在制做网页的这时候，时常有此种体会，那就是制做好的网页在本地计算机系统上下载时很正常，但在除此之外一台计算机系统上下载时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机系统的解析度要使你的网页在相同的解析度下都能正常表明，在Dreamweaver中得到了良好的解决。在文件格式询问处的右下角，Dreamweaver表明当前文件格式被结构设计成的解析度大小。空格键哪个数字，在外挂菜单中能为当前的网页指定表明解析度，通过修改能使你的网页更具灵活性。使相同解析度的表明器都能良好地表明。

四、充分运用功能键

为的是提高操作方式的效率，他们能在Dreamweaver中采用功能键，比如采用Ctrl+B或Ctrl+I来为文档应用领域黑体或斜体文件格式，也能采用下列一些按键功能键来为选上的文档应用领域HTML文件格式：Ctrl+0(无文件格式);Ctrl+T(段落);Ctrl+1(副标题1);Ctrl+2(副标题2);Ctrl-+3(副标题3);Ctrl+4(副标题4);Ctrl+5(副标题5);Ctrl+6(副标题6)。

五、灵活运用样式

熟悉网页结构设计的人就知道，初始化Style的方式很多，他们能空格键滑鼠滑鼠优先选择CustonStyle来初始化Style标准，也能在输入框中的原素条目上空格键滑鼠来初始化Style。虽然相同的方式达至的效用看似一样，但实际上产生的HTML标识符则完全相同。比如用CustonStyle来初始化Style标准，在网页标识符中就生成两个〈span〉条码，这样的条码一多就会使文件格式十分臃肿而且影响下载器的解析速度，所以他们应尽量采用输入框中的原素条目来初始化Style。

利用Dreamweaver制做网页的常见小基本功

1、输出输出连续字符

网页撰稿时时常须要输出一些字符，比如在每段的开头，一般都要空两个格，而Dreamweaver与Word等常见办公软件相同，直接按字符键无法达至预期目的，但能通过下面三个方式来实现字符的输出：1)切换到英文输出状态，把标点状态增设为瓦理棕英文，就能随心所欲地输出任意数个字符了。2)光标功能定位须要输出字符的位置，转换到标识符快照中，在HTML源文件格式中输出“ ;”，两个“ ;”相当于两个字符，要加进多少个字符，只须要加进相应的多少个“ ;”即可。3)在“填入”栏中优先选择“文档”选项卡，在填入“字符”里优先选择字符，此种方式可行，但不好用。

2、充分运用分页基本功

他们在采用Dreamweaver撰稿网页的这时候，时常须要填入一些图形什么的，假设要填入的图形很多，按照常规方式来操作方式就显得非常麻烦事。他们能利用分页基本功来很好地解决这个问题。首先他们把Dreamweaver的操作方式询问处变成活动询问处，以腾出空间来表明Explorer询问处，找到要填入的图形文件格式后，把它们一一用滑鼠拖曳到网页的适当部位，Dreamweaver将自动把那些图形的url加进到文件格式的HTML标识符中，当然这里要求被拖曳的图形文件格式必须是gif、jpg等web图形文件格式的文件格式。对于已经在网页中的图形也是一样，直接拖过来就能了。但倘若被拖曳的图形上有超级镜像，就不能再采用拖曳技术了，因为那时拖过来的仅仅是超级镜像地址。

3、别出心裁增设第一类中文名称

他们在用Dreamweaver来制做非常复杂的效用时，有可能须要时常多次重复地采用某两个或者数个第一类，比如他们时常须要功能定位某一特定的表单、图形等，倘若他们没有给某两个网页中的数个第一类取名的话，所以在多次重复应用领域那些第一类的这时候，可能很麻烦事或者轻而易举出错。为的是能够方便初始化那些第一类，他们应该在每创建两个新的第一类时，都记得给它取两个有代表性而且比较轻而易举记忆的中文名称。在给那些第一类重新命名时，他们能通过第一类的“特性”液晶来操作方式就能了。

4、为图形镜像增加动态效用

有时他们为的是要达至一种逼真的效用，期望滑鼠终端到某一镜像上时能有动感产生。采用Dreamweaver能很轻而易举实现此种效用。结构设计时，他们首先须要预备两幅图形，速写是原始图形，茹万是滑鼠终端上去后的图形。接着用滑鼠空格键速写图，在特性液晶中的镜像栏中填上要镜像的文件格式，然后空格键按键上的F8键，在弹出的Behaviors询问处中空格键“+”号，随后优先选择“swapimage”，在接着出现的询问处中优先选择茹万图形，最后空格键确定就能了。

5、灵活采用网页表单

在采用Dreamweaver制做网页的这时候往往须要改变表单的高度。然而有时当他们拖曳表单的边框，无论怎样拖曳，等到放下滑鼠，表单却又恢复到原来的样子。出现此种情况的原因在于他们已经为表单提供了两个固定的高度，当他们要改变表单的高度，尤其是压缩表单的这时候，表单的高度仍然保持原来的设定值，其直观表象就是无论你怎样拖曳表单的边框，表单的高度都不会变化。在此种情况下，他们只须要去除掉表单高度的设定，然后拖曳表单的边框就能了。所以应该如何去除表单的高度增设呢?首先须要选定表单，选定了表单以后，在特性框中点击一下“清除行高”图标(图中加框处的按钮)，表单的高度设定值就被取消了。这时表单的高度会按照表单的内容自动匹配高度。

当然删除表单高度的方式不只上述一种方式，他们也能选上表单，在表单的特性框中直接删除掉表单的高度值。同样，该方式也适用于改变表单的宽度的情况，只不过，选定了表单以后，删除的不是行的高度，而是列的宽度。这样，就能轻松进行调整表单的高度了。

dreamweaver的操作方式基本功

1、熟悉网页结构设计的网友就知道，初始化STYLE的方式很多，他们能空格键鼠 标滑鼠优先选择CUSTON STYLE来初始化STYLE标准，也能在输入框中的原素条目 上空格键滑鼠来初始化STYLE。虽然相同的方式达至的效用看似一样，但实际上 产生的HTML标识符则完全相同。比如用CUSTON STYLE来初始化STYLE标准，在网 页标识符中就生成两个〈SPAN〉条码，这样的条码一多就会使文件格式十分臃肿 而且影响下载器的解析速度，所以他们应尽量采用输入框中的原素条目来 初始化STYLE。

2、使字体适应相同的解析度他们在制做网页的这时候，时常有此种体会， 那就是制做好的网页在本地计算机系统上下载时很正常，但在除此之外一台计算机系统 上下载时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个 计算机系统的解析度要使你的网页在相同的解析度下都能正常表明，在 DREAMWEAVER中得到了良好的解决。在文件格式询问处的右下角，DREAMWEAVER 表明当前文件格式被结构设计成的解析度大小。空格键哪个数字，在外挂菜单中可 以为当前的网页指定表明解析度，通过修改能使你的网页更具灵活性。 使相同解析度的表明器都能良好地表明。

3、充分运用分页技术他们在采用DREAMWEAVER撰稿网页的这时候，时常须要 填入一些图形什么的，假设要填入的图形很多，按照常规方式来操作方式就显 得非常麻烦事。他们能利用分页基本功来很好地解决这个问题。首先他们把 DREAMWEAVER的操作方式询问处变成活动询问处，以腾出空间来表明EXPLORER询问处， 找到要填入的图形文件格式后，把它们一一用滑鼠拖曳到网页的适当部位， DREAMWEAVER将自动把那些图形的URL加进到文件格式的HTML标识符中，当然这里 要求被拖曳的图形文件格式必须是GIF、JPG等WEB图形文件格式的文件格式。对于已经在 网页中的图形也是一样，直接拖过来就能了。但如果被拖曳的图形上有 超级镜像，就不能再采用拖曳技术了，因为那时拖过来的仅仅是超级链 接地址。

4、善于为第一类取名他们在用DREAMWEAVER来制做非常复杂的效用时， 有可能须要时常多次重复地采用某两个或者数个第一类，比如他们时常须要功能定位 某一特定的表单、图形等，如果他们没有给某两个网页中的数个第一类取名 的话，所以在多次重复应用领域那些第一类的这时候，可能很麻烦事或者容易出错。为的是 能够方便初始化那些第一类，他们应该在每创建两个新的第一类时，都记得给它 取两个有代表性而且比较容易记忆的中文名称。在给那些第一类重新命名时，他们可 以通过第一类的“特性”液晶来操作方式就行了。

5、一次镜像到两个网页他们都知道超级镜像一次只能连到两个网页。 如果他们要想一次在相同的框架页中打开文件格式，能采用“GO TO URL” JAVASCRIPT行为。打开两个有框架的网页，优先选择文档或图形，然后从行为 液晶中优先选择“GO TO URL”。他们会注意到DREAMWEAVER会在 “GO TO URL”对话框中表明所有可用的框架。优先选择其中两个他们想镜像 的框架并输出相应的URL后再优先选择另两个框架并输出另两个URL。

6、利用“FORMAT TABLE”命令来修饰网页在复杂的网页结构设计中，表单 的应用领域是最多的，因为利用表单能自由地控制文档和图形在网页上出现 的具体位置，从而使整个网页看上去紧凑。DREAMWEAVER在这方面也不 甘落后，他们能采用其中的“FORMAT TABLE”(文件格式化表单)命令来快 速地对表单应用领域预先结构设计好的样式。要采用预先结构设计好的样式，先将光标 置于表单的任意两个单元格内，再优先选择“COMMAND”→“FORMAT TABLE”命 令，在随后出现的对话框中，从左边的条目中优先选择两个结构设计方案。按 “APPLY”键来查看效用，如果不满意的话，还能重新增设或者修改部分 参数的值，如边界粗细，背景颜色等等。

7、尽量不要给文件格式起英文中文名称大家在制做好了网页后，通常会给网页 起两个具有代表性的英文中文名称，一来能使人一看文件格式名就能大概了解文件格式 所包含的内容，二来能够方便各个超级镜像之间的相互初始化。但如果你在 DREAMWEAVER中这样做，就会发现DREAMWEAVER对英文文件格式名支持得不是 太好，时常会有网页初始化不正确的现象发生，所以他们以后在DREAMWEAVER 中保存网页的这时候，尽量用英文或者数字作为文件格式中文名称，这样就能避免上 面的出错现象。

8、时常保存当前被撰稿的文件格式有网友说时常保存文件格式是不是怕突然死 机呀?这话当然没错，但他们在DREAMWEAVER中要时常保存文件格式还有它特别 的意义。因为他们在结构设计网页的这时候，DREAMWEAVER会跟踪他们对文件格式作出 的任何改动，也就是说即使他们在网页中简单地终端了一下某一第一类， DREAMWEAVER也能生成大量的临时源标识符，想象一下，如果在网页中作了 很多改变，所以生成的那些大量标识符就变得很难管理，从而会影响系统的 性能。因此他们发现如果DREAMWEAVER的性能开始降低，这可能是由于驻 留在内存中的大量标识符变得太庞大的缘故，只要保存一下文件格式，就会使这 些临时标识符消失，从而提高性能，所以以后他们在采用DREAMWEAVER时， 要有时常保存文件格式的习惯。

DW制做网页的基本步骤

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

2、在副标题字符那里输出网页的中文名称，点击—网页特性，打开这个询问处后在这里能增设中文网站副标题、背景颜色还有背景图像，超级镜像颜色，其他都保持默认值就能了。

3.这个这时候光标在左上角，你能输出一句话，如“欢迎大家来到我的网页”，用文档，用菜单“询问处/特性”打开特性液晶，取文档的大小，再把文档增设为居中，然后在文档的前面敲几下回车就位于网页中间了。

4.要选取字体，即优先选择字体中的最后一项：即撰稿字体条目。然后在对话框中选+号，接着在“可用字体”栏中优先选择须要加入到字体，点击中间的按钮就能加入了。

注：在网页上一般最常见的是就宋体字。切将特殊的字体加到条目中采用，因为可能别人的电脑上没有安装看不到。如果有须要用的话，一定要做成图片后再采用。

下面拿两个现成的例子来给大家说一下：

在开始做之前咱们先分析一下这个网页，看看这里这个网页加进了哪些东西。

网页最顶端的副标题“我的网页”这四个字。

网页中间是一张图片。

最下端的是欢迎词。

网页背景是一白色。

构思好这个网页的结构，咱们就能开始制做了。

首先启动Dreamweaver，确保你已经建好了两个中文网站。

为的是制做方便，要事先打开资源管理器，把要用的图片放到中文网站目录images文件格式夹里。

【首先填入副标题文档】进入到网页撰稿中，结构设计快照状态。一般的情况下，撰稿器的默认方式是左对齐，光标位于左上角，光标所在的位置就是填入点的位置。如果想让文档居中填入的话，点击特性按钮就能了。英文状态下输出“我的网页”。字的大小没关系，他们对它进行增设就能了。

【增设文档的文件格式】先选上文档，在特性液晶中将字体文件格式增设成默认字体，大小随意更改。并选上“B”把字体加粗。

【增设文档的颜色】先选上文档，在特性液晶中，空格键颜色优先选择图标，在弹出的颜色优先选择器中用滴管选取颜色即可。

【增设网页的副标题和背景颜色】点击“修改”菜单中的“网页特性”。系统自动弹出网页特性的对话框，请在文档副标题输出框内填入副标题“我的网页”。

【增设背景颜色】网页的背景能是图片，当然也能是颜色。这个例子是颜色。如上所诉打开背景颜色优先选择器进行选取。如果背景要增设为图片，则点击背景图形“下载”按钮，系统自动弹出图片优先选择对话框，点击图片就能了。

【填入图像】优先选择下列方式：

(1)填入菜单：在“填入”菜单选“图像”，弹出“优先选择图像源文件格式”对话框，选上该图像文件格式，空格键确定即可。

两个图片就填入完毕了。

【输出文档文档】在图片右边空白处有空格键，回车换行。仍然按照上面的方式，输出文档“欢迎大家来到我的网页”然后，对文档进行增设，保存网页。

两个简单的网页就完成了。

【预览网页】在网页撰稿器中按F12预览网页效用。

中文网站的首页一般他们通常存盘取名时为index.htm。