`

Dreamweaver网页编辑技巧十八例

    博客分类:
  • JSP
阅读更多

1>如何制作电子邮件表单处理结果
在<***FORM***>中输入Action="youremail@XXX.XXX" ,提交采用POST方法.使用代码:<***form method="post" action="yourmail@XXX.XXX"***><***/form***>
当用户在表单域中输入信息完成提交以后,浏览器窗口会显示此表单元素将以邮件的格式传递,接着调用浏览器的设定邮件程序FOXMAIL或是OE来完成邮件的发送. 
  2>在DW中如何设定对象的背景保持不动:
保持背景不动可以直接在网页的HTML代码中加入CSS样式:
<***style***>
<***!--
html tags{background-attachment:fixed}
--***>
<***/style***>
其中的html tags是来指定对象:如BODY等.或者是在网页中使用CSS style加入:[Text」-「Css Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed,点击完成确定.或者直接在快速启动板中点击:css style,弹出样式定义窗口,在右上点击箭头工具选 new,选定define HTML Tag/ body,
然后在背景background中的attchment:选fixed,完成确认.
  3>DW中使用书签实现页内的连接:
在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签调用时,在Link中输入#anchorname.注意一定要在书签名称前面加#标记来引用连接:相应的在后面的打开目标窗口中选择:_blank _top _self _parent
  4>如何在DW中插入空格:
大家都知道在DW中插入空格是非常困难的,完全不像在FP中直接按空格键实现,不过插入空格在编辑中还是非常重要的。通过下面的几种方法你同样可以实现插入空格:在HTML代码中直接插入空格的代码:
用<***CTRL***>+<***SHIFT***>+<***SPACE***>插入空格
用同背景颜色相同的字符来完成插入空格.
在中文输入环境下输入全角空格。
  5>如何避免别人将你的网页放入他的框架(FRAME)中?
在源代码中的<***HEAD****>…<*** /HEAD***>之间加入如下javascript脚本代码: 
<***script language="javascript"***><***!--
if (self!=top){top.location=self.location;}
--***><*** /script***>
  6>如何将网页定时关闭:
在源代码中的<***BODY***>后面加入如下javascript脚本代码:
<***!--
setTimeout(window.close();, 60000);
--***>
其中调用了函数:setTimeout 控制当时间超过60000表示1分钟(用毫杪作为单位的)
  7>如何在浏览器的状态栏中隐藏显示信息
如下代码:
< ***a href="http://www.bihu.net/" onMouseOver="window.status=none;
return true"***>www.bihu.net<*** /a***>
  8>如何在DW中插入特殊符号:
在网页中有一些特定的符号:一名专业的网页设计师应该能够熟练的使用这些符号:在DW中提供了常用的符号列表及相应的HTML代码:在object面板中,点击最上面的箭头:选取符号(character)项,现在你就可以轻松插入符号了.
  9>如何定时载入指定的页面:
在网页的编辑中,有时经常需要定时的刷新当前页面或是跳转到另外的页面,用DW可以很方便的实现这一功能.object面板中,点击最上面的箭头工具选取 head信息.使用列表中刷新项目完成.你只需要输入载入的页面的URL和等待的时间就可以了
  10>去掉连接下面的下画线并响应鼠标滑过事件:
我们都知道,当文字赋予连接时,在他们的下面都会自动的加注下划线,这时我们经常要去掉下画线,在快速启动板中选则CSS STYLE样式表/新建选定HTML TAGS :下拉菜单中 A 标记.确定在弹出窗口的decoration中选中none。同前面一样,只是在新建下面选定 CSS选择器/a:hover,设定decoration中选中underline.
  11>在DW中如何设定网页的页边距为0
  在DW中没有直接设置的方法,你只有在Html中插入以下代码:  marginheight=″0″,marginwidth=″0″,topmargin=″0″,leftmargin=″0″来完成。而在FP中你可以通过设定margin属性来完成的。
  12>有时候我们需要令网页中的图层可以重叠
  在DW中默认的设置是图层对象不可以重叠你可以通过下面的设置改变:
  在DW中选择“查看”,将“防止层交叠”前面的“√”去掉就可以将层叠放了。
  13>在DW中同样不可以使用中文路径:
  许多的网络服务器不支持中文路径和文件名称,所以DW中也不支持当你使用中文做路径和文件名称时,DW会自动转换为ASCII码,所以笨笨熊建议你的网站中的所有路径和文件使用英文标识。
  14>如何实现用层来定位网页的整体布局:
  使用层定位,选择“查看——防止层交错”,然后就通过插入层来定位不要同时使用表格和层定位,那样你的网页可真的不成样子了最后为了网页对不同浏览器的兼容性,你可以把层转化成表格排版/将层转化成表格。
  15>如何为连接加入说明:
  其实在DW中加入连接的提示信息并不需要使用特定的插件你可以通过在连接的title属性中加入相关的信息即可。title="返回我要起步网首页",注意在IE4及更高的版本上均支持该属性,你可以放心使用的。
  16>DW中为网页加入title/keyname/description等头信息。
  你可以通过使用物件面板的head部分加入他们object/下拉箭头标签/head ,在头信息中选择相应的部分加入你还可以直接使用菜单来实现:insert/head/中选择相应的部分即可。
 17>DW中如何使用library:
  选择需要设定library的部分。进入快速启动板选library,用右侧箭头中的 new library新建一library,然后你会发现该部分已经用特定的颜色标定了。然后选种刚才建立的library点insert即可。
  需要更改时:直接选中,在属性板中点create new library在编辑窗口中完成修改后保存。这时会提示你是否更新使用该library的网页OK。
  18>检查网站的连接:
  如果你的网站包含的网页比较多时检查连接是一个非常麻烦的事在DW中你可以通过:file/check links来完成的。

分享到:
评论

相关推荐

    Dreamweaver 8网页设计精彩150例

    《Dreamweaver 8网页设计精彩150例》是一本深入浅出的教程,旨在帮助初学者和有一定基础的用户提升在网页设计领域的技能。Dreamweaver是Adobe公司开发的一款强大的网页设计与开发工具,它集成了直观的可视化界面和...

    巧学巧用Dreamweaver制作网页精彩50例

    《巧学巧用Dreamweaver制作网页精彩50例》这本书是针对初学者和有一定基础的网页设计者编写的,旨在通过丰富的实例帮助读者深入理解并掌握使用Dreamweaver进行网页设计的技巧。Dreamweaver是一款由Adobe公司开发的...

    巧学巧用Dreamweaver制作网页精彩50例.rar

    通过50个精心挑选的实例,本书旨在帮助读者掌握使用Adobe Dreamweaver这一强大工具进行网页设计与开发的技巧。Dreamweaver作为一款集成化的可视化网页设计软件,其功能涵盖了HTML、CSS、JavaScript等网页技术,是...

    中文Dreamweaver8网页设计精粹150例

    《中文Dreamweaver8网页设计精粹150例》是一个专门为初学者设计的网页制作教程,涵盖了使用Adobe Dreamweaver 8进行网页设计的各种核心技术和实用技巧。Dreamweaver作为一款强大的可视化网页编辑工具,它结合了直观...

    dreamweaver经典网页特效500例页面特效字符从天而降[文].pdf

    该书通过具体的实例,教你如何使用Dreamweaver这一强大的网页编辑工具,创建出引人入胜的动态效果,其中字符从天而降的特效是其中一个亮点。 在网页设计中,动态效果能够极大地提升用户体验,吸引用户的注意力。这...

    校园网页设计成品 学校班级网页制作模板 大学生静态HTML网页源码 dreamweaver网页作业 简单网页课程成品

    #### 四、网页编辑工具 - **Dreamweaver**:是一款强大的网页设计和开发软件,支持可视化编辑和代码视图。 - **HBuilder**:一款专为前端开发者设计的IDE,支持多种编程语言,特别适合HTML5开发。 - **Vscode**:一...

    Dreamweaver CS3经典设计百例

    Dreamweaver CS3是Adobe公司发布的一款专业级网页开发软件,它集成了代码编辑、可视化布局以及WYSIWYG(所见即所得)编辑功能,使得网页设计师和开发者能够更加高效地创建和管理网站。 在书中的“经典设计百例”...

    Dreamweaver网页设计与制作100例 餐饮主题简洁日式料理餐饮网页设计(4页)HTML+CSS+JavaScript

    **Dreamweaver网页设计工具的使用** - **Dreamweaver概述**:Adobe Dreamweaver是一款专为网页设计师打造的专业网页设计与开发工具,支持HTML、CSS、JavaScript等多种语言,适用于构建响应式网站、移动应用程序和...

    Dreamweaver网页设计与制作100例:用DIV+CSS技术设计的书法主题网站(web前端网页制作课作业)

    在本案例中,Dreamweaver被用于创建和编辑网页,尤其是利用其提供的模板、库等功能,可以快速构建出专业级的网页设计。 - **DIV+CSS布局技术:** DIV+CSS是当前网页设计中非常流行的一种布局方式。DIV(Division)...

    dreamweaver500例

    《Dreamweaver 500例》是一本深入浅出的网页制作教程,它涵盖了Adobe Dreamweaver这一强大工具的广泛使用技巧和实例。对于初学者来说,这是一本不可多得的学习资源,旨在帮助他们快速掌握网页设计的基础和进阶技能。...

    网页设计WEB百例源代码

    Dreamweaver作为Adobe公司的一款专业级网页设计工具,以其强大的编辑功能和直观的界面而广受好评。 在这个压缩包中,你将找到"Dreamweaver MX 2004中文版精彩设计百例源代码",这代表了针对这一特定版本的...

    Dreamweaver MX中文版精彩设计百例

    《Dreamweaver MX中文版精彩设计百例》是一本针对Adobe Dreamweaver MX中文版的实战教程,旨在帮助用户深入理解和掌握这款强大的网页设计与开发工具。Dreamweaver MX是Web开发领域的重要软件,它提供了丰富的功能,...

    Dreamweaver MX 2004中文版精彩设计百例源代码

    《Dreamweaver MX 2004中文版精彩设计百例源代码》是针对Adobe Dreamweaver MX 2004这一强大网页设计工具的一份宝贵资源,它包含了一系列精心设计的实例源代码,旨在帮助用户提升网页设计技能,理解和掌握这款软件的...

    网页设计300例光盘

    "300例"意味着这光盘中包含了各种各样的网页设计示例,这些例子涵盖了从基础到高级的各种技巧,包括布局设计、色彩搭配、图像处理、交互元素制作、表单设计、导航栏构建、响应式设计等。这些实例旨在帮助学习者逐步...

    Dreamweaver教程

    《Dreamweaver教程详解》 ...总的来说,本教程深入浅出地介绍了Dreamweaver CS4在文本处理方面的各项功能,无论是初学者还是有一定基础的设计师,都能从中获得实用的知识和技巧,提升网页设计能力。

    dreamweaver动漫HTML网站制作——海贼王主题网页1页海贼王我当定了(HTMLS).md

    **网页编辑工具** - **Dreamweaver、HBuilder、Vscode 等**: 这些工具都是常用的HTML编辑器,它们提供了强大的编辑功能,如代码高亮、自动完成等,极大地提高了开发效率。其中,Dreamweaver是一款由Adobe开发的...

    HTML网页设计制作——初音动漫(6页) dreamweaver作业静态HTML网页设计模板

    - **Dreamweaver**: Adobe Dreamweaver是一款专业的网页设计和开发工具,支持实时预览、自动补全等功能,适合初学者快速上手。 - **HBuilder**: 一款轻量级、高效的HTML/CSS/JS编辑器,特别适合Web前端开发。 ...

    dreamweaver网页中怎么制作DIV图层?

    在Dreamweaver这款强大的可视化编辑工具中,制作`&lt;div&gt;`图层可以帮助设计师更加灵活地控制网页元素的位置和样式。下面我们将详细讲解如何在Dreamweaver中创建一个`&lt;div&gt;`图层并放置图片。 首先,确保你已经安装了...

    第2章-Dreamweaver-CC基础.pptx

    在本章中,我们主要探讨的是Adobe Dreamweaver CC的基础知识,这是一个强大的网页设计和管理工具。Dreamweaver CC结合了直观...通过学习,读者可以掌握基本的网页设计和管理技巧,为进一步深入学习和实践打下坚实基础。

Global site tag (gtag.js) - Google Analytics