Dreamweaver制作网页的方法及问题集合

Dreamweaver制作网页的方法及问题集合
Dreamweaver制作网页的方法及问题集合

Dreamweaver制作网页的七大绝招

偶在Dreamweaver MX应用中总结了七点小心得,这些可是宝典哦!使你更加深刻认识这个网页工具,使用更得心应手。

定义大小不变的文字

更改浏览器字体大小设置,网页中字体尺寸也会发生变化。如果使用了网页中的CSS样式表技术,就不会出现上述情况了。使用快捷键“Shift+F11”打开样式表“CSS Style”编辑器,在窗口中单击鼠标右键执行“New CSS Style...”命令,新建一个控制文字字体、字号属性的样式表,并将其添加到页面中,可以看到页面文本发生的变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

去掉超链接文字下的下划线

通过编辑样式表可以实现该目的,执行菜单“text”→“ CSS Style” →“ Edit Style Sheet...”命令,弹出Edit Style Sheet窗口,点击“New”按钮,选择弹出窗口中重定义HTML标记(Redefine HTML Tag),并在Tag 选单中选择a,保存后编辑该样式表,选择type的Category类型,在右边定义Decoration装饰中选择“None”。

一次链接到两个网页

超链接一次只能连到一个页面,如果一次在不同的框架页中打开文档,可以使用“Go To URL”行为。打开一个有框架的网页,选择需要超链接的文字或图像,然后从Behaviors行为面板中选择“Go To URL”行为。在弹出Go To URL对话框中显示所有可用的框架,选择其中一个我们想链接的框架并输入相应的URL,然后再选择另一个框架并输入另一个URL即可。

改变状态栏提示文字

通常当浏览器载入一个页面时,其状态栏上显示的是该页面的地址名称,如果使状态栏增加一点个性,比如显示你的网站名称,请按照以下的步骤:打开“Behaviors”行为编辑窗,单击“+”按钮,选择“Set Text Set”→“Text Of Status Bar”选项,在文本框中输入自己的文字确定即可。

获得颜色的十六进制代码

在设计网页时,有时要用到十六进制的颜色代码,以前经常为这事头痛,在Dreamweaver中只要按属性面板上“bg”边上小方框右下角的小三角形,在弹出的颜色板上,鼠标指到哪儿,马上就能显示出相应颜色的十六进制代码。

去掉图片和表格间的空隙

要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的两个属性设为0(即cellspacing=″0″和cellpadding=″0″)。

实现网页每五分钟刷新一次

在Dreamweaver MX的Insert功能面板上选择“head”功能组,点击面板上“Refresh”按钮,弹出“Insert refresh”对话框,在“Delay”中输入以秒计的间隔时间,比如每五分钟刷新一次,则输入300。最后在该对话框上复选“Refresh This Document”刷新当前窗口即可

Dreamweaver 行为的使用

DreamWreaver自带的行为动作有不少,下面就分别介绍。

1.Call JavaScript

Call JavaScript(调用JavaScript)动作允许使用行为控制器指定当事件发生时将被执行的自定义函数或JavaScript代码行。

要使用Call JavaScript(调用JavaScript)动作:选择一对象并打开行为控制器,单击加号按钮,从动作弹出菜单中选择Call JavaScrip,在弹出的对话框中键入将要执行的JavaScript或函数名。

2.Change Property

使用Change Property(改变属性)动作能够改变对象的属性值。能改变的属性是由目标浏览器的类型决定的。Internet Explorer(IE)4.0浏览器能够改变的属性比IE3.0或Netscape Navigator3.0或4.0浏览器多得多。要使用改变属性动作,必须十分熟悉HTML和JavaScript语言。

3.Check Browser

使用Check Browser(检查浏览器)动作可以根据访问者浏览器的类型和版本发送不同的网页。例如,如果访问者使用的是Netscape Navigator4.0或其后续版本的浏览器,你可以将其引导到一个网页;如果访问者使用的是Internet Explore4.0或其后续版本的浏览器,你可以将其引导到另一个网页;如果访问者使用的是其它类型的浏览器,你可以保留当前网页。

4.Check Plugin

使用Check Plugin(检查插件)动作可以根据访问者是否安装特定插件决定是否给他发送不同网页。例如,你可以让安装了Shockwave插件的访问者访问一网页,而未安装的访问者访问另一网页。

5.Control Shockwave or Flash

使用Control Shockwave or Flash(控制Shockwave或Flash电影)动作可以播放、停止、回放或转到Shockwave或Flash电影中的某一帧。

6.Drag Layer

Drag Layer(拖动层)动作允许访问者使用拖动层的操作。使用这个动作你可以创建动脑筋、滑动控制和其它可移动的网页页面元素。

7.Go TO URL

使用Go TO URL(转到URL)动作可以在当前窗口或指定框架中打开一新的网页。这个动作对于想单击一次便改变两个或更多个框架中的内容特别有用。此外,在Timeline(时间轴)中,可以调用该动作使访问者经过特定时间间隔后跳转到另一网页。

8.Jump Menu

当使用Insert>Form Object>Jump Menu(插入>表单对象>跳转菜单)建立一个Jump Menu(跳转菜

单)动作时,Dreamweaver创建菜单对象,并为该对象附加适当的行为,通常无须手工添加Jump Menu (跳转菜单)动作,我们可以在行为控制器中双击一已存在的跳转菜单动作来编辑新的。

9.Open Browser Window

使用Open Browser Window(打开浏览器窗口)动作可以在一新的窗口中打开一个URL。你可以指定新窗口的属性,包括它的大小、属性(窗体大小是否可调整,是否有菜单栏等)及名称。

如果你指定新窗口无属性,则新窗口将按启动它的窗口的大小及属性打开。为新窗口指定任何属性都将自动关闭其它所有未加指定的属性。例如,如果你指定新窗口无属性,则它可能以640×480像素大小打开,并且附加有一个导航工具栏、位置工具栏、状态栏及菜单栏;但是如果你仅仅指定新窗口以640×480像素大小打开,而没有指定其余的属性,则它以640×480像素大小打开,但没有附加导航工具栏、位置工具栏、状态栏、菜单栏、调整柄及滚动条,因而此行为非常适合打开一个定制的窗口,运用非常广泛。

10.Play Sound

使用Play Sound(播放声音)动作可以播放声音。例如,我们可能想让访问者将鼠标移动到链接上的时候产生声音效果,或在网页载入时播放音乐片段。

11.Popup Message

Popup Message(弹出消息)动作用我们指定的消息显示在JavaScript警告框中。由于JavaScript 警告框中只有一个按钮(OK),因此可以使用这个动作给访问者提供信息而不是提供选择。

12.Preload Images

Preload Images(预先载入图像)动作载入那些不会立即在网页中出现的图像到浏览器缓存中,例如那些使用时间轴、行为或JavaScript变换的图像。这样可以防止图像显示时由于下载导致的延迟。

13.Set Nav Bar Image

使用Set Nav Bar Image(设置导航条图像)动作能将图像转换成导航条图像或改变导航条中图像的显示及动作。

14.Set Text of Frame

Set Text of Frame(设置框架中的正文)动作允许我们动态设置框架中的正文,可以用指定的内容替代原框架中的内容和格式。该指定的内容包含任何有效的HTML。

虽然Set Text of Frame(设置框架中的正文)动作可以替代原框架中的格式,但我们也可以通过选择保留背景颜色来保留网页的背景及文本颜色属性。

15.Set Text of Layer

Set Text of Layer(设置层中的正文)动作用指定的内容替代原层中的内容和格式。该指定的内容包含任何有效的HTML。

16.Set Text of Status Bar

Set Text of Status Bar(设置状态栏信息)动作在浏览器窗口左下角的状态栏内显示信息。例如,使用该动作可以在状态栏内描述一个链接的目的替代显示该链接的URL。

