网页设计常见问题自助查询.docx
《网页设计常见问题自助查询.docx》由会员分享，可在线阅读，更多相关《网页设计常见问题自助查询.docx（15页珍藏版）》请在冰豆网上搜索。
网页设计常见问题自助查询
网页常见问题自助查询
起步篇：
新建站点！
为什么每次都要“新建站点”
每次网页制作课，第一步就是“新建站点”！
如果不新建站点，你的传到服务器以后，很多素材可能都无法显示，很多超也很可能失效！
所以一定要新建站点！
“新建站点”并不意味着所有容重头开始做，只不过是把你根文件夹下的素材导入到“文件”面板。
新建站点以前，文件面板是这个样子：
新建站点以后，文件面板里就有了我的素材：
如何“新建站点”？
假如我的的所有素材都放在这个文件夹下面，那就把地址栏上的路径复制一下。
打开Dreamweaver，选择“站点”>“新建站点”。
切换到“高级”选项卡，在“根文件夹”文本框中把路径复制进去就行了。
常见网页元素如何插入?
常见网页元素包括：
文字、图片、音乐、flash、flv视频、非flv视频、水平线、表格等。
文字：
直接在页面中输入就好了！
图片：
“插入”>“图像”，或者点击工具栏上的按钮。
音乐：
“插入”>“媒体”>“插件”，或者点击工具栏上的按钮。
Flash：
“插入”>“媒体”>“Flash”，或者点击工具栏上的按钮。
Flv视频：
“插入”>“媒体”>“Flash视频”，或者点击工具栏上的按钮。
非flv视频：
“插入”>“媒体”>“插件”，或者点击工具栏上的按钮。
水平线：
将“常用”工具栏切换到“HTML”工具栏，选择第一个图片（如图）。
表格：
“插入”>“表格”，或者点击工具栏上的按钮。
文字篇
“特大”文字还是好小怎么办？
有同学选中文字后，在属性面板中将文字大小设为“特大”，发现文字还是很小，怎么办？
（如图）
其实文字大小那个文本框里可以随便填一个数字的，比如——
复制文字时如何去掉超？
有同学从XX百科把文字复制到Dreamweaver中，结果把很多超也复制进来了。
怎么办？
方法是不要直接粘贴，而是用“选择性粘贴”，操作如下：
“编辑”>“选择性粘贴”。
在弹出的对话框中选择“仅文本”。
（如图）
文字老是在表格中间显示，怎么办？
有同学使用表格布局，在某个单元格输入文字的时候，发现文字总是显示在单元格的中间，而不是顶部：
其实单元格中的容可以设置水平对齐方式和垂直对齐方式：
上述情况只要把垂直对齐方式由“默认”改为“顶端”即可。
如何设置首行缩进？
有同学在给文字排版时，希望使段落首行缩进。
但是属性面板中找不到相应的选项！
怎么办！
可以通过CSS面板实现！
①首先选择“窗口”>“CSS样式”，调出CSS面板（通常在DW窗口右方）。
调出CSS面板
CSS面板
②选中文字后，单击“添加属性”。
添加属性
③选择“text-indent”属性，修改数值直到你满意。
text-indent属性用来控制首行缩进
如何输入空格？
要将输入法切换为“全角”模式，再敲空格就OK啦！
这是半角这是全角
如何修改段落行距？
有同学觉得文本行与行之间太密了，希望修改行距，怎么实现？
还是借助CSS面板！
如何调出CSS面板，点击这里。
还是“添加属性”，这一次添加的是“line-height”属性。
如果想设置为1.5倍行距，就填1.5。
设置为1.5倍行距
超篇
怎么设置超
选中文字或图片后，在属性面板中可以看到“超”选项。
可以点击，选择要到的目标（网页或者文件）。
也可以按住不放，这时会拖出一个箭头，把箭头指向文件面板中你想的目标就行了。
怎么插入电子？
在“常用”工具栏中，点击如下图标：
在弹出的对话框中，按要求填好项目即可。
如何添加“返回页首”
如果网页太长，希望在网页的最下方添加“返回页首”的。
首先要给“页首”起个名字，比如“top”。
将光标定位到页首，选择“常用”工具栏的如下命令：
在弹出的对话框中，输入“top”（锚记名称）。
切换到页面底部，输入文字“返回页首”并选中，在属性面板的“超”框中，输入“#”+“锚记名称”，比如这里应该输入“#top”。
大功告成！
在一图片上创建多个超级
方法：
（1）选中图片；
（2）这时，图片的“属性栏”上会出现各种热点工具，如下图：
（3）选择一种热点工具，在图片上圈出热点的围，如下图：
（4）选中刚才圈出的热点，在它的“属性栏”上就可以创建超级了，如下图：
（5）同一图片可以圈出多个热点，所以，用此法就可以在一图片上创建多个超级了。
文字添加超后如何修改颜色？
有同学给文字加超后，发现文字是蓝色的，怎么修改其颜色？
选择“修改”>“页面属性”，弹出“页面属性”对话框。
别人知道你这里可以点击吗
有同学在网页中插入一图片，在图片中使用热区创建超。
但你需要考虑一个问题：
别人知道你这里可以点击吗？
只在中间某个眼睛创建了超，谁知道哪里可以点击啊！
图片中的“更多”很容易让人觉得这里可以点击
图片篇
如何“移动”图片？
Dreamweaver中图片的对齐方式默认只有“左对齐”、“居中”和“右对齐”，因此无法直接将图片移动到任意位置。
但如果借助表格，可以实现图片以及其他页面元素的精确定位。
如图，插入表格后，调整好各个单元格的宽和高，然后在目标单元格中插入图片即可。
背景图片太大或太小
网页是主，素材为辅。
一般来说，是修改素材以适应网页，而不是调整网页以适应素材！
调整网页大小也很简单，用PhotoShop打开图片，选择“图像”>“图像大小”，再弹出的对话框中修改宽和高。
一般把宽设为980就差不多了。
如何去除图片水印
同学们网页中用到的图片，最好不要出现水印。
如果水印在图片中央区域，就换一图片；
如果水印只是在图片角落出现，可以用通过“裁切”去掉水印，方法是：
选中图片，在属性面板中选择“裁切工具”（如图所示）。
注意：
你在网页中裁去了水印，在你个人文件夹中相应的图片也会去除水印；如果你把网页中的图片裁得很小，文件夹中对应的图片也会变得很小！
鼠标经过时换一图片
有同学希望产生这样的效果：
本来显示图片1，但是鼠标划过图片的时候变成图片2，而且点击图片还可以弹出其他页面。
该效果其实是利用两图片来制作按钮。
在“常用”工具栏中选择“鼠标经过图像”，弹出对话框，按图所示填好参数即可。
如何选择背景图片
①背景图片不要太大。
②不要干扰其他页面元素。
如果背景图片色彩太纷杂，会导致页面中的文字看不清。
③主页和子页面中的背景图片不一定一样，但风格尽量协调。
表格篇
为什么要用表格呢？
表格的两个作用：
展示数据和网页布局。
网页设计中常常使用表格来布局！
移动不了图片怎么办？
用表格！
图片和文字怎么并列显示？
用表格！
表格布局的基本技巧
1.布局用表格边框一般为0；
2.熟练使用表格嵌套，而不是一个表格到底；
3.布局用表格一般要居中；
4.最外层表格的长度单位一般用“像素”，而不用“百分比”。
其他布局方式
这里只讲同学们能够做到的布局方式，一是“PS”+“图片热区”，二是整个网页都用Flash来做。
拓展篇
如何制作下拉菜单？
用Dreamweaver制作下拉菜单的原理很简单，它利用了Behaviors（行为）面板中的置方法Show-HideLayers（隐藏-显示层）方法，并用onMouseOver（鼠标移至）和onMouseOut（鼠标移开）来触发层的隐藏和显示，而将要出现的菜单就在层中。
一、导航条的制作：
①拖出一个层，然后在层的Properties（属性）面板中设置各参数。
②将光标移至层，插入一个一行四列的表格。
③按住CTRL键不放点取表格的四个单元格，设置宽度并输入文字。
二、下拉菜单的制作：
模仿上面操作，用层来绘制。
三、显示和隐藏效果的添加：
第一，对导航条中的主菜单添加控制显示隐藏的命令；
第二，给下拉选单本身添加显示隐藏的命令。
如何弹出对话框？
①选择“窗口”菜单，勾选“行为”。
②切换到“行为”面板。
③点击“+”，选择“弹出信息”。
④输入在对话框中显示的容：
⑤选择事件类型（即什么时候弹出这个对话框，是在网页加载的时候呢，还是鼠标单击/双击的时候，还是键盘按下的时候……），如果希望一打开网页就弹框，选择onLoad。
如何设置背景音乐？
【方法一】
切换到DreamWeaver的“拆分”视图，将光标定位到代码的
升级会员 