网页设计常见问题自助查询.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的“拆分”视图,将光标定位到代码的