17.Set Text of Text Field

Set Text of Text Field(设置文本域中的文本)动作可以用你指定的内容替代表单对象中文本域中的内容。

18.Show-Hide Layers

使用Show-Hide Layers(显示或隐藏层)动作可以显示、隐藏或还原一个或多个层的默认的显示状态。当访问者和网页相交互时,该动作对于显示信息很有用。例如,当访问者将鼠标移到一幅地图上时,可以让访问者触发显示一个层,此层用以描述该地区的相关信息。

19.Swap Image

Swap Image(变换图像)动作可以通过改变IMG(图像)标签的SRC属性将该图像变换为另外一幅图像。使用该动作可以创建按钮变换和其它图像效果,包括一次变换多幅图像。由于在此动作中被影响到的只有SRC属性,因此变换图像应该和原图像有相同的尺寸(即高度和宽度都相同)以防止产生图像变形。

20.Swap Image Restore

Swap Image Restore(变换图像还原)动作可以将最后设置的变换图像还原为原始图像。当你为一对象附加Swap Image(变换图像)动作时,该动作将自动添加,如果此时选择了Restore Images onMouseOut (当鼠标移开图像时,变换图像还原)选项,那么Swap Image Restore(变换图像还原)动作就无须人工选择。

21.Go To Timeline Frame

Go To Timeline Frame(到时间轴帧)动作将playback head(播放头)移动到指定帧。你可以在时间轴检查器的行为通道中使用该动作来设置时间轴的某个部分循环若干次、创建Rewind(回退)链接或按钮、或者让访问者跳到动画的其它部分。

设置方法:打开时间轴检查器,在一时间轴上选择动画条上附加行为的帧,在行为检查器上单击加号按钮,从动作弹出菜单中选择Timeline>Go To Timeline Frame(时间轴>到时间轴帧)。在出现的对话框中选择一个时间轴,在Go to Frame(转到帧)域中输入帧号(即转到第几帧),单击OK。再将默认事件改为我们想要的。

22.Play Timeline and Stop Timeline

使用Play Timeline and Stop Timeline(播放时间轴和停止时间轴)动作可以允许访问者通过单击一个链接或按钮实现开始和停止播放时间轴;也可以允许访问者在鼠标移动到一个链接、图像或其它对象上时使时间轴自动开始和停止播放。如果你在时间轴检查器中选择Autoplay(自动播放)选项,Play Timeline (播放时间轴)动作将自动使用onLoad事件附加到BODY标签中。

23.Validate Form

Validate Form(验证表单)动作可以检测指定文本域中的内容以确保访问者输入的数据类型正确。用onBlur事件为单独的表单域附加该动作,则访问者填写表单时检测该域;用onSubmit事件为表单附加该动作,则访问者单击Submit(提交)按钮时立即评估若干个域。为表单附加该动作可以防止指定域包含无效数据提交给服务器的情况

制作网页的十大诀窍

预早筹划

设计主页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。

尽量精简

主页的作用好比一本书的封面,是为了吸引用户测览你的网址内容。因此,主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主页上清楚列出三项要点,例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力,很难今他们深入观赏。

尽量简朴

现今大部分用户那是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴,避免耽搁用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。

这并不是说你要完全略去图像不用,只是提醒你要注注意使用图像所引起的效果。

主页上的颜色最好不超过六十四种,页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可;应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒,很多用户就会等得不耐烦。如果情况许可,最好先测试一中你的主页在稍差的条件下的传送速率,14.4千波特的调制解调器,或透过Prodigy等网上服务接驳万维网等。

此外、还须注意配合最低档的设备,例如标准的小型显示器,不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。

善用图像

用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。

注意图画可以弥补文字之不足,但并不能够完全取代文字。

很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达?次。

用纯文本模式测试已制成的主页,确保其传达到所有信息。

使主页易于漫游

主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑,主页上的联接项目应只限于几个高级的类别,例如公司、产品、服务、支援等。

用六至八个联接项目最为理想。

此外,你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要编制较长的页面或使用更多联接项目,甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。

假若你有充足的资源,便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户,来试用你的初步制成品。

提网协领

主页一般须载有以下事项:

★标题

此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。

★电子邮件地址(例如你的Webmaster)

以便用户有问题时,可以通知你。

★版权资料

这是适用于主页内容的版权规定。

你可以在主页上标示一句简短的版权声明,用联接方法带出另?个载有详细使用条款的页面。这样可以避免主页显得乱糟糟。

★联络资料

列出通讯地址、公关或营业部门的电话号码等。

循环利用现有信息

制作主页(或其他主页)时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重用,例如宣传小册、公关文件、技术手册、资料库等。很多情况下,只要用少许功夫、就可把这些材料转到网页上使用。

保持新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。在主页上预告即将有新资料推出,可吸引用户再来测览。不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。

趣味性的事项可以持续或自动更新、例如列出会测览你的网站的人次。

同样,为保持新鲜感,应时刻确保主页提供的是最新信息。

将更新主页信息的工作纳入既定的公关及资料编制计划内,亦即当你使用传统方法(例如新闻稿)传递的新信息、会问时出现在你的主页上。确保连接项目运作畅顺,以免用户在荧幕上收到?无法查阅所需档案?的信息而大感没趣。

贯彻诺言

做不到的事情,千万不要轻易承诺。切勿随便叫用户作出回应行动,例如要求用户填交订贷表格,除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话、就要确保自己能够迅速解决来电者的问题。

吸引用户测览

既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。

通知其他网站(例如题材相关的网站),他们可能想联通你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和?What? s new?页面上。尽量将网址传播开去,使之出现在Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。

在网站上,于每个页面设置home按键,方便用户随时返回主页。

万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。举例来说,将来家居用户有高速线路接驳Internet,就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun的HotJava测览软件所提供的先进功能、将使万维网更强劲和更方便沟通。HotJava将主页由静态的文件转为动态的实体,提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。

有好的主页,还须有精良的设备支持。网站服务器不断推陈出新,使建设网站的工作愈来愈容易。以S u n的NetraInternet Server为例、全套设备包括上网所需的软硬件、以及建立完善的高效能网站所需购各种软硬件设施。

这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作,从未如此容易过

DW8代码工具栏试用

DW8的代码编辑视图的环境,越来越受CODE编写者的喜欢了。今天试了些东西:

一,代码的折叠

1,通用方法

直接选择多行代码,然后选择点击列左侧的折叠按钮即可。

2,折叠整个标签按钮

比较1而言,其最大的优势是“无需选择多行代码”,只要将光标定位在需要折叠的标签中,单击“折叠整个标签”按钮,DW8即可将其首尾对应的标签区域进行折叠。

注意:按按钮功能只能是对规则的标签区域起作用。

3,折叠所选按钮

这个和1几乎是同一个作用效果,所不同的是1中按折叠按钮,而本处是选择“折叠所选”按钮。如此而已,任君选择。

4,特殊折叠法

形如图象处理软件里面的反选,同样在DW8的代码选择中也可选择所选区域、标签以外的内容。方法是按住Alt键的同时进行如上3类的操作。

二,打开折叠的代码

1,通用方法

如折叠代码时的方法想对应的,打开已经折叠的代码,只要单击列左侧的已折叠代码的展开按钮即可。

2,扩展全面按钮

即将页面中所有折叠的代码全部展开显示。

三,代码标签的快速选择

代码标签之间一般都存在着嵌套的关系,那么该如何快速地查找某代码标签是属于哪另一个代码标签的呢?

直接将光标定位在该标签代码内,单击“选择父标签”按钮即可。可单击多次依次选择父标签

四,代码的批量注释

之前为调试某些程序而需要注释掉部分代码,而这些代码又有为数不少的行数,所以只能一行一行的添加注释,那么现在只需要:

选择需要注释的代码行,单击“应用注释”按钮,弹出菜单中选择相应的注释方法即可。

