dw网页设计首页排版

1、如何用dw制作网页首页

使用DW制作网页时候，网页的框架往往在某些方面有固定的格式，像是导航栏、banner条，如果每制作一个网页就要重新设计这些内容是很耗时间的，为了提高工作效率，可以使用DW提供的网页模板功能建立模板。

2、Dw网页设计制作9个小技巧，你都会吗

1）怎样将 Dreamweaver 集成到 IE 浏览器？
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令，我们还可以修改 Windows 的注册表使它与 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一样，通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
将下面文本的最后一行要改为你自己的 Dreamweaver 安装路径，把它们保存为一个 *.reg 文件，双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要设置为 IE 缺省的编辑器，打开 IE 的“Internet 选项”，在程序标签指定。
2）为了使用某些脚本，经常要为图形或文本加上空链接，但是浏览时点击有空链接的对象时，会跳到页面的顶端，如何避免？
因为浏览器以为链接到同一页，可它又找不到定义的书签（ anchor ），于是停留在页面的顶端。用“ javascript:void(null) ”替换空链接的“ # ”，解决这个问题。
3）使用 CSS 、层的时候，在不同浏览器的效果不一样，有时甚至出现错位现象，怎样解决？
在对不同浏览器的兼容方面， Dreamweaver 作得不错，但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下，用不同的浏览器浏览同一个网页的外观不可能完全一样，这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题：
不要混合使用层和表格排版，如果是父子关系，如层中表格，不在此原则范围内；
内联式的 CSS 在 Netscape Navigator 中经常会出现问题，使用链式或内嵌式；
有时需要在空层插入表格或者透明图片，以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层，改用图片来实现；
避免使用 W3C 组织不推荐的排版属性，用 CSS 代替。
4）为何从别的文档拷贝文本到 Dreamweaver ，所有的段落会挤成一团，而在 Dreamweaver 内部又带有格式代码？
Dreamweaver 复制和粘贴文本有二种类别，标准的方式将对象连同对象的属性一起复制，把剪贴板的内容作为 HTML 代码；另一种方式仅复制或粘贴文本，复制时忽视 html 格式，粘帖时则把 html 代码作为文本粘贴。多按一个“ Shift ”（ Ctrl+Shift+C/Ctrl+Shift+V ）键即按后一种方式操作。
5）为什么网页用 IE 浏览正常，用 Netscape Navigator 却不符合要求甚至出错，而且在 Dreamweaver 的文档窗口老是修改不好？
请检查代码。因为用所见所得编辑器反复修改页面的某些部分，有时会留下一些多余的代码，比如多余的链接，这些代码在 Dreamweaver 的文档窗口看不到， IE 会忽视它们。但是 Netscape Navigator 对代码要求更严格，预览时就出现不可思议的现象。
6）在 Netscape Navigator 中，有些书签（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的书签是大小写敏感的。在 Navigator 中，多层嵌套的表格里面的书签会丢失，把书签放到表格外面。
7） Dreamweaver 文档窗口布满了各种各样的面板，为了编辑文档，不得不扒开一个个空隙，太累，如何是好？
一个 800X600 分辩率的屏幕对于 Dreamweaver 来说确实小了些，不过即便是 1024X768 ，也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板，把常用的面板放在一起，节省屏幕空间；
除非现在要用，否则关闭“ HTML Source Inspector ”，它除开占用屏幕空间，还占用相当的系统资源；
按 F4 隐藏所有打开的面板，一览文档的全貌，再按一下，显示面板；
在“ Windows ”选单有个“ Arrange Floating Palettes ”命令，使用这个命令将所有打开的面板放在窗口四周，并互不重叠。
多用快捷键并熟练掌握是很好的提高工作效率的方法。
当添加不可见的对象时，Dreamweaver会在文档窗口的页面顶部加上相应的图标，如果图标太多，可能妨碍编辑。可以按“Ctrl+Shift+I ”（主选单 View|Invisible Elements ）来隐藏和显示它们。也可以设定不出现这些图标，不过不建议这样作，因为它们能帮助选择对象，便于编辑。
8） Head 对象面板只能添加内容，能在文档窗口修改 标记的内容吗？
可以。有一种非常直观的方式，按“ Ctrl+Shift+W ”（主选单 View|Head Content ），在文档窗口主选单栏下出现一行图标，点击这些图标修改。
9）如何选择表格、层里面那些非常小的，比如 1X1px 的图片？
在表格的单元格中点击，然后按下“ Shift ”键，用箭头键移动即可选择。
也可先选定表格单元（按下 Ctrl 键，用鼠标点击相应单元）或者层，然后在“ HTML Source Inspector ”面板中选择高亮代码中的 ，返回文档窗口，图片即被选择。

