广西经贸职业技术学院论坛

标题: [建站技术]Dreamweaver网页编辑十八个技巧 [打印本页]
作者: 月中水    时间: 2009-10-16 01:25
标题: [建站技术]Dreamweaver网页编辑十八个技巧
　1>如何制作电子邮件表单处理结果
& ]6 M( m& F( O% P0 x在<FORM>中输入Action="youremail@XXX.XXX" ，提交采用POST方法.使用代码:; A, O6 M4 ?1 L1 V. I+ |  s
<form method="post" action="yourmail@XXX.XXX"></form>
2 b- f& Z' i6 j! s. R5 y当用户在表单域中输入信息完成提交以后,浏览器窗口会显示此表单元素将以邮件
: S2 {" t6 c* o6 O- r; j的格式传递,接着调用浏览器的设定邮件程序FOXMAIL或是OE来完成邮件的发送.　
0 ]* |: `, H/ {3 s" J$ E* U' {
+ e6 M3 E5 R, K( q$ Z　　2>在DW中如何设定对象的背景保持不动:' @+ {5 s  k6 X/ {. F- x  V5 z4 G
, S1 \& `' {' T! t& k' A% \
保持背景不动可以直接在网页的HTML代码中加入CSS样式:8 N7 P  O; K- @7 I
<style>
4 N# D: u2 D- v6 k! n: `9 w<!--3 z$ h6 H; }  U. Z8 ?
html tags{background-attachment:fixed}
) U1 ]: [( B6 t  d8 H-->
" m5 ]8 L# [" j) s: N0 T& F8 a</style>: }  `7 U. y4 Z5 {
其中的html tags是来指定对象:如BODY等.7 |! q% R! O+ o& e
3 g% M/ H7 G! w. z
或者是在网页中使用CSS style加入:1 e& h1 A/ E. Y& _
[Text」-「Css Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body，然后在Background中的Attachment里选fixed,点击完成确定.* j( P0 s0 b/ e
( C$ h; F# Y5 d6 |1 L
或者直接在快速启动板中点击:css style,弹出样式定义窗口,
/ k* \: i3 ~2 C9 e, q1 B. a$ I  L5 Y在右上点击箭头工具选 new,选定define HTML Tag/ body,: b" y, v( _( f4 g5 G4 q3 p6 G
然后在背景background中的attchment:选fixed,完成确认.8 F& q8 [- @( N9 O! C
/ F/ n, Q5 I, Q( o4 {' m. [0 ~
　　3>DW中使用书签实现页内的连接:! i( m, \% ^$ ]: u

" `+ \6 T- K! O7 Q6 g: S在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签, R8 g) }- n. z& a: E
调用时，在Link中输入#anchorname.
$ l) a& U0 ?" z
) K& v, k4 x3 M注意一定要在书签名称前面加#标记来引用连接:' g* T5 i1 @" X% U; r
相应的在后面的打开目标窗口中选择:  A( u9 M  l, l, M* B, A8 S
_blank _top _self _parent
( b9 ^9 g+ G9 C# j; N5 I" k3 @
1 w8 X3 H) P! o$ P2 X+ \8 V% Q; L　　4>如何在DW中插入空格:# c7 i6 q! B  ]6 W' e" L

' ^% }# k4 d6 J1 Q; A8 |大家都知道在DW中插入空格是非常困难的,完全不像在FP中
, u- h' f6 ^! L$ a. N直接按空格键实现,不过插入空格在编辑中还是非常重要的。
! r+ o7 L$ m) A# e( j通过下面的几种方法你同样可以实现插入空格:' O, I- m; z4 {% R' }
在HTML代码中直接插入空格的代码: ' G- d! a6 H! n, E: r
! e, y; [% \# e' I$ X3 R+ y
用<CTRL>+<SHIFT>+<SPACE>插入空格
7 w; b( F4 Q) O: C. O- u& C7 n/ n* `& ^0 \, c/ S
用同背景颜色相同的字符来完成插入空格.6 M0 X6 x9 K+ B' i( ?' n; }- @
! `' {+ a: k5 u3 U) N
在中文输入环境下输入全角空格。
7 e% z& r: g6 }: Z; g3 h4 p
2 V# y4 [  Y/ P" E2 e. ]4 S1 \　　5>如何避免别人将你的网页放入他的框架（FRAME）中？
4 F* ^9 N3 s' X
; y' j( m1 V( R3 N$ P4 c4 x% j在源代码中的<HEAD>…< /HEAD>之间加入如下javascript脚本代码：　
4 N& s6 `5 i# G, B<script language="javascript"><!--5 k% j1 [9 ~, X! g' V3 \- T# V
if (self!=top){top.location=self.location;}
9 T) A( v* [# [/ W( ^-->< /script>) U8 ]+ t& q1 c2 Z9 M4 U

: c4 B: u+ ~' v  B  R　　6>如何将网页定时关闭:# x2 p" _9 L! `7 D
  Q; Z; q4 f4 C2 B% N& V$ R3 ]% `
在源代码中的<BODY>后面加入如下javascript脚本代码：, ]& y6 j; Q- c
<!--
" D: z6 n+ l* `% j% g7 s0 ~setTimeout(window.close();, 60000);" g; l2 `/ H$ w
-->
+ v0 S) v( z4 @# E" W% Q: B) x其中调用了函数:setTimeout 控制当时间超过60000表示1分钟(用毫杪作为单位的)
& p- f7 i$ F; Q+ m! V3 {' d2 z% J1 E, ]" a' ?9 u) Y

7 H# U6 J0 N% G, i& v　　7>如何在浏览器的状态栏中隐藏显示信息  P5 y0 F5 V: J1 y0 F: ]. n$ Q
0 B5 B4 \' o* Y: k3 v6 ], Q6 z5 f0 w
# w; l. S6 a6 e  n
如下代码：
# {) c, t1 b" |/ z/ m: f0 d< a href="http://www.bihu.net/";;>http://www.bihu.net/<; /a>
* `" @5 V7 W- ?# ^1 k$ K: s" O
- v7 C! J8 S. R, o& v　　8>如何在DW中插入特殊符号:- O) H) O- j/ ~7 w1 U3 a4 N* w! ^

& d1 o. i) ~) O" y' P4 b6 b, B7 S2 J在网页中有一些特定的符号:一名专业的网页设计师应该能够熟练的使用这些符号:
5 i6 t6 u' q6 p) ]在DW中提供了常用的符号列表及相应的HTML代码:
) O' z6 t! O. I$ M$ p在object面板中,点击最上面的箭头:选取符号(character)项，现在你就可以轻松插入符号了.
4 H: N; O; ]( [* _! k
) O4 V9 X9 @* b　　9>如何定时载入指定的页面:. @2 ~8 U! _8 L2 ^  K

2 G) [% z' _7 q& n/ f) F' \在网页的编辑中,有时经常需要定时的刷新当前页面或是跳转到另外的页面,# b) Q# \& ]* c$ F, T
用DW可以很方便的实现这一功能.object面板中,点击最上面的箭头工具% k: l9 ?1 E! L" J, y
选取 head信息.使用列表中刷新项目完成." Y& N' Z8 o' \4 [
你只需要输入载入的页面的URL和等待的时间就可以了* z3 q/ d/ u4 G0 {5 B- _! m

( m; H; v8 g5 F5 G+ ]　　10>去掉连接下面的下画线并响应鼠标滑过事件:4 y" ?. E3 g9 C7 E4 H

% o$ f$ s9 v; d我们都知道,当文字赋予连接时,在他们的下面都会自动的加注下划线,这时我们经常要去掉下画线,: h, c% Y- E6 L' O, i. {
在快速启动板中选则CSS STYLE样式表/新建选定HTML TAGS :下拉菜单中 A 标记.
) b& q5 L6 ~$ O! y6 m" `7 M3 q确定在弹出窗口的decoration中选中none。
3 H+ Q; _4 |6 J
$ w( Y/ |; [. y8 ^# V同前面一样,只是在新建下面选定 CSS选择器/a:hover，设定decoration中选中underline.
9 s" j* Y# g) i
/ T$ x7 X/ l" _2 q! t! l7 l: G　　11>在DW中如何设定网页的页边距为0( C% y) e+ F+ U- Y

& ~( |1 [8 j) C) L$ v( V, }　　在DW中没有直接设置的方法，你只有在Html中插入以下代码：
: A# o% u3 x# d7 ~5 k9 I$ |　　marginheight=″0″，marginwidth=″0″，topmargin=″0″，
+ ]: {+ U5 C* r　　leftmargin=″0″来完成。" u" p  M" G- n
　　而在FP中你可以通过设定margin属性来完成的。
9 Q" f! k; S8 r* M1 I$ H  R; l* E8 U. ?8 H2 }$ u% T
　　12>有时候我们需要令网页中的图层可以重叠- Q+ N: @8 m0 D* r, z6 I
$ B# g8 V( s% K: V. t
　　在DW中默认的设置是图层对象不可以重叠你可以通过下面的设置改变：   m0 G) X1 ^6 H. e9 s$ `
　　在DW中选择“查看”，将“防止层交叠”前面的“√”去掉就可以将层叠放了。
* T, G; R: i  W( T
0 c1 r  s3 {+ O% e' `　　13>在DW中同样不可以使用中文路径：/ L# Q1 w- A& X  |
. x1 o3 Y& X; {$ d' c0 N
　　许多的网络服务器不支持中文路径和文件名称，所以DW中也不支持当你使用中文做路径和文件名称时，DW会自动转换为ASCII码，所以笨笨熊建议你的网站中的所有路径和文件使用英文标识。% i; Y* A+ ^- \& d5 }

3 U6 L3 G6 K5 F　　14>如何实现用层来定位网页的整体布局：! |9 o' N3 r7 a5 }0 y- T& f* E
- ~* J1 f6 j$ X4 U/ Y
　　使用层定位，选择“查看——防止层交错”,然后就通过插入层来定位不要同时使用表格和层定位，那样你的网页可真的不成样子了最后为了网页对不同浏览器的兼容性，你可以把层转化成表格排版/将层转化成表格。7 d( t6 o$ b/ g: M2 }) h& F
! a8 {6 Q$ G3 n" J2 `7 W+ t
　　15>如何为连接加入说明：. P8 e! Q  t8 |

+ l- N9 ^- P. L9 b2 ^; k　　其实在DW中加入连接的提示信息并不需要使用特定的插件你可以通过在连接的title属性中加入相关的信息即可。title="返回我要起步网首页",注意在IE4及更高的版本上均支持该属性，你可以放心使用的。1 J, }6 t! P4 f

" r2 t* s( c: ~& @# t% s　　16>DW中为网页加入title/keyname/description等头信息。
( j% z( {* r; a0 l' K) Q  L- k/ x! {! G2 c! L
　　你可以通过使用物件面板的head部分加入他们object/下拉箭头标签/head ，在头信息中选择相应的部分加入你还可以直接使用菜单来实现：insert/head/中选择相应的部分即可。
9 i, ~9 H. ?# z/ g( O) z. p& Q: _* {0 f* _0 p
　17>DW中如何使用library：
4 `3 r0 x3 W5 ~) E. ^1 t7 J: K' G: [; P" s2 h, ?, Z
　　选择需要设定library的部分。进入快速启动板选library，用右侧箭头中的 new library新建一library，然后你会发现该部分已经用特定的颜色标定了。然后选种刚才建立的library点insert即可。9 G0 K  F4 Y) P$ F
) [+ X3 g: W6 D: m( ]; Q; r# E0 o
　　需要更改时：直接选中，在属性板中点create new library在编辑窗口中完成修改后保存。这时会提示你是否更新使用该library的网页OK。) u' o# \" w& U8 O7 [
) c8 N& K, |; T) A
　　18>检查网站的连接：
! D7 w8 Q! Z% F% H3 e5 A4 _+ r9 _
　　如果你的网站包含的网页比较多时检查连接是一个非常麻烦的事在DW中你可以通过：file/check links来完成的。



欢迎光临 广西经贸职业技术学院论坛 (http://www.gxjmbbs.com/) Powered by Discuz! X3.2