同时,取消这些注释,也只需要单击“删除注释”按钮每行依次删除。

五,环绕标签

环绕标签主要是防止了我们写标签时的呼应关闭。其操作方法是:选择一段标签,单击“环绕标签”按钮,输入相应的标签代码,即可在该选择区域外围添加了完整的新标签代码。

快速而又防止了前后标签遗漏不能关闭的情况。

六,缩进代码和凸出代码

为了保证程序的可读性,一般都需要将标签代码进行一定的缩进凸出,错落有致。之前我们可以选择一段代码按Tab键可完成代码的缩进(当然现在也还可以)。

但对于已经缩进的代码,如果想要凸出,则就稍微费事了,不清楚的可能需要一行一行的按退格键,当然快捷键Shift+Tab就可以了,不过知道的人不是太多:)

所以现在在DW8中,直接将此功能做成了“缩进代码”按钮和“凸出代码”按钮

Dreamweaver制作网页技巧20则

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 对象面板只能添加内容,能在文档窗口修改< head> 标记的内容吗?

可以。有一种非常直观的方式,按“ Ctrl+Shift+W ”(主选单View|Head Content ),在文档窗口主选单栏下出现一行图标,点击这些图标修改。

9)如何选择表格、层里面那些非常小的,比如1X1px 的图片?

在表格的单元格中点击,然后按下“ Shift ”键,用箭头键移动即可选择。

也可先选定表格单元(按下Ctrl 键,用鼠标点击相应单元)或者层,然后在“ HTML Source Inspector ”面板中选择高亮代码中的< img src="..."> ,返回文档窗口,图片即被选择。

10)怎样编辑一个框架系的名字(Title)?

按“ Ctrl+F10 ”打开“ Frames ”面板,点击最外面的框,按“ Ctrl+J ”(主选单Modify|Page Properties )。

11)如何改变“behaviors”的缺省事件?

事件设定文件放在Dreamweaver 安装目录下的“ \Configuration\Behaviors\Events\ ”文件夹,比如对于 4.0 以上版本浏览器,打开文件“ 4.0 and Later Browsers.htm ”。

< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">

将“ onClick="*" ”中的“*”移到“ onMouseOver="" ”中,改为:< A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp="">

重新启动Dreamweaver ,该类缺省事件即变为“onMouseOver ”。其他类推

12)在打开一个页面时,同时打开一个小窗口,用Dreamweaver 能够实现吗?

能,不用写一行代码。在“ behaviors ”面板使用内置的“ Open Browser Window ”脚本,设定页面、窗口大小、属性。如图:

13)插入表格时,在表格单元中老是有个空格(< td> < /td> ),怎样才能不让它产生?

这是Dreamweaver 自动生成的,不要删除它。如果表格单元里没有任何东西,Netscape Navigator 将不显示该单元。

14)模板文档的< head> 标记里,除了网页主题外不能编辑,怎样才能将behaviors 加入到基于该模板的网页?

用“ HTML Source inspector ”面板在模板文档的“ < /head> ”前加入可编辑标记,如下:

< !-- #BeginEditable "Javascript" -->

< script language="JavaScript">

< /script>

< !-- #EndEditable -->

15)在合作开发和管理网站时,使用Dreamweaver 的登记/检查系统,是否为远程服务器的网站的相关文件加上了不同的访问权限?

check in/check out 是Dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“ check out ”意味着该文件正被我使用,别人不能编辑它;“ check in ”则表示该文件可以被别的同事check out 及编辑,本地的文件就会变成只读,防止自己改变它的内容。

Dreamweaver 通过在本地和远程服务器上产生相应的“.lck” 文件来实现check in/check out 功能,这些文件在“ Site ”窗口不显示,Dreamweaver 能够读这些文件,它只对Dreamweaver 有效。并没有为文件加上什么属性。如果用别的Ftp 工具和编辑器,仍旧可以打开它们。

16)作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正吗?

如果图片的大小不符,在属性面板,它的值会变成显目的粗体。按面板上的“ Refresh ”按钮,就可恢复成真实大小。

17)如何才能单击一个链接,同时改变多个框架?

最直接的方法就是为该链接建立一个框架系。

用Dreamweaver 的“ Go to URL ” behavior 更简单。对话框显示所有的框架,在下面的“ URL ”栏填入相应的页面就是。

18)想给文本加上behavior ,可是behavior 面板上的项目都是灰暗的,不可选的,怎么办?

以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的behavior 加在图片上。然后再编辑代码,移到文本上,并去掉图片。

上面的作法较繁琐,便捷的方式是将文本链接到“ javascript:void(null) ”,那些behavior 就老老实实显露出来了。

19)把使用了behaviors 的层放进Library 时,Dreamweaver 不让层的behaviors 跟着走,怎么办?

用模板来作。

20)检查Flash 插件并重定向的脚本有时不正常,还有别的方法吗?

制作Flash 网页时,人们习惯使用Dreamweaver 的“ check plugin” behavior 来重定向。但是有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。

制作一个新的首页作为重定向的页面。用“ head ”对象面板的“ Insert Refresh ”定向到未使用Flash 技术的网页,如图。它会在页面头部加上如下代码:< meta http-equiv="refresh"

content="4;URL=noflash.htm">

另作一个很小的Flash 影片,在第一帧加上一个“ Get url ”行为,指向使用Flash 技术的页面。把这个小影片嵌入到用来定向的首页。

显然,这个重定向的页面是非常可靠的

网页优化必须做的26件事情

a)准备工作和建立内容

在你注册域名之前,你就应该记录下你的想法,应该准备足够100个网页的内容。请注意是至少。这100个网页应该是真正的内容,而不是链接页,关于我们页,联系我们或者版权声明等等杂七杂八的网页。

b)域名

你应该选择一个很容易建立品牌的域名,你要的是https://www.360docs.net/doc/ff14551430.html,,而不是关键词.com。充斥关键词的域名应该被丢弃,易于建立品牌的和容易辩识的域名才是最好的。

域名当中所包含的关键词作用现在非常之小。为什么https://www.360docs.net/doc/ff14551430.html,改名为https://www.360docs.net/doc/ff14551430.html,,那次改名是我所见过的,最大胆的策略之一。这个改名的策略摧毁了几年时间所建立的品牌。

c)网站设计越简单越好

一个指标是文字内容的比重应该大于HTML格式的比重。整个网页应该规范化,应该在所有的浏览器上显示正常。比如使它符合HTML3.2标准。搜索引擎蜘蛛还并不太喜欢HTML4.0标准。

应该远离那些太重的因素:Flash, dom, java script等。如果你必须要使用这些脚本的话,把他们作为外部文件来使用。在我看来,根本没有必要使用这些东西。这些东西几乎不能给一个网站增色,却会极大的从各个方面伤害网站的表现(搜索引擎友好问题只是其中之一)。

用逻辑的方式安排你的网站,可以在目录名当中使用关键词。你也可以采用另外一种方法,也就是把所有的网页都放在根目录当中(这种方法很少见,但是事实证明是非常好的有效的方法)。

不要让你的网站堆砌一大堆没用的东西,比如说建议使用什么什么浏览器,或者计数器等等,使它保持最简单化,看起来专业化。向Google自己学习,看看他的主页,简单的没法再简单了。这也正是人们所需要的。

速度不是最重要的因素之一,而是唯一的重要因素。你的网页应该非常快速,如果你的网页会延时3,4秒钟,你就完蛋了。当然如果你的主机和访客在不同的国家,3,4秒钟还有情可原,对当地的访客来说,3到4秒钟的下载时间已经是极限了。超过这个时间,每多一秒钟,你就会丧失10%的流量。而这10%的流量可能正是成功与失败的分野。

d)网页大小

越小越好,最好保持在15K以下。越小越好,最好保持在12K以下。越小越好,你最好保持在10K 以下。你明白了我的意思了吧。比5K大,小于10K,这是最好的。很难做到,但是却是最有效的。对搜索引擎也有效,对访客也有效。