3、DW怎么把首页设为模板，子网页用模板设计

刚进入dreamweaver点击新建下方的更多，然后选择空白页，页面类型选择html模板，布局选无就行了。

插入一个表格（菜单栏中选择插入，再找到表格），表格里的布局自己根据需要设置，在这里我设置为行数为5，列为1，表格宽度为1000像素。插入表格后，选中整个表格，选中后表框会加黑加粗，在下方设置为居中对齐。

在表格第一行插入图像（菜单栏中选择插入，再找到图像），第二行加入滚动字幕。第三行插入表格（方法同上），1行4列，表格宽度为百分之一百。插入表格之后，再选中第三行的表格，选中后表格边框会加黑加粗，在下方设置表格为居中对齐，宽度为20%。

第三行中选入一些文字，如首页，李白，杜甫，白居易。新建一个css文件，再建一个css，设置好类型中的颜色和背景中的颜色，加以区分。选中第三行，使用刚才新建的css，再新建一个css，表格的边框使用该css。

在第四行插入可编辑区域。点击确定，可编辑区域中的文字即EditRegion3可以去掉，换行可以扩大可编辑区域的面积。

在第五行插入可编辑区域，我还插入了一条水平线，并加上了版权。最后保存。此时模板已经建好。

新建，模板中的页，找到新建的模板，创建，保存为index.html（即网站的主页）,再重新打开新建的模板，在可编辑区预报输入李白的资料，保存为li.com，此时你会发现只有在可编辑区域才能输入内容，其他区域都是不可操作的，这就是模板的特点。同理，在新建两个作为杜甫和白居易的网页。

现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页，在下方html中的链接中输入首页的名称，即index.html，同理，选中李白，杜甫，白居易将他们连起来。超链接做好后在文字下方会多出一条横线。

做完了之后在index.html中打开可以看看做出的效果，点击图中的小地球图标就可进行查看。

4、如何使用dreamweaver制作网页

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。

【小结】我们制作了一个简单的网页。

内容有四：

①图片插入和对齐设置；
②文字的格式、颜色和加粗等设置；
③背景颜色的设置；
④预览网页，查看实际效果。

5、怎样用dreamweaver设计一个主页？

用dreamweaver 静态生成页面即可，注意样式控制，image，flash，js等效果会为你的网站增色不少。如果你会做静态页面 用dreamweaver 可以新建一个html页面，然后在里面随便打字，然后F12直接预览即可看见你做的东西了，还是很不错的，对于初学者还是很适用的，如果你还有什么不明白的，可以找我恩。我很高兴为你服务！！！！
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)'; this.setHomePage('http://网站地址');" style="CURSOR: hand">设为主页</span>

6、dw设计网页时,布局常用什么方法来布局呢???

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。

2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以编辑网站的。

3、dw的编辑面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图

在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。

4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。

所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。

7、菜鸟问题：C＃网站的界面如何使用Dreamweaver中制作的网页界面啊？？？

你创建一个C#的website工程，然后你新建如default.aspx页面，你再使用Dw8打开default.aspx进行页面设计和排版就OK啦！

如果你说的是使用dw制作纯html版式，那就拷贝html的代码贴到default.aspx下的代码就可以啦，这个不难！

8、关于建网站排版的问题（DW制作的)

留下Q，我也帮你试试哈。。~~

9、我用DW制作的网页，在自己的电脑都排版好了，可是别人的电脑显示不一样

在背景图片的样式里加上no-repeat;如
background:url(../images/index5e_02.jpg) no-repeat; 这样就可以了
希望可以帮到你。

10、用dreamweaver设计网站时怎么吧一个网页设置为首页呢？

所谓的首页，只是一个代名词，我们看到的第一个为首，第一个页面就是首页，你把其他页面的相关链接指向这个第一个页面就行了。dreamweaver里没有什么特别的设置；实在要设置也是后台那边把域名的相关东西指向这个页面。但绝对不是用dreamweaver来设置。