最新网页设计常见问题自助查询 免费下载.doc_第1页
最新网页设计常见问题自助查询 免费下载.doc_第2页
最新网页设计常见问题自助查询 免费下载.doc_第3页
最新网页设计常见问题自助查询 免费下载.doc_第4页
最新网页设计常见问题自助查询 免费下载.doc_第5页
已阅读5页,还剩21页未读 继续免费阅读

最新网页设计常见问题自助查询 免费下载.doc.doc 免费下载

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页常见问题自助查询目录目录1起步篇:新建站点!2为什么每次都要“新建站点”2如何“新建站点”?3常见网页元素如何插入?3文字篇4“特大”文字还是好小怎么办?4复制文字时如何去掉超链接?4文字老是在表格中间显示,怎么办?5如何设置首行缩进?5如何输入空格?6如何修改段落行距?7超链接篇7怎么设置超链接7怎么插入电子邮件链接?7如何添加“返回页首”链接8在一张图片上创建多个超级链接8文字添加超链接后如何修改颜色?9别人知道你这里可以点击吗10图片篇11如何“移动”图片?11背景图片太大或太小11如何去除图片水印11鼠标经过时换一张图片12如何选择背景图片12表格篇12为什么要用表格呢?12表格布局的基本技巧12其他布局方式13拓展篇13如何制作下拉菜单?13如何弹出对话框?14如何设置背景音乐?15如何使Flash背景透明?17如何创建滚动文字?17起步篇:新建站点!为什么每次都要“新建站点”每次网页制作课,第一步就是“新建站点”!如果不新建站点,你的网站传到服务器以后,很多素材可能都无法显示,很多超链接也很可能失效!所以一定要新建站点!“新建站点”并不意味着所有内容重头开始做,只不过是把你根文件夹下的素材导入到“文件”面板。新建站点以前,文件面板是这个样子:新建站点以后,文件面板里就有了我的素材:如何“新建站点”?假如我的网站的所有素材都放在这个文件夹下面,那就把地址栏上的路径复制一下。打开Dreamweaver,选择“站点”“新建站点”。切换到“高级”选项卡,在“根文件夹”文本框中把路径复制进去就行了。常见网页元素如何插入?常见网页元素包括:文字、图片、音乐、flash、flv视频、非flv视频、水平线、表格等。文字:直接在页面中输入就好了!图片:“插入”“图像”,或者点击工具栏上的按钮。音乐:“插入”“媒体”“插件”,或者点击工具栏上的按钮。Flash:“插入”“媒体”“Flash”,或者点击工具栏上的按钮。Flv视频:“插入”“媒体”“Flash视频”,或者点击工具栏上的按钮。非flv视频:“插入”“媒体”“插件”,或者点击工具栏上的按钮。水平线:将“常用”工具栏切换到“HTML”工具栏,选择第一个图片(如图)。表格:“插入”“表格”,或者点击工具栏上的按钮。文字篇“特大”文字还是好小怎么办?有同学选中文字后,在属性面板中将文字大小设为“特大”,发现文字还是很小,怎么办?(如图)其实文字大小那个文本框里可以随便填一个数字的,比如复制文字时如何去掉超链接?有同学从百度百科把文字复制到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-Hide Layers(隐藏-显示层)方法,并用onMouseOver(鼠标移至)和onMouseOut(鼠标移开)来触发层的隐藏和显示,而将要出现的菜单就在层中。一、导航条的制作: 拖出一个层,然后在层的Properties(属性)面板中设置各参数。 将光标移至层内,插入一个一行四列的表格。 按住CTRL键不放点取表格的四个单元格,设置宽度并输入文字。二、下拉菜单的制作:模仿上面操作,用层来绘制。三、显示和隐藏效果的添加:第一,对导航条中的主菜单添加控制显示隐藏的命令;第二,给下拉选单本身添加显示隐藏的命令。如何弹出对话框? 选择“窗口”菜单,勾选“行为”。 切换到“行为”面板。 点击“+”,选择“弹出信息”。 输入在对话框中显示的内容: 选择事件类型(即什么时候弹出这个对话框,是在网页加载的时候呢,还是鼠标单击/双击的时候,还是键盘按下的时候),如果希望一打开网页就弹框,选择onLoad。如何设置背景音乐?【方法一】切换到DreamWeaver的“拆分”视图,将光标定位到代码的之前的位置,插入代码:提示:bgsound是background sound的缩写,src是source的缩写。如果希望循环播放音乐,将刚才的源代码修改为以下代码即可:【方法二】(1)在Dreamweaver中打开网页,将光标定位在需要显示播放器的位置。(2)在“常用工具栏”中,单击“媒体”按钮,选择【插件】。(3)在弹出“选择文件”对话框中选择需要的音频文件。(4)单击确定按钮后,插入的插件在文档窗口中以下图所示图标来显示。(5)选中网页中的“插

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论