e)内容

每天建一页两百到五百字的网页。如果你不知道该写些什么的话,做点关键词调查,然后根据你所得到的热门关键词写文章。

f)密度,位置等等

简单老式的SEO,在这些地方用一次你的关键词:网页标题,说明标签,正文标题,网址URL,黑体,斜体,网页的最开始。关键词密度介于5%到20%之间(也别太在意)。写出好的文章,并且检查错字。拼写检查(对中文来说,检查错字)正在变得越来越重要。因为搜索引擎已经开始运用自动纠错功能,所以已经没有可以写错别字的借口了。

g)导出链接

在每一个网页连向一到两个排名高的网站,在链接文字当中加上关键词(这一点对未来来说很重要)。

h)网站内的交叉链接

指的是同一个网站内的链接。在你的网站之内,高质量的内容之间互相链接起来。如果一个网页是关于食物的,那么你应该确保这页连向关于苹果的和蔬菜的那些页。尤其对Google来说,基于共同内容的相互链接对在你的网站之内分享PR是非常重要的。

你要的不是使其他网页黯然失色的一个全明星网页,你需要的是50个每天吸引一个访客的网页,而不是一个每天吸引50个访客的网页。如果你发现你的网站里面有一页,确实是吸引大部分流量的页,那么你就应该把这一页的PR值通过交叉链接,分散到其他网页上。这有一点像老话说的分享财富。

i)开通网站

最好不要使用虚拟主机。最好使用你自己的单独的IP地址。确保你的网站可以被搜索引擎蜘蛛所索引。所有的网页都应该连向你网站里其他的网页。所有的网页距离主页都不应该超过两次点击。所有内容页也都应该链接回主页。一个在所有页上都存在的菜单系统,应该链接到你的网站上的主要部分。

在你完成一个高质量的网站之前,不要把它开通。开通一个不好的网站,比不开通网站更糟糕,你要的是从一开始就是一个优秀的网站。

申请登录开放目录,如果你有预算的话,也申请提交到雅虎和其他付费目录。如果没有预算的话,可以试试雅虎的免费提交,但是不要抱太大希望。

j)网站提交

把主页提交到Google等搜索引擎,然后接下来六个月就忘了这件事。没错,提交,然后忘了它。

k)记录和跟踪

使用一个高质量的能够记录访客来源的日志分析软件。如果你的主机提供商不提供访客来源,你就应该使用另外一家主机提供商。

l)观察蜘蛛

观察来自搜索引擎的蜘蛛们,确保蜘蛛在爬行你的整个网站。如果不是的话,你应该检查你的所有链接系统,确保蜘蛛能发现你整个的网站。如果搜索引擎需要两次才能检索完你的网站,你也不要害怕。对很多搜索引擎来说,可能需要六个月才能发现和爬行你的网站。

m)主题性的分类目录

几乎每一个行业都有它自己的权威分类目录,去提交到这些分类目录当中。

n)链接

到Google版本的开放目录查看一下你的网站所在的行业,找到那些可以免费交换链接的网站,要求

交换链接,也没什么,继续下一个。每一天与一个新的网站交换链接,一个很简短的个人化的邮件就足够了。如果某个网站不愿意链接向你,别把它当回事-实际上早晚有一天他们会的。

o)内容

每天一页高质量的有内容的网页。有实效性的有主题的文章永远是最好的。避免太多博客型的个人化的东西,应该写更多文章类型的普通观众愿意看的内容。

提高你的写作技巧,学习适合网上人群的写作方式,多分段,短句子,读起来快的内容。大部分的网站访客不是读,而是浏览。这也就是为什么短的文章很重要。如果你看到一大篇不分段的文章,很多人马上就会按返回按纽了。

人们不会浪费15秒的时间,来了解你的花里唬哨的菜单系统是怎么工作的。某一个大公司的网站放上一个Flash菜单系统,并不意味着你也必须这么做。

使用标题,使用黑体来强调重点,并且也是逻辑分割。

p)秘密武器

离所谓的秘密武器,或者今天有用明天就没用的东西远一点。不要用任何看起来像垃圾的东西,任何不道德的,或任何接近于作弊手段的东西。

q)导出链接

当你收到交换链接请求的时候,要仔细查看对方的网站,不要轻易就链接回去。通过Google查看他们的网站,并看他们的PR值。不要链接到有问题的网站和质量不高的网站。确保对方网站和你的类似,是同一个行业的。

r)丰富你的网站

可以用一些内容丰富你的网站。比如说推荐网页给你的朋友,论坛,邮件列表,电子杂志等等。去看一下你本行业的论坛,读的越多越好,直到你读不下去了。

s)注意小册子类型的网站

如果你运行的是电子商务网站,或者你有一个真正的店面,想把生意扩充到英特网上,要注意不要把你的网站做成一个宣传手册。想想人们需要什么,访客不是来你的网站看你的内容,他们是来你的网站寻找他们自己所需要的内容。在你的文章当中,尽量少谈你自己和你的产品。

t)每天增加一个网页

回到关键词研究,找出好的点子,写新的网页。

u)研究日志文件

过了30到60天之后,你应该开始从已经被登录的地方得到一些访客。仔细看一下,人们是用什么关键词搜索找到你的网站的?是不是有一些很莫名奇妙的关键词组合?为什么人们会用这些关键词找到你的网站呢?有没有什么东西是你所忽视了的呢?很有可能你应该以这些为主题,创建更多的网页。

仔细研究你的网站和日志,给搜索引擎需要的网页。搜索引擎会准确的告诉你,他们想要什么。你要仔细的看,在你的网站日志当中有一座有待开发的金矿。

v)实效性的话题

在你的行业当中,永远走在别人前面。比如说如果一个大公司Z,在年底要推出产品A,那你可以在十月份之前就做好一个网页,是关于产品A的。那么在十二月份之前,搜索引擎就已经收录了这个网页。

w)朋友和家人

社交联系网络对一个网站的成功也非常关键,这也是你看那些论坛的时间要得到回报的时候了。仅仅是看永远是没什么用的,论坛的价值就在于和其他的同事及网友交流。通过交流,你可以得到长远的利益,而不是仅仅读论坛。这种交际网络也会通过其他方面得到回馈。比如说导入链接小窍门,电子邮件交换意见,成为这个行业的专家的可能性等等。

x)记录

如果你每天增加一个网页的话,你会发现有的时候,一个好主意突然就出现了,没准你正在洗澡(先擦干了),正在驾车(先把车靠在路边)或者也许就在桌子上趴着。当一个好的点子出现的时候,把它记下来。不然十分钟以后,你就会忘了你刚想起来的主意。

要把它先记下来,然后再把细节写出来。当你没什么好点子的时候,把这些记录拿出来。这听起来很简单,但是却是一个屡试不爽的好主意。

y)六个月的时候,检查提交的网站

看一下你所提交过网站的地方,是不是收录了你的网站。如果还没有的话,就再提交一次,然后再一次忘记。试一下那些免费的分类目录。

z)每天建增加一页高质量的网页

这一点已经重复好几次了,Google喜欢内容,大量的高质量的内容。以一系列关键词为基础的广泛的内容。在经过一年以后,你应该已经有了400页左右高质量的内容。这些内容应该使你的网站在很广泛的关键词里面得到好的排名。

做这26件事,我担保你一年以后,你会有一个成功的网站。它将能从搜索引擎中得到每天五百到两千个访客

Dreamweaver定义模板批量制作网页

做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大。

告诉你个秘密吧,其实只要用好模板工具,就能很好地“批发”网页。常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动。

一、建立模板

1、创建模板页面

最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver 会在网站根目录中建立一个模板文件夹——Templates来保存该模板。

当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板;再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中。

