版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、精品好资料学习推荐颜色代码#000000#CCFFFF#99FFFF#66FFFF#33FFFF#00FFFF#000FCC#CCFFCC#99FFCC#66FFCC#33FFCC#00FFCC#000F99#CCFF99#99FF99#66FF99#33FF99#00FF99#000F66#CCFF66#99FF66#66FF66#33FF66#00FF66#000F33#CCFF33#99FF33#66FF33#33FF33#00FF33#000F00#CCFF00#99FF00#66FF00#33FF00#00FF00#FFCCFF#CCCCFF#99CCFF#66CCFF#33CCFF
2、#00CCFF#FFCCCC#CCCCCC#99CCCC#66CCCC#33CCCC#00CCCC#FFCC99#CCCC99#99CC99#66CC99#33CC99#00CC99#FFCC66#CCCC66#99CC66#66CC66#33CC66#00CC66#FFCC33#CCCC33#99CC33#66CC33#33CC33#00CC33#FFCC00#CCCC00#99CC00#66CC00#33CC00#00CC00#FF99FF#CC99FF#9999FF#6699FF#3399FF#0099FF#FF99CC#CC99CC#9999CC#6699CC#3399CC#0099C
3、C#FF9999#CC9999#999999#669999#339999#009999#FF9966#CC9966#999966#669966#339966#009966#FF9933#CC9933#999933#669933#339933#009933#FF9900#CC9900#999900#669900#339900#009900#FF66FF#CC66FF#9966FF#6666FF#3366FF#0066FF#FF66CC#CC66CC#9966CC#6666CC#3366CC#0066CC#FF6699#CC6699#996699#666699#336699#006699#FF66
4、66#CC6666#996666#666666#336666#006666#FF6633#CC6633#996633#666633#336633#006633#FF6600#CC6600#996600#666600#336600#006600#FF33FFCC33FF#9933FF#6633FF#3333FF#0033FF#FF33CC#CC33CC#9933CC#6633CC#3333CC#0033CC#FF3399#CC3399#993399#663399#333399#003399#FF3366#CC3366#993366#663366#333366#003366#FF3333#CC33
5、33#993333#663333#333333#003333#FF3300#CC3300#993300#663300#333300#003300#FF00FF#CC00FF#9900FF#6600FF#3300FF#0000FF#FF00CC#CC00CC#9900CC#6600CC#3300CC#0000CC#FF0099#CC0099#990099#660099#330099#000099#FF0066#CC0066#990066#660066#330066#000066#FF0033#CC0033#990033#660033#330033#000033#FF0000#CC0000#990
6、000#660000#330000#000000WHITEredBULEGREENYELLOWPINKORANGELIMESEAGREENMEDIUMSEAGREENBROWNPURPLENAVYAQUADARKBLUEGRAYDARKREDORANGEREDGOLDSILVERTOMATOIVORYCORALBLACKPLUMOLIVETEALTANCRIMSONAZURE巧用Dreamweaver轻松制作网页页内连接在网页制作中我们经常会遇到有时需要制作页内连接的情况,比如首先列出一个目录,然后后面内容是按目录列出的,我们需要实现的是当点击目录中的一项时,直接转到内容页面。 首先把光标定位
7、到要连接的内容页面的位置的左侧,然后插入命名锚记。 给锚记命名一个名称。 然后再选择目录,设置超级连接。 保存后,按F12浏览。Dreamweaver8轻松实现文本的段落缩进我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格);但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置。但浏览器对于文本中的空格,不管多少只认一个空格。如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题。针对这一问题,本文为大家提供以下几种解决办法。 一、用自Dreaweave身所带的功能1、在Dreamweaver中执行下面操作4次就可以插入两个汉字
8、大小的空格。 2、用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐、不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了。二、用HTML语言用HTML语言方实现中文段落缩进。对于不懂HTML的初学者来说就有些困难了。1、预格式(PRE)用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为: pre预格式显示/pre网页就会按照你预先设置好的显示方式显示,即在“预格式显示”的前面就会空两个汉字的位置。2、插入特殊的空格字符“ ” “ ”代表非显示空格字符。插入若干个“ ”字符,中间用分号(;)或者空格隔开,也可以实现中文段落缩进。不过在N
9、etscape 3.01中只能写小写字母,而在IE中大小写都可以。(此方法易产生乱码,不建议采用)三、用输入法的全角 如果你用的是智能ABC的拼音输入的话,那请按SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。另外智能陈桥五笔的全角方式也可以直接输入空格。这种方法相对比较简单,缺点是英文字符集下,全角空格会变成乱码。四、另类方法1、插入点图或图形:点图是指图片中只有一个或几个像素点,用肉眼看不出来。当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进。2、插入没有边框和内容的表格:这种方式与
10、上述的插入图形方式类似,该表格没有边框和内容而是空表格。用TABLE的WIDTH和HEIGHT属性调整表格大小适合缩进的需要。利用表格来定位一般来说比较可靠,这种方法容易使页面的源文件变大。因此也不见得是格式控制的首选。最后告诉你一个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。五、CSS方法 把标记加上一些属性就可以实现,就可以了!本站推荐使用此方法,以后网页教学网也要改版符合WEB标准的网站的。介绍了这么多种,用哪种好呢?各位可以按自己的喜好而定。WindowsXP家用版操作系统也能安装IIS 事前准备 1、Windows XP Home
11、Edit 中文版 CD(拷在硬盘也可以) 2、默认你的XP是安装在C:WINDOWS下 开始动手 (如果你怕改错,先把C:WINDOWSINFSYSOC.INF做一份备份) 用记事本打开C:WINDOWSINFSYSOC.INF,在COMPONENTS下找到一行: iis=iis.dll,OcEntry,iis.inf,hide,7 然后把它改成 iis=iis2.dll,OcEntry,iis2.inf,7 保存。 怎样编写CSS?从上面的例子中,我们可以看到CSS的语句是内嵌在HTML文档内的。所以,编写CSS的方法和编写HTML文档的方法是一样的。您可以用任何一种文本编辑工具来编写。比如
12、Windows下的记事本和写字板、专门的HTML文本编辑工具(Frontpage、Ultraedit等),都可以用来编辑CSS文档。 那么您可能会问,独立编辑好的CSS文档怎样加入到HTML文档中呢?其实在第一章中的例子里已经介绍了两种方法。一种是把CSS文档放到文档中: 其中中的“type=text/css”的意思是中的代码是定义样式表单的。 另一种方法是把CSS样式表写在HTML的行内,比如下面的代码: 蓝色14号文字 这是采用的格式把样式写在html中的任意行内,这样比较方便灵活。 还有一种方法是:把您编辑好的CSS文档保存成“.CSS”文件,然后在中定义。定义的格式是这样的: 我们看到
13、这里应用了一个,“rel=stylesheet”指连接的元素是一个样式表(stylesheet)文档。一般这里是不需要您改动的。而后面的“href=style.css”指的是需要连接的文件地址。您只需把编辑好的“.CSS”文件的详细路径名写进去就可以了。这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式,从而减少了大量的冗余代码。 本章主要介绍了编写CSS的方法以及如何把作好的CSS文档与HTML结合起来运用。您可以根据自己编写的HTML代码的结构、长度来选择用哪一种方法将CSS与之结合。下一章我们将进入CSS的具体知识的学习,我们将先从最基本的属性开始讲起。CSS快速入门CS
14、S是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。图1 图2看到上面的两幅图片,您可能会认为这是用photoshop或者是其他图形处理软件制作的吧。可是上面的例子却完全是用CSS编写的。我们来看一下它的源代码(不要以为讲代码您会搞不懂,很简单的_):css word /*CSS样式定义开始*/ /*样式定义结束*/ /*以下的区域内采用中里面定义的格式*/ hongen /*定义字体样式(font-style),包括字体大小(size)、粗细(bold)、
15、颜色(color)*/ 上面的代码中以红色显示的是注释部分,用于帮助您更好的理解代码的含义。上面的这一段代码产生的是如图2的效果。而其中字体的模糊效果就是运用了CSS的滤镜功能。滤镜功能是CSS非常有趣也非常吸引人的一个功能,我们将在后面的章节中介绍。实际上CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的: 选择符属性:属性值 看,是不是很简单,只有三部分。 我们结合上面的代码来讲解,比如上面代码的中,使用来指定样式。 一般说来,下面的CSS语句是以注释语句的形式书写的,也就是上面代码中的符号包含的部分。所以,上面的例子中定义页面样式的语句是:divwidth:200;fi
16、lter:blur(add=true,direction=35,strengh=20); 在上面的语句中,DIV是选择符,选择符可以是HTML中任何的标识符,比如P、DIV、IMG甚至BODY都可以作为选择符。 这里用DIV做选择符,就是说在HTML中,编辑在中的页面格式将以上面语句中大括号内定义的格式显示。 括号内的WIDTH和FILTER就是属性。WIDTH定义了DIV区域内的页面的宽度,200是属性值。 FILTER定义了滤镜属性,BLUR是它的属性值,该属性值产生的是一种模糊效果,其小括号内定义的是BLUR属性值的一些参数。 ADD参数有两个值:True和False。分别指定图片是否被
17、设置成模糊效果。Direction参数是用来设置模糊的方向。0度代表垂直向上,然后每45度一个单位,例子中的135代表底部向右135度,每一个度数单位都代表一个模糊方向,如果您感兴趣的话,可以参照后面的讲解中详细的参数设定。 Strengh代表有多少像素的宽度将受到模糊影响,参数值是用整数来设置的。 我们看到除了在中有CSS 的定义,在中也有一段CSS定义: hongen 这里Style是内嵌到中来定义该段落内的格式的。我们发现在中的CSS语句与定义在中还有些不同,它是用直接定义的。这种定义方法非常适用于编写的代码比较多的情况。而上面的代码的CSS定义格式则非常适用于代码较少、结构较简单的情况
18、。 按照CSS语句的基本格式,我们可以看出上面定义P段落内的CSS代码中font-size、font-style和color是属性,分别定义中“hongen”字体的大小(size)、样式(style)和颜色(color);而48、bold、red是属性值。意思是“hongen”将以48pt、粗体、红色的样式显示。由于整个段落是定义在中的,所以hongen又将显示出中定义的滤镜属性来。最终的结果就如同图2一样。 图1中的效果也是用很简单的CSS语句实现的,只是运用了CSS中的滤镜属性而已。 通过上面的讲解,我们可以看到用很简单的CSS语句就可以实现许多需要专业软件才可以达到的效果。利用属性可以设
19、置字体、颜色、背景等页面格式;利用定位可以使页面布局更加规范、好看;利用滤镜可以使页面产生多媒体效果。 怎么样,CSS的功能是不是很强大,在下面的教程中我们将对它进行详细的讲解。Dreamweaver进阶:标签选择器的妙用Dreamweaver作为优秀的可视化网页编辑工具,为我们提供了一整套可视化网页制作平台,让你的网站开发效率得到极大提升。今天我们来讲讲“标签选择器”的应用,通过Dreamweaver内置的强大标签库,你会发现自己将远离枯燥的代码书写了。“标签选择器”带来的最直接好处,就是我们不必熟记那么多纯代码的参数定义了,别人需要手工大量书写代码才能实现的效果,我们通过它就能轻松完成。插
20、入iframeiframe框架,虽然在浏览器兼容性上谈不上非常友好,但它的应用的确广泛。我们可以将它嵌在网页中的任意部分,这样对于提高网页排版的灵活性还是非常有好处。当然,iframe相关代码的书写还是令许多人头痛的,今天我们就通过Dreamweaver的标签选择器来插入一个iframe框架,不需要你手工写一句代码的方法。点击菜单“插入”“标签”,进入“标签选择器”。鼠标在左侧标签分类列表中依次选择“标记语言标签”“HTML标签”“页元素”,在右侧标签列表中选择“iframe”,点击“插入”按钮完成,如图1。图1 系统会自动转入“标签编辑器”,接下来,忘记烦人的手工书写代码吧,你要做的就是根据
21、提示填写所需的iframe参数。如果你对于某些选项还不是非常熟悉,可以点击对话框下的“标签信息”,软件内容详尽的标签帮助应该可以给你权威的解释,如图2。图2 熟练使用“标签编辑器”的好处是显而易见到,只要是标准的HTML标签都能找到,虽然程序没有做到所有的插入标签都采用可视化操作,不过我们可以通过下面介绍的“标签检查器”来弥补。快速定义水平线 Dreamweaver还提供了一个强大的标签参数设置功能“标签检查器”面板。下面我们就来实际体会一下“标签检查器”的用处,我们来定义水平线的值。在Dreamweaver中插入水平线是非常容易的,不过软件提供的默认属性设置实在有限,连水平线的颜色都不能自由
22、设置,难道还需要我们手工添加代码吗?当然不必这么麻烦,鼠标在编辑区选择水平线,打开“标签检查器”面板(快捷键F9调用),切换到“属性”选项卡。“属性”选项卡提供的资料类似于“属性面板”,不过可比它强大了许多。软件提供了这样一些基本定义:“常规”、“浏览器特定的”、“CSS/辅助功能”、“未分类”。我们选择不同的网页标签,“属性”中的参数是完全不同的,都是针对每一个标签的定义参数。本例,选择了一个水平线,我们可以在“属性”的“浏览器特定的”下找到color参数,这不是颜色设置吗?呵呵,赶紧通过内置的颜色选择器为水平线设置所需颜色吧,如图3。图3 我们上面说过了“标签检查器”可以作为“标签编辑器”
23、的有益补充,例如我们制作滚动字幕经常用到的“marquee”标签,我们使用“标签编辑器”插入“marquee”标签,系统并不会如“iframe”标签那样提供可视化的参数设置界面,仅仅在代码中插入简单的代码“”,呵呵,令人抓狂吧。其实不必担心,现在“标签检查器”就派上用场了,选中“marquee”标签后,“标签检查器”会提供详细的设置参数供选择,如图4。图4固态硬盘:最新SSD固态硬盘解析SSD是何方神圣SSD主要分为以下两种类别:基于闪存的SSD:采用FLASH芯片作为存储介质,这也是我们通常所说的SSD。它的外观可以被制作成多种摸样,例如:笔记本硬盘、微硬盘、存储卡、优盘等样式。这种SSD固
24、态硬盘最大的优点就是可以移动,而且数据保护不受电源控制,能适应于各种环境,但是使用年限不高,适合于个人用户使用。 基于DRAM的SSD:采用DRAM作为存储介质,目前应用范围较窄。它仿效传统硬盘的设计、可被绝大部分操作系统的文件系统工具进行卷设置和管理,并提供工业标准的PCI和FC接口用于连接主机或者服务器。应用方式可分为SSD硬盘和SSD硬盘阵列两种。它是一种高性能的存储器,而且使用寿命很长,美中不足的是需要独立电源来保护数据安全。 由于采用FLASH存储介质,它内部没有机械结构,因此没有数据查找时间、延迟时间和寻道时间。众所周知,一般硬盘的机械特性严重限制了数据读取和写入的速度,而SSD固
25、态硬盘在操作系统中就是一个普通的盘符,用户可以完全把它作为存储介质来使用。 (小资料:可能部分读者会联想到之前的“混合硬盘”这个概念,其实它与本文的主角完全不同。混合硬盘主要指硬盘厂商在机械硬盘内部额外增添的大容量闪存芯片以达到快速读取的目的,它始终未能脱离机械部件,这点是它与固态硬盘的最大区别。)二、SSD的过人之处 第一,数据存取速度快。根据相关媒体测试:在同样配置的笔记本电脑下,运行大型图像处理软件时能明显感觉到SSD固态硬盘无论在保存还是在打开文件时都更快。当按下笔记本电脑的电源开关时,搭载SSD固态硬盘的笔记本从开机到出现桌面一共只用了18秒,而搭载传统硬盘的笔记本总共用时31秒,差
26、距还是相当大的。 (小资料:微软新一代操作系统Windows Vista支持一项名为ReadyBoost的技术.。这项技术能通过闪存减少常用软件从较慢的机械硬盘中调用的次数,把读取延误减至最低。这项技术可以说就是为SSD准备的。) 第二,经久耐用、防震抗摔。因为全部采用了闪存芯片,所以SSD固态硬盘内部不存在任何机械部件,这样即使在高速移动甚至伴随翻转倾斜的情况下也不会影响到正常使用,而且在笔记本电脑发生意外掉落或与硬物碰撞时能够将数据丢失的可能性降到最小。 第三,SSD固态硬盘工作时非常安静,没有任何噪音产生。得益于无机械部件及闪存芯片较小的发热量小、散热快等特点,SSD固态硬盘因为没有机械
27、马达和风扇,工作噪音值为0分贝。 第四,SSD固态硬盘比常规1.8英寸硬盘重量轻20-30克,可千万别小看这些重量,在笔记本电脑、卫星定位仪等随身移动产品上,更小的重量有利于便携。此外,重量的减轻也使得笔记本搭载多块SSD固态硬盘成为可能。 如果从最早研发开始计算,SSD固态硬盘的发展已经有20多年的历史,固态硬盘在早期的大部分时间里,主要用在军用嵌入系统中,或者高性能计算的研究实验室中。随着科技的进步,如今固态存储技术已成为一个民用标准,三星、SanDisk、铼德、pqi和威刚等国际存储大厂分别发布了自己的相关产品,目前最高设计容量已经达到128GB,而且还有SATA接口的,主要针对笔记本电
28、脑领域。如今,SSD固态硬盘市场已经从存储市场中细分出来,技术逐步成熟和完善,而且已经在笔记本电脑及大型主机等领域得到应用。商业领域也已经涉及到金融、电信、医疗、电力、航空、邮电等行业。随着SSD固态硬盘的应用逐步扩大,各个领域也开始应用相关产品。(小资料:国外著名调查报告曾显示:2004年,全球增长速度最快的存储厂商中(年收入增长高于31%的公司)中,有30%是SSD固态硬盘的制造商。这预示着SSD固态硬盘时代即将到来。)三、SSD当前的困境 目前阻碍SSD固态硬盘普及的最主要因素就是产品售价,以32GB为例,最便宜的产品价格也在2000元人民币以上。其次,SSD固态硬盘的容量还无法完全满足
29、用户的需求,以笔记本电脑为例,主流产品均配备了250GB硬盘,而SSD固态硬盘最高容量仅为128GB。再次,缺乏终端设备的支持也是SSD固态硬盘所面临的另一大问题。 总结:随着SSD固态硬盘的规格不断升级,让我们看到了未来电脑存储市场的新希望。与传统的硬盘相比,固态硬盘所带来的性能提升可以用质变来形容。虽然目前固态硬盘还受着成本、容量等因素的制约(目前每GB SSD固态硬盘的成本约为240元人民币),不过我们有理由相信,随着Vista操作系统的问世,固态硬盘的关注度以及发展速度将进一步加快,拥有一块不再脆弱的硬盘已为时不远了。45个Dreamweaver常见问题整理1 在DW中,如何输入一个空
30、格呢?输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是:直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。2 如何在浏览器地址栏前添加自定义的小
31、图标?你是不是记得有时在浏览网易网站的首页时,在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“”之间添加如下代码:其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!3 为什么,我本来设计很好的网页,在浏览器窗口最小化时会变的丑陋难堪?这应该是个很值得大
32、家注意的问题,也就是说,在全屏状态下浏览网页内容时,一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时,问题就慢慢出现了。网页内容会把当前窗口作为显示范围,依次下挫。举个例子,和在记事本中有“自动换行”和“没换行”的差别是完全一样的。解决这个问题,我们必须从网页的布局说起,一般情况下,网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。请看下面一个表格的属性面板显示:你可能已经注意到了,在表格的高宽设定选择上提供了两种不同的类型,百分比和像素。其中百分比的使用将会产生前面说到的那个毛病,将其全部更正为Pixels单位的实际大小就可以了。4 如何改变网页显示时
33、,最顶部的提示信息?浏览网页时,顶部的提示信息往往代表了网页内容的关键所在,有助于访问者提前了解网页内容。在DW4前,没有在功能上直接提供该操作,我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。5 怎么样,才能为图片添加指定颜色的边框?对于没有边框的图片而言,直接插入到网页中,在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。不过在DW中就显得容易多了,因为这里有一个“Border”属性,可以让你直接设置边框的宽度。宽度设好了,你一定会问,颜色呢?面板上并没有提供颜色的
34、选择呀!呵呵,其实这里有一个技巧问题,用鼠标选择图片对象,注意不是点击选中,而是拖动选择。象设定文字颜色一样进行就可以了。 6 如何添加图片及链接文字的提示信息?在我们浏览网页时,当鼠标停留在图片对象或链接上时,在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。下面先看看图片提示信息的添加,选中图片对象,在属性面板里你会发现有个“Alt”输入框。默认情况下,该输入框是空白的。在这里录入需要的提示内容就可以了。那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能,因此我们需要通过添加HTML代码来实现。在中添加“title”属性。title
35、=提示内容即可。7 如何把自己的ZIP或其他类型的文件供别人下载?在不少初级网页制作者看来,好象通过鼠标单击完成下载是件很神秘的事,实际上远非如此.在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载.这时你只需要,把要浏览者下载的文件名写好,然后制作一个到目标文件的链接.注意目录一定不要搞错.8 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动?大家都知道,在IE浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的习惯问题,呈现在他们面前的网页有时也会不同。比如你可能本来设
36、计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了,这时显示效果上就出问题了。那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。9 以新窗口的形式打开目标链接?以新窗口打开,顾名思义,也就是在不覆盖当前窗口的前提下,另外打开一个浏览器窗口。你可以直接在连接代码中加入“Target=_blank”。如果你的HTML比较差的话,在DW属性面板上同样提供了这个设置,当你在Link输入框中键入WWW网址时,后面的Target下拉框同时也被激活了。选择最上的“blank”就可以了。10 如何让网页载入时,象许多
37、商业网站那样,弹出一个广告窗口这在不少大型商业网站中,是时常见到的。在DW中可以轻松通过Behavior行为实现。既然是载入时,我们可以把整个网页内容视为事件对象。在DW编辑窗口中鼠标点击左下角的“”标签,这时你能注意到全部网页内容已经选中了。单击“快速启动板”中的“Behavior”按钮,进入行为面板,选择“Open Browse Window”项,这时你还可以对窗口样式进行自定义,比如大小,工具按钮的保留等等。另外还有一点就是别忘了对应的事件是“Onload”.11 我的快速启动板中没有Timelines,怎么办?DW从升级到4版本后,在快速启动板中增添了几个新的项目,比如Assets等等
38、。这时原来在上面的Timelins(时间线)按钮被挤了下去。当然如果你急于现在就使用它的话,仍然可以通过菜单“Windows”-“Timelines”找到。不过毕竟不如放在启动板中方便,这时我们能通过设置把它添加进来!“Edit”-“Preference”进入窗口,在左边的项目列表中选择“panels”(面板),单击上面的“+”号按钮,从下拉列表中选择“Timelines”。这时时间线已经自动添加到当前的“Show in Launcher”列表内容里,OK。更改后的“Launcher”面板同时你还可以根据自己的需要自由的选择面板中出现的按钮选项,以提高工作效率。12 作一个网页让它可以每隔5分
39、钟自动刷新一次,如何实现?上网浏览时,我们经常会遇到一些网页。在隔一段时间没有响应时,它会自动刷新一次。除了可以起到提醒访问者的目的外,当新的刷新地址不是当前URL时,实现的就是自动跳转的功能。无论是重复刷新,还是自动跳转。在网页设计中,都是相当实用的操作。下面我们来介绍下它们的制作方法。选择DW“Object”面板的“Head”部分,注意默认情况下,显示的是Common的“内容”。单击上面的“Refresh”按钮,其中“Delay”输入框中键入刷新延迟的时间(单位:秒),“Action”为刷新指定的目标URL。因为现在是刷新当前页面,直接选单选项“Refresh This Document”
40、即可。13 如何定义网页的关键字(Keyname)?当用户使用搜索引擎search合适内容的网页时,关键字起着一个不容忽视的作用。大多的搜索服务器会每隔一段时间自动探测网络中是否有新网页产生,并把他们按关键字进行记录,以方便用户查询。你当然想让你的网页出现在搜索引擎的查询返回列表中了,这时关键字的定义就尤为重要了。同样在“Head”面板部分,单击“Keywords”按钮,录入需要逐个定义的关键字即可,注意每个关键字以“;”号隔开,数目没有限制。14 如何在编辑窗口中,隐藏一些不必要的标签?当用户在网页中插入了太多的不可见元素时,在编辑窗口的最上面就会显示一排相应的标示标签,用来方便用户随时能找
41、到它们。虽然这些标签本身并不影响浏览器里的显示效果,但多了以后,往往使网页内容不得不错位,从而一定程度上妨碍网页视觉上的调整,那么怎么样才能把这些东东去掉呢?进入“Preperence”面板,列表中选择“Invisibel Elements”,勾掉你不想显示的项目前的“对号”即可,比如Scripts等15安排不支持“框架”的浏览器的显示内容?我们知道,目前的浏览器类型很多,因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢?”。框架就是一个例子!不过避免开这点,很简单,你只需要在源代码中加入下面的内容就可以了。 -本网页中包含有框架结构,如果您不能正常显示的话,请
42、下载新的浏览器版本或更换主流浏览器- 16 如何避免别人把你的网页放在框架中?一些居心不良的人,经常偷着窃取别人的劳动成果,比如把别人精心制作的网页以子页的形式放到自己的框架中。那么怎样避免自己的网页内容被“盗用”呢?你只需要在网页源代码的之间加入以下代码内容: 17 怎样加入注释内容?注释内容,顾名思义只是作为说明内容出现的,因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示,以更方便快捷的找到。进入“Object”面板的“Invisibel”部分(即不可见元素),选择插入“Comment”按钮,在“Comment”中键入必要的信息。这时如果你返回到源代码中,会看到这
43、些操作添加的不过是下面格式的一段代码:18 水平线,为什么不能设置颜色?在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没有提供关于水平线颜色的设置,因为最早NC中不支持标签(水平线的HTML代码)的COLOR属性,所以DW也没有关于它的设置。看来需要的话,我们只能直接进入源文件更改了。 19 如何设置可以关闭当前窗口的功能?这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“:window.close(); return fal
44、se;”。完整的代码为:关闭窗口 当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!20 定时自动关闭的窗口又是怎样的呢?上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?在源代码后加入下面的代码: 其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟。21 如何更改浏览器中鼠标的形状? 一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢? 改变鼠标形状在DW中是通过“CSS样式表”来实现的。 菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sh
45、eet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮找到,单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回,按F12在浏览器中观察效果,不满意的话,还可以对样式进行修改。 22如何去除掉链接文字下面的下划线? 在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一
46、个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。同样进入“Edit style sheet”窗口,单击“New”确立新样式,这里的Type(类型)中,需要选择的是“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。 编辑该样式,左边列表中选“Type”,勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。 23 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果? 访问网站时,我们遇到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接
47、文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。 由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。 同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover”OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的
48、效果。 24如何让网页的背景图片不跟随内容滚动? 背景图片是很多网页设计者经常添加的东西,当网页内容超出一屏时,拉动滚动条背景图片会与内容相对静止的一起滚动,那么能否锁定背景不跟随滚动呢?当然可以进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。设定“Attachment”(附件)为“fixed”。其中 scroll代表默认使用的滚动显示。 25 背景音乐你一定知道吧,怎么添加呢? 在微软的网页工具-Frontpage中,有关于背景音乐的设置功
49、能,那么DW显然没有作到这点,因此要使用的话,只能在源代码中手动添加了。 在使用前,提醒大家一点,使用背景音乐一定要注意网页文件的大小,不能顾此失彼。代码如下: 其中src指定音乐文件的位置,autostart为音乐文件上传后的动作,true表示自动开始播放,false不播放(默认值)。27 如何自动加入网页更改后的日期?只需要在源文件之间添加如下代码即可。 在浏览器中的显示样式为:“Last Updated:2001/8/19”28 怎样控制弹出POPUP信息?有时,当我们点击链接时,会出现一些着重性说明的提示信息,也就是弹出信息。比如当某个链接还没有完成目标内容页的制作时,就可以应用POP
50、UP信息解释一下。在网页中合适位置输入链接文字,选中,在属性面板中制作链接。在仍保持选中状态的前提下,单击快速启动板中的“Behavior”按钮,点击左上的“+”号,从列表中选中“Popun message”,在随后的窗口中输入需要提示的信息,设定该动作的鼠标事件(Events)为点击(onclick)。在浏览器中预览效果如下29 隐藏浏览器中状态栏的URL地址信息的方法?浏览网页,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。现在只需要在链接代码中作些手脚就可以实现了,网易学院30如何改变状态栏里的提示文字?默认情况下,当网页被载入时,在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢?在DW“Behavior”行为板中,单击“
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年现代农业园土地流转承包合同3篇
- 艺术活动特色课程设计
- 汽车租赁管理课程设计
- 湘绣美术课程设计
- 艺术课创意游戏课程设计
- 草药烘焙课程设计
- 纸箱印刷工艺课程设计
- 职业主题运动课程设计
- 育子课程设计
- 糕点烘焙培训课程设计
- (完整版)病例演讲比赛PPT模板
- 国开大学2020年09月1317《社会工作行政(本)》期末考试参考答案
- 通达信公式编写学习资料
- 社会责任管理体系培训课件
- 房屋结构安全隐患自查排查记录表
- 统编版四年级上册语文期末总复习知识PPT
- 《有限元分析及应用》(曾攀清华大学出版社)第四章课后习题答案
- GB/T 9797-2005金属覆盖层镍+铬和铜+镍+铬电镀层
- 医疗机构合理用药的指标
- 《网络文件提交系统的设计与实现【论文】12000字》
- 公司仓库检查表
评论
0/150
提交评论