新建、打开的模板页面和普通的网页没什么两样,同样可以加入表格、层、图片、动画、脚本,设置页面属性等。

举例:这里以制作一个模板为例来说明。在该页面中,我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成,导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件,它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁,我们用表格来布置这些元素。

准确地说它只是一个没有可编辑区域的“准模板”,下面再设定可编辑区域。

2、设定可编辑区域

设定模板可编辑区域,一般来说有两种方法。

新建可编辑区域:选择命令:Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

标记某一区域为可编辑区域:选择命令:Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字,并且希望在以后新建的超文本文件中部分保留其内容,先选中该区域再执行标记命令即可。

取消可编辑状态:选择命令:Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框,其中有当前已有的可编辑区域列表,选中要取消的区域名称,确认即可。

举例:在大片空白区中随便单击一下,执行Modify→Template→New Editable Region命令,在弹出对话框中输入名称:Main;选中左下角本页说明下面的文字,执行Modify→Template→Mark Selectin as Editable Region命令,输入名称:exp。可以看到可编辑区显示为浅蓝色,保存即完成模板制作。

二、使用模板批量制作网页

1、根据模板新建页面

命令:File→New From Template。弹出对话框,从模板列表中选取模板,出现的新页面中除可编辑区外均有淡黄色背景,是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作,Exp编辑区保留有原来的文字,修改或重新编辑均可。

2、对一个已经有内容的页面应用模板

命令:Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框,让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

举例:我们先新建一个普通页面,输入:“CIW电脑工作室”,执行Modify→Template→Apply Template to Page命令,选择模板test,现有内容保存区域选择Main,确认后可看到页面自动变成了模板页的形式,而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

3、更新模板以全面更新站点

基于某一模板建立了一些页面后,对模板进行修改后保存时,就会自动弹出一个对话框,列出所有使用了该模板的页面,询问是否要更新。

另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板),单击右侧的Start按钮,软件会自动搜索与模板相关联的网页并进行更新。非常方便!

举例:Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的,现在不想要它,同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt,删除该图层,保存模板,单击右侧的“Update”按钮即可。

注意:新建和使用模板前需定义站点。方法是,执行命令:Site→Define Sites;指定站点名称和本地根目录(Local Root)。模板使用的是相对路径,如果没有指定网站在本地的位置,软件就不能准确找到并保存模板文件;并且应用模板新建和更新页面时,页面中的超链接也不能随页面文件保存位置的不同而相应变化

详解用DW制作网页中表格

表格是现代网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位。虽然现在都提倡WEB标准建立网站,但是有时在网页中还是会应用到表格的。

这个教程我们给大家讲解表格操作的基本方法。在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍。(看下图)

一张表格横向叫行,纵向叫列。行列交叉部分就叫做单元格。

单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。

dw网页制作基础代码

Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) -------- 网页文件开始标签 ------- 头部元素开始标签 --------- 网页标题开始标签 …》头部元素 --------- 网页标题结束标签 ------ 头部元素结束标签- ------- 网页内容开始标签 ... —网页具体内容 ------- 网页内容结束标签」 ------- 网页文件结束标签 Dreamweaver的代码里打“< "会出现可选择代码,或在“< > "里打空格也会出现,方便输入。标签书写方式(不同标签书写方式不同) 1. <标签〉对象 如:title、head 等。 2. <标签〉 如:br 3. <标签该标签的属性1= “参数1”该标签的属性2= “参数2 ” ...> 对象标签> 如: font 注意: 1. 第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。 2. 可以嵌套,但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字:... face:字体,引号中输入字体名。如:face= “黑体"。默认是宋体。 size:字号。可以是-7 -------- +7 之间整数。默认是3。 color:颜色。可使用“red ”之类的颜色名称或进制编码指定。默认黑色。 换行:
加粗:... 倾斜: 滚动字幕: 滚动标签:marquee 最简表达: 相关字幕 滚动的属性: Direction-- 表示滚动的方向,值可以是left , right , up , down,默认为left Behavior--表示滚动的方式,值可以是scroll (连续滚动)slide (滑动一次)alternate (来回滚动)

《Dreamweaver网页制作》期中试卷及答案

一、填空: (40分,每空 1 分) 1、网页三剑客中 Dreamweaver 是(网页)的软件; Fireworks 是(图像)的软件;Flash8 是(动画)的软件。 2、 Dreamweaver8的视图窗口有三种,即(代码)视图、 (拆分)视图和(设计)视图。 3、在开发网页之前,首先应建立一个(站点)来管理网页及图像等内容。 4、网页文件默认的扩展名是(.html), Flash 源文件的扩展名是(.swf)。 5、在网页设计中,要使表格边框在浏览器中不可见,应将边框粗细设为(0 像素)。 6、通过 Dreamweaver定义站点的方法有(基本)和(高级)两种。 7、站点地图是整个站点的(结构图),它以(层次结构)显示站点中各网页的链接关系。 8、单元格边距是指(单元格内容与边框)之间的距离;单元格间距是指(单元格)之间的距离。 9、 www 国内称之为广域网,是英文(WORLD)、(WIDE)、(WEB)的缩写,其信息资源主要就是由一篇篇使用(HTML)语言编写的 Web 文档组成。 10、通常用于网络中的图像格式有三种,即(JPG)、 (GIF)和(PNG)格式。 11、使用(放缩)工具可以放大或缩小文档;使用(抓手)工具则可以拖动页面。 12、网页中表格的宽度单位一般以(像素)为单位,也可用(百分比)来表示。 13、表格背景效果有两种设置,分别是(背景颜色)和(背景图案)。 14、跟踪图像用于辅助页面设计,可在(查看)对话框中设置。默认情况下,跟踪图像在 Dreamweaver编辑窗口是(可见),在浏览器中永远(不可见)。 15、标准表格又称为(html表格),它是用于 HTML页上显示(文字)以及(图像)和(表格数据)进行布局的强有力的工具。 16、 Dreamweaver 为用户提供了(左对齐)、 (右对齐)、 (居中对齐)、(两端对齐)四

《Dreamweaver网页设计》综合练习题(二)及答案

《Dreamweaver网页设计》综合练习题(二)及解答一、选择填空题(每空2分,共20分) 1.HTML 2.URL 3.ICP 4.SGML 5.CSS (_____)网络内容服务商 (_____)网络内容服务商 (_____)标准通用标记语言 (_____)统一资源定位符 (_____)超文本标识语言 答案: (___3_)网络内容服务商 (__5_)网络内容服务商 (__4_)标准通用标记语言 (___2__)统一资源定位符 (___1_)超文本标识语言 1.标签 2.标签

    3.标签 4.标签 5.标签
    (____)指定链接地址 (____)图片标记 (____)表单 (____)无序列表 (____)框架标记 二、单项选择题(每个题只有一个选项是正确的。每题3分,共45分) 1、如下所示的这段CSS样式代码,定义的样式效果是()。

    a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色,#00000为黑色,#0000ff为蓝色,#00ff00为绿色 A.默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色B.默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色C.默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色答案: D.默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色2、下图为Dreamweaver 8的新建文档页面,一般情况下,创建完全空白的静态页面应选择()。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.动态页类别中的选项 D.入门页面中的选项 参考答案:A 3、在Dreamweaver 8中,设置超级链接的属性,目标设置为_top时,表示()。 A.新开一个浏览窗口来打开链接 B.在当前框架打开链接 C.在当前框架的父框架中打开链接 D.在当前浏览器的最外层打开链接 参考答案:D 4、在Dreamweaver 8中,下面的操作不能实现插入到下图浅黄区域一行的是()。 A.将光标定位在第三行单元格中,选择“修改”菜单下“表格”子菜单中的“插入行”命令B.在第三行的一个单元格中单击鼠标右键,打开快捷菜单,选择“表格”子菜单中的“插入行”命令 C.把光标定位在最后一行的第一个单元格中,将该单元格拆分为两行

    Dreamweaver网页设计题

    网页设计 1.打开Dreamweaver8窗口后,如果没有出现属性面板,可执行(窗口)菜单中的“属性”命令将其打开。 2.在站点中建立一个文件,它的扩展名应是(HTM )。 3.如果不想在段落间留有空行,可以按(Shift + Enter )组合键。 4、在网页中连续输入空格的方法是(按下Ctrl+Shift键再连续按空格键)。 5、按(F12 )键可以在浏览器中预览页面。 6、网页代码可以分为两个部分,一个部分是头部信息,另一部分是网页的(主体部分)。 7、(文档)窗口是指中间的白色大块区域,用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后,如果没有出现站点浮动面板。可执行窗口菜单中的(文件)命令将其打开。 9、网页的正文部分用代码( )标记。 10、在网页中不能添加的元素是( D ) A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容( D) A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是( ) 13、空格的标记是( ) 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后,默认情况下,属性面板显示的是(文本属性)。 17、下面哪个功能不是开始页能够完成的操作(D )。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围? ( C) A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号:080320401002700,答案:b。 规划站点的目的是(对网页与素材分门别类的存放,便于管理,提高工作效率)。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是(宋体、12号) 22、要实现面板的快速显示与隐藏可以按下快捷键(F4 )。 23、下面的哪一项不属于网页标准色的三大色系?(D ) A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示,应使用(
    标记)标记。 25、设置网页正文字体的大小为9磅,下列正确的单位是(pt )。 26、下面文件属于静态网页的是 ( C )。 A、index.asp B、index.jsp C、index.html D、index.php 27、如果正在编辑的文件没有存盘,系统在文件名上加上(* )符号提示用户。 28、定义站点时,存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对(像素)值来定义。 31、选择多个非连续单元格,只要按下(ctrl )键,依次单击要选择的单元格即可。 32、整个表格的html标记是(

    ) 33、下面选项中哪个不是单元格的水平对齐方式之一(A )。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 34、以下说法正确的是( A ) A、如果要选择多个非连续的单元格,只要按下[Ctrl]键,依次单击要选择的单元格即可 B、表格一旦创建,单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 35、表格的行标记是( A ) A、tr B、td C、table D、tl 36、表格的单元格标记是( B ) A、tr B、td C、table D、th 37、不可以在插入表格时弹出对话框中设置的属性( C) A、行数 B、边框粗细 C、边框高度 D、列数 38、下列关于表格颜色的设置说法正确的是(D ) A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 39、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 40在属性面板中(边框 )是设置表格边框大小 41、下面哪些操作不可以在“文件”面板中完成( D )。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 42、若要在文档中添加一条水平线,应使用(
    标记)标记。 43、下列哪个内容不是表格的基本组成部分?(B ) A、行 B、图片 C、单元格 D、列 44、。单击任意一个标签就可以高亮显示文档窗口中的对应内容,如果选择( )标签,则选择了文档窗口中的表格。 45、Dreamweaver 8内置了格式化的表格库,执行(【命令】|【格式化表格】)命令可以应用。 46、在“水平线”属性面板中,不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影

    Dreamweaver网页制作教案

    认识Dreamweaver 一、学习目的 了解Dreamweaver,学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件, 也就是网页;它支持动态HTML,可以在网页中产生动画;还可以在网页中插入各种插件,以产生特殊效果。 Dreamweaver可用于管理站点,它像文件夹一样创建和打开站点,用不同的方式查看站点中各个网页之间的关系,调整站点的组织结构,使整个站点条理清晰。 2、Dreamweaver的窗口 (1)标题栏 (2)菜单栏 (3)工具栏 (4)视图栏 (5)文件夹列表 (6)工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”,它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现,在此方式下,可以 像在Word中那样直接进行各种编辑操作,实现网页编辑的所有功能。

    HTML视图实际上是一个文本编辑器,其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示,这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果,Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识

    用Dreamweaver制作网页模板

    用DreamweaverCS4制作网页模板 一、制作模板 (1)在硬盘上创建一个——模板网页的文件夹,然后再该文件中新建一个名为images的文件夹,并将所需要图片复制到该文件中。 (2)打开DreamweaverCS4,创建一个HTML网页 (3)执行菜单中的“文件/另存为模板”命令,在弹出的“另存模板”对话框中设置参数单击“保存”按钮,则模板文件被保存在站点的Templates文件夹中,文件扩展名为.dwt。 (4)由模板生成的网页哪些地方可以编辑,是需要预先设定的。下面设定“navigator”和“content”两个可编辑区域。 (5)单击插入栏“常用”类别中的(可编辑区域)按钮,然后再弹出的“新建可编辑区域”对话框中输入名称,单击确定按钮,同理,制作content可编辑区域, (6)按(Ctrl+S)组合键保存模板。 二、应用模板 (1)执行菜单中的“文件/新建”命令,新建一个HTML网页。然后将其保存为inder.html。 (2)进去“资源”面板,单击(模板)按钮,然后选中刚才建立的网页,单击“应用”按钮,模板就被应用到了新的网页中。 (3)更新模板当模板进行了修改了以后,按组合键保存模板,出现所示的“更新界面”对话框,这样会大大提高工作效率。 三、模板给设计者带来的好处。 模板是在DreamweaverCS4中提供的一种机制,他能够帮助我们快速制作出一系列具有相同风格的网页。制作模板和制作普通网页相同,只是不把网页的所有部分都制作完成,而是只把导航栏和标题栏等各个网页共有部分制作出来作为模板中的不可编辑区域,把中间部分作为可编辑区域来放置网页的具体内容。

    Dreamweaver网页设计题库全(有答案)

    网页设计复习试题(理论) 一、选择题 1、在网页中不能添加的元素是(D) A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容(D) A、外观 B、链接 C、跟踪图像 D、首选参数 3、下列 (B )方法无法添加网页标题 A、在 HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作(D)。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围? ( C ) A、页面内容设计 B 、网页架构设计 C、服务器设计 D、 LOGO设计 6、下面的哪一项不属于网页标准色的三大色系?( D) A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是( C )。 A、 index.asp B、 index.jsp C、 index.html D、 index.php 8、下面选项中哪个不是单元格的水平对齐方式之一( A )。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是(A) A、如果要选择多个非连续的单元格,只要按下[Ctrl]键,依次单击要选择的单元格即可 B、表格一旦创建,单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是(A) A、 tr B、td C、 table D、tl 11、表格的单元格标记是(B) A、 tr B、td C、 table D、th 12、不可以在插入表格时弹出对话框中设置的属性( C ) A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是(D) A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景 图片 14、下列不能创建表格的是( D ) A、单击 [ 插入 ] 菜单 , 选择 [ 表格 ] 命令 B、单击常用面板中的" 表格 " 按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15 、下面哪些操作不可以在“文件”面板中完成(D)。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16 、下列哪个内容不是表格的基本组成部分?( B ) A、行 B、图片 C、单元格 D、列 17 、在“水平线”属性面板中,不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18 、在表格属性面板中,不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19 、( A )的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取 A、表格 B、框架 C、层 D、表单 20 、除了(D)格式,其他三种图像格式都是应用于网络。 A、 GIF B、JPEG C、 PNG D、MP3 21 、在制作文本超链接时,建立了超链接的文本(C)发生了变化,并且多 A、字体 B、大小 C、颜色 D、位置 22 、以下能够创建空链接是( A ) A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“! C、在”链接“文本框中直接输入“$”D 、在”链接“文本框中直接输入“ @”以下是 Dreamweaver MX 热点工具的是( D ) A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中( D )。 A、 GIF B、 JPEG C、 PNG D、 BMP 25、源端点不能用于附加超链接的对象组有( B )。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、 FLASH动画 D 、文本、图像、图层 26、通过页面属性可以修改链接的样式,下列哪些不能在页面属性里设置( A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式 27 、下列路径中属于绝对路径的是( A )。 A、 https://www.360docs.net/doc/ff14551430.html,/index.html B、/student/webpage/10.html C、 10.html D、webpage/10.html 28 、占位图像的名称必须以字母开头,且只能包含字母和( A )。 A、数字 B、汉字 C、下划线 D、空格 29 、在 dreamweaver 中可以直接制作(C) A、视频 B、音频 C、 flash按钮 D、以上都不对 第

    Dreamweaver之网页制作报告

    《多媒体技术及应用》 报告 学生姓名:嘎嘎 学号: 专业班级:自动化103班 网页制作报告(目录) 1.设计目的3 1.1 阐述该主题网站的设计意图和创意 3 1.2简单介绍自己的个人网站 3 2.设计思想3 2.1在设计中主要用的技术 3 2.2 网页基本的框架 3 3.网页详细设计分析4 3.1建立布局 4 3.2网页中的图像 5 5

    5 6 3.3插入视频和音乐 6 3.4设置图片循环滚动 7 3.5设置链接 7 3.6做个外网搜索栏 8 3.7常用的显示-时间天气 8 3.8建立子网和友情链接 9 3.9文段的处理 9 4.最终效果图9 5、结论总结11 1、设计目的 1.1 阐述该个人网站的设计意图和创意。 本课程的设计目的是通过实践让我们学会利用Dreamweaver cs6开发制作网站,以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs6可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网

    页设计作品。熟练掌握Photoshop cs5、Dreamweaver cs6等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。 1.2简单介绍自己的个人网站 我本次主要是设计的以“迈克尔·约瑟夫·杰克逊”为主题的网页,针对他的传奇一生及对世界巨大的贡献与巨大的影响力做了介绍。 2、设计思想 2.1在设计中主要用的技术 利用Dreamweaver CS6制作一个关于“Michael Jackson”的网站,利用表格、行为、层和链接等网页设计技术设计页面。 2.2 网页主要的页面 本网站以迈克尔·杰克逊的人生经历为素材,主要讲解了他人生的各个阶段、他取得的巨大成就、他面临的困境、他的处世态度的内容。主网设计的几大亮点:视频和音乐的点播、滚动图片的浏览、百度的在线检索、实时的时间天气、热点的使用、链接的创建、返回顶点等。主网设有8个栏目,图片含有单多个链接。大致结构如下图所示。 形象图、图片链接长=600 高=180 图片滚动栏、鼠标即停、 链接350 时间天气 (更新、滚动、鼠标即 停、联网350 搜索栏:size(80)

    Dreamweaver网页制作教程

    Dreamweaver网页制作教程:定义站点 网页教学网【转载】 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。创建 Web 站点的第一步是规划。为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划。决定要创建多少页,每页上显示什么内容,页面布局的外观以及页是如何互相连接起来的。 请执行以下操作: 启动 Dreamweaver MX 2004: 选择“站点”>“管理站点”(即,从“站点”菜单选择“管理站点”)。出现“管理站点”对话框。 在“管理站点”对话框中,单击“新建”,然后从弹出式菜单中选择“站点”。出现“站点定义”对话框。 如果对话框显示的是“高级”选项卡,则单击“基本”。出现“站点定义向导”的第一个界面,要求您为站点输入一个名称。 在文本框中,输入一个名称以在 Dreamweaver MX 2004中标识该站点。该名称可以是任何所需的名称。

    单击“下一步”。出现向导的下一个界面,询问您是否要使用服务器技术。 选择“否”选项,指示目前该站点是一个静态站点,没有动态页。 单击“下一步”。出现向导的下一个界面,询问您要如何使用您的文件。 选择标有“编辑我的计算机上的本地副本,完成后再上传到服务

    器(推荐)”的选项。在站点开发过程中有多种处理文件的方式,初学网页制作的朋友请选择此选项。 单击该文本框旁边的文件夹图标。随即会出现“选择站点的本地根文件夹”对话框。 单击“下一步”,出现向导的下一个界面,询问您如何连接到远程服务器。从弹出式菜单中选择“无”。您可以稍后设置有关远程站点的信息。目前,本地站点信息对于开始创建网页已经足够了。单击“下一步”,该向导的下一个屏幕将出现,其中显示您的设置概要。 单击“完成”完成设置。随即出现“管理站点”对话框,显示您的新站点。单击“完成”关闭“管理站点”对话框。 现在,已经为您的站点定义了一个本地根文件夹。下一步,可以

    《Dreamweaver网页设计》试题

    一、多项选择题【共30题,每小题1分,共30分。】 1.将文本强制换行,但不更换段落,应该按()键。 A)Enter B)Ctrl+Enter C)Shift+Enter D)Alt+Enter 2.下列各项中不属于CSS样式表优点的是()。 A)CSS可以用来在浏览器的客户端进行程序编制,从而控制浏览器等对象操作,创建出丰富的动态效果 B)CSS对于设计者来说是一种简单、灵活、易学的工具,能使任何浏览器都听从指令,知道该如何显示 元素及其内容 C)一个样式表可以用于多个页面,甚至整个站点,因此具有更好的易用性和扩展性 D)使用CSS样式表定义整个站点,可以大大简化网站建设,减少设计者的工作量 3.如下所示的这段CSS样式代码,定义的样式效果是()。 a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} A)默认链接色是绿色,访问过链接是蓝色,鼠标上滚链接是黑色,活动链接是红色 B)默认链接色是蓝色,访问过链接是黑色,鼠标上滚链接是红色,活动链接是绿色 C)默认链接色是黑色,访问过链接是红色,鼠标上滚链接是绿色,活动链接是蓝色 D)默认链接色是红色,访问过链接是绿色,鼠标上滚链接是蓝色,活动链接是黑色 4.下面图像格式中,只有()格式支持图像背景透明。 A)GIF B)JPEG C)BMP D)PCX 5.在Dreamweaver中插入图像之后,以下说法正确的是()。 A)自动加入height和width两个属性,使排版位置确定,优化显示速度 B)自动加入Alt属性,当图片不能正确显示的时候显示替代文字 C)自动对图像进行压缩,减小文件尺寸,优化显示速度 D)自动减少图像的颜色数,减小文件尺寸,优化显示速度 6.创建空链接使用的符号是()。 A)@ B)# C)& D)* 7.页面属性设置中,背景图案默认的填充方式是()。 A)横向排列 B)平铺 C)纵向排列 D)单个图像 8.在文本链接的 a href标签中插入以下属性:style="text-decoration:none; color:black",得到的效果是 ()。

    DW建站怎么制作设计网页终极教程

    一、定义站点 1、在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。***备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 ***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。 二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 ***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。 2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。 ***在网页上打入空格的办法是:把输入法调为全角。 ***在网页上换行的办法是:shift+Enter。只按Enter则为换段。 三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。 2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。 3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。 四、添加超级链接 1、为文字添加链接。 比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。 2、为图片添加链接 与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下: 在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画

    Dreamweaver网页设计电大模拟题库2015(附答案)资料

    模拟题库一、配伍题

    二、单项选择题 1、下面关于网站策划的说法错误的是() A.向来总是内容决定形式的 B.信息的种类与多少会影响网站的表现力 C.做网站的第一步就是确定主题 D.对于网站策划来说最重要的还是网站的整体风格 2、下面关于素材准备的说法错误的是() A.是网站制作中的重要一环 B.在Dreamweaver中自带有准备素材的功能 C.Adobe公司的Fireworks可以和Dreamweaver很好的结合使用 D.网站徽标的设计对于制作网站来说比较重要 3、下面哪个顶层域名()可以用来标识非盈利的组织、团体。 A. .com B. .gov C. .org D. .mil 4、下面选项中关于浏览器的描述是错误的() A.浏览器主要包括IE浏览器、Firefox浏览器、苹果公司的Safari浏览器等B. Firefox紧随IE其后,并已有超越之势 C. Microsoft Office 是一款非常好用的浏览器 D.国产浏览器如360、傲游、腾讯TT等由于其采取的恰当的市场策略,整体上已压过了Firefox等在国外很流行的浏览器

    5、GIF图像的优点不包括() A.它支持动画格式 B.支持透明背景 C.无损方式压缩 D.支持24位真彩色 6. 下面那些标签符合(X)HTML的语法结构() A. 国家开放大学 B. 哈利波特 C. [body] [/body] D. {book=网页设计} 7. 在Dreamweaver中插入ActiveX控件文件后,显示为() A. B. C. D. 8. 下面哪个选项不符合样式表的基本语法规则 ( ) A. a:link {color: #FF3366;font-family: "宋体";text-decoration: none;} B. a:visited {font-family: "宋体";color: #339900;text-decoration: none;} C. a:hover {color: #FF6600;font-family: "宋体";text-decoration: underline;} D. a:active (font-family: "宋体";color: #339900;text-decoration: none;) 9. 在Dreamweaver软件的主编辑窗口中,视图不包括是() A.拆分 B.级联 C. 设计 D. 代码 10. 为链接定义目标窗口时,_blank表示的是()。 A. 在上一级窗口中打开 B. 在新窗口中打开

    使用Dreamweaver制作网页

    第四章使用Dreamweaver制作网页 4.1 Dreamweaver简介 1.主要功能与特色 Dreamweaver 是Macromedia公司推出的可视化的网页设计和站点工具,用户可以不用编写HTML代码就可以生成跨平台、跨浏览器的网页,它支持动态HTML和CSS样式,采用了Roundtrip HTML技术(可以同时进行可视化设计与源代码设计),页面设计过程中自动生成的源代码简练,通过对象的属性控制面板可以很方便地完成各种属性的设置。最新版的Dreamweaver MX在站点管理和动态网页编辑方面的功能更加强大,是目前最为流行的网页设计工具。 2.用户界面 (1)主窗口:包括菜单栏(实现几乎所有功能)、工具栏(常用操作)、工作区(网页编辑区)、状态栏(各种提示信息)。 (2)浮动的控制面板:在网页设计过程中,随着选中的对象不同,属性面板的内容自动更新,通过它可以完成各种属性设置、建立链接、编辑代码等。 (3)站点管理窗口:用类似于资源管理器的方式对站点中的所有文件进行管理,如:重命名、移动(并自动更新所有链接)、复制、删除文件;新建/打开文件夹、文件;可以直接上传(put files)或下传(get files)文件等。 4.2 Dreamweaver中的基本操作 1.建立站点 站点是存储所有Web网站文件的地方。用Dreamweaver创建网站前,应该先在资源管理器中建立一个文件夹,以便今后保存所有站点文件。在Dreamweaver中创建网站时,需要给出站点名称(最好直接用网站的中文名字,该名称可以更改)和一个本地文件夹(就用资源管理器中刚建的那个)。 建好站点后,再从站点管理窗口建立起各个栏目的子文件夹以及用于保存公共文件的分类文件夹,如放图片的images、放样式的CSS。 特别提示:在Dreamweaver中建立文件夹和文件时,应该采用英文字符/数字命名,不要用汉字,以免有时候上传之后不能正常显示。 2.建立网页 (1)设置页面总体属性:从“修改”(Modify)菜单中选择“页面属性”(Page Properties),可以设置网页的标题、背景图片、背景颜色、超级链接各状态的颜色、页面边距等。 (2)编辑文本:和Word中的操作基本相同,先输入文字,然后通过属性面板设置字体、字号、

    用dreamweaver制作网页的实践报告

    目录 目录 0 摘要 (2) 正文 (3) 网页制作过程大纲 (3) 具体操作步骤 (3) 制作过程简介 (4) 制作网页前的准备: (4) 开始制作网页: (4) 网页制作的要点: (5) 实践心得 (6) 学到的知识: (7) 网页制作心得: (8) 一.页面的设计方面 (8) 二.网页视觉效果 (8) 三.网页的整体布局和导航 (8) 四.网页中文字、图像 (9) 五.网页制作过程中的其他注意事项 (9)

    Web考试网页制作 摘要 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 对于现在的社会,科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是Internet 的普及和发展,网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。 企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象。 对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视

    dreamweaver网页制作教学大纲

    课程编号: 课程名称:《网页设计与制作》 英文名称: 课程类型:专业选修课 总学时:72 讲课学时:41 上机实践学时:31 学分:100分 适用对象:三年高职电子商务专业 先修课程:《计算机文化与应用基础》 一、课程的性质和任务 “Dreamweaver 网页设计”是计算机网络技术专业(专科)的一门统设必修课,同时也是电子商务的基础课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS 层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。 二、课程的教学目标和基本要求 掌握Dreamweaver的交互界面的组成与使用方法,Web站点的基本方法与步骤,站点管理器的用途,学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法,及各设置参数的作用。掌握制作超级链接、E-mail链接、书签等形式的超级链接,使用CSS样式创建、编辑网页的方法,水平线、日期、图象对象的主要属性与设置方法,表格的创建、结构调整与美化方法,网页中创建、修改层和嵌套层的方法,掌握框架结构网页的制作方法,学会利用行为面板设置控制对象的行为,学会通过模板和库元素创建网页的方法,学会使用Dreamweaver中应用表单设计网页的方法,掌握并了解可以在网页中插入Fireworks电影、Flash MX电影、ActiveX.控件等多媒体对象的方法。 本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。 三、先修课程要求 《图像处理》 要求:熟练掌握图像的格式转换、色彩调节、比例缩放、文字处理、特效制作等 四、教学内容和教学要求 ㈠网页设计介绍 ⒈网页概念 ⒉网页中的基本元素

    用Dreamweaver制作网页的基本步骤

    用Dreamweaver制作网页的基本步骤 如何使用Dreamweaver制作一个网页?这个教程具体详细讲解了制作网页的步骤, 及注意的问题,并且拿一个实例来给大家做了一下详细讲解! 创建网页页面 1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文 版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表 示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注:网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页,上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称,点击修改-页面属性,打开“页面属性”窗口。在这里 可以设置网站的标题、背景颜色或背景图像,超级链接的颜色(一般默认即可),其他都保 持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回 车使其位于页面中间等。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加 入了。 注:在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。 注:在网页上打入空格的办法是:把输入法调为全角。 注:在网页上换行的办法是:shift+Enter。只按Enter则为换段。 下面拿一个现成的例子来给大家讲解一下: 现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 网页顶端的标题“我的主页”是一段文字。 网页中间是一幅图片。

    Dreamweaver制作网站实例教程

    Dreamweaver制作网站实例教程(超实用) 一、定义站点 1、在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。 ***备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 ***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。 二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 ***网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。 2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。 ***在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。 ***在网页上打入空格的办法是:把输入法调为全角。 ***在网页上换行的办法是:shift+Enter。只按Enter则为换段。 三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。 2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。 3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。 四、添加超级链接 1、为文字添加链接。 比如,在页面上输入“我的文章”,然后将其选中,打开属性面板,在“链接”一格中,选择它所要链接到的页面即可。后面一格“目标”我们一般常用的是self即打开的新窗口代替了现开的窗口;或是选择blank即打开新窗口。 2、为图片添加链接 与上面文字的链接同理,插入图片,然后在属性面板中的链接一格中选择即可。 ****图片可以创建不同的多个链接。方法如下: 在属性面板中的“地图”一项下面有一些图形,比如点击方形,光标变成十字,在图片上画一个蓝色矩形的热区,此时在属性面板上可以为这个热区设置链接地址,鼠标指向会显示。同样,再用圆形设置一个热区,就可以再为该图片设置其他链接了。

    相关文档
    最新文档