- UID
- 290936
- 阅读权限
- 35
- 精华
- 主题
- 帖子
- 积分
- 488
- 论坛币
- Zeny
- HP
-
- SP
-
- 威望
- 点
- 魅力
- 点
- 赞
1
- 关注帖主
- 人
- 关注别人
- 人
|
发表于 2008-11-7 21:45:14
|阅读模式
UVhKR0M=DEZ81J
第一次写教程www.otomedream.com#0?2 _% r5 ]9 X+ q2 E( J,语言表达能力也不好www.otomedream.com#0?/ v$ `( G& w% \# o5 p M,如果看不懂的话www.otomedream.com#0?8 @$ K. K7 A) K( Z m. }5 S3 b,请版主大人及各位姑娘抽打时轻点>_<
[j]DEZ81J RV2FTS[/j]P.S:年纪大了www.otomedream.com#0?+ z6 W2 ~3 S$ u, F,说话啰嗦www.otomedream.com#0?) W( R2 b c; h8 E. z2 t2 r,步骤会比较多www.otomedream.com#0?, A i) s- T: B! Y A K# U,我是边做边贴www.otomedream.com#0?1 l; h: @& n7 E* T: V# [) H2 J,请各位耐心点www.otomedream.com#0?- r! Z9 }. O3 o0 y0 D,谢谢~[j]DEZ81J RV2FUN[/j]
[j]DEZ81J RV2FTU[/j]===============================我是教程开始的分割线============================================
[j]DEZ81J RV2FU3[/j]
[j]DEZ81J RV2FV7[/j]通常我们所做Ebook用的是800*600px的图(我有600*600方正图的偏执爱好www.otomedream.com#0?) u3 ***下载/download/otomedream/ダウンロード*** `/ v) x3 k0 P+ X* X,请各位不要学我= =)
[j]DEZ81J RV2FU4[/j]新建一个文件夹www.otomedream.com#0? B% m+ s% V0 S; k6 T7 B,此文件夹内只可存放这份Ebook的相关文件(包括图片www.otomedream.com#0?; U: q. V9 j: s、htmlwww.otomedream.com#0?- g+ _; W0 U9 G- t5 t、图标等)www.otomedream.com#0?1 d( x9 s5 c9 v& g2 s0 d* N6 j0 @。
[j]DEZ81J RV2FUG[/j][j]DEZ81J RV2FTW[/j]
以我之前做的月刊图鉴为例:(我用的是Dreamweaver 8)
[j]DEZ81J RV2FUY[/j]1www.otomedream.com#0?4 ]4 s+ _& r0 ^8 ]8 ^、打开Dreamweaver——>创建新项目——>HTML[j]DEZ81J RV2FV8[/j]
[j]DEZ81J RV2FUL[/j]2www.otomedream.com#0?) O2 ^1 ^. G4 h- e7 d5 r O、默认出现以下这个界面www.otomedream.com#0?5 ]. a1 {1 r) x- u6 _,删去第1www.otomedream.com#0?; u( ]) `! k; }、2行(鼠标选取的两行)www.otomedream.com#0? ^1 U* q8 e; s& P w, [,在</body>后加“<body style="overflow:hidden">”然后保存一下www.otomedream.com#0? J4 {2 K6 `4 z6 q# k,文件名自己起www.otomedream.com#0?- M- V, H7 e2 E0 n,否则做出的网页图片就只能在自己的电脑里显示[j]DEZ81J RV2FUW[/j]
[j]DEZ81J RV2FVB[/j]
[j]DEZ81J RV2FUI[/j]3www.otomedream.com#0?: Y0 y/ p0 z5 _、点击”设计”www.otomedream.com#0?: X, X8 [( q( `, g% l9 Y N* l,进入设计页面
[j]DEZ81J RV2FUF[/j]
[j]DEZ81J RV2FUS[/j]
[j]DEZ81J RV2FUN[/j]
[j]DEZ81J RV2FTZ[/j]4www.otomedream.com#0?* t3 r0 P4 A0 K3 m+ i8 m、在最上方的菜单栏里点击”插入”——>”布局对象”——>”层”www.otomedream.com#0?/ k$ j1 l% W5 C, k+ T! S,出现一个闪动着 ***下载/download/otomedream/ダウンロード*** 光标的蓝色框www.otomedream.com#0?( v0 t7 x* n4 b2 i: O* P! [,敲”ENTER”——>删除键[j]DEZ81J RV2FVD[/j]
[j]DEZ81J RV2FTV[/j]
[j]DEZ81J RV2FU3[/j]5www.otomedream.com#0?9 C) W( L4 p9 K、点击步骤3图中的”代码”www.otomedream.com#0?2 a8 D4 D; d% W9 v,找到层1的代码www.otomedream.com#0?: E, T& `3 D1 l; w0 D# d# q,修改如下图
[j]DEZ81J RV2FUL[/j]
[j]DEZ81J RV2FUF[/j]
[j]DEZ81J RV2FVE[/j]6www.otomedream.com#0?# ~* p2 I! e4 x( k、回到”设计”页面www.otomedream.com#0?1 H4 G. V4 o! z- @. u1 G! o,”插入”——>”图像”www.otomedream.com#0?4 M- G a& Y8 C& @! G) c,选择你要用的图片www.otomedream.com#0?0 F9 L. n+ N: ?) ~* [ j7 j,保存www.otomedream.com#0?) \7 a( f3 i$ O* |4 F% g,这样一个基本的图片网页就做好了www.otomedream.com#0?1 X& z* S! B$ @ {. F4 _。
[j]DEZ81J RV2FUI[/j]
[j]DEZ81J RV2FUN[/j]
[j]DEZ81J RV2FUN[/j][j]DEZ81J RV2FU7[/j]
====================================小分一下====================================================
[j]DEZ81J RV2FTS[/j]接下来是在网页上加flashwww.otomedream.com#0?3 t0 ?; L+ z5 T5 u& |,某只是相~当~滴喜欢加flash滴~ >///<[j]DEZ81J RV2FUR[/j]
1www.otomedream.com#0?$ e- b4 z* z, a p3 U& Z/ ~! N、在图上任一处点击一下www.otomedream.com#0?! ~- ***下载/download/otomedream/ダウンロード*** \% r- V( B,然后重复上贴中的步骤4
[j]DEZ81J RV2FU5[/j]
[j]DEZ81J RV2FUF[/j][j]DEZ81J RV2FTU[/j]
2www.otomedream.com#0?3 D |# M/ D( h# K* g9 f9 e$ i、“插入”——>”媒体”——>”FLASH”www.otomedream.com#0?. d$ `3 [8 b7 g Z7 N k s,选择你要用flash文件
[j]DEZ81J RV2FUD[/j][j]DEZ81J RV2FUV[/j]
[j]DEZ81J RV2FUK[/j]3www.otomedream.com#0?1 N c& W, q. d7 C8 q9 f n! n、点击”代码”www.otomedream.com#0?4 q% T a$ N* {, {0 i2 p1 N,在下方加上
[j]DEZ81J RV2FUK[/j]
[j]DEZ81J RV2FUC[/j]这样flash就可以变为透明的了www.otomedream.com#0?7 m! m C( z7 {7 \, s9 l。
[j]DEZ81J RV2FVC[/j][j]DEZ81J RV2FTU[/j]
[j]DEZ81J RV2FUP[/j]
[j]DEZ81J RV2FUB[/j]
4www.otomedream.com#0?+ r7 x7 L g9 U T% q、在设计页面可以拖动flash到你想摆放的位置[j]DEZ81J RV2FUO[/j]
[j]DEZ81J RV2FU6[/j]
[j]DEZ81J RV2FV9[/j]=========================================3分线=======================================[j]DEZ81J RV2FUO[/j]
在网页上做链接(一):针对图中的某处区域做链接
[j]DEZ81J RV2FUH[/j]1www.otomedream.com#0?* n0 `9 t; e% r8 ]$ X) Q8 x3 Q、重复第一部分步骤1-6www.otomedream.com#0?2 r8 Q8 m* V x h. s,命名为”封面2.html”,插入下图
[j]DEZ81J RV2FVE[/j]
[j]DEZ81J RV2FTY[/j][j]DEZ81J RV2FUR[/j]
我要做的是www.otomedream.com#0?8 [: {1 N G4 r/ I,点击图片上的ENTERwww.otomedream.com#0? |% P0 E2 K: T0 ]8 K2 c,可以进入下一个页面(我命名为index.html)[j]DEZ81J RV2FVE[/j]
2www.otomedream.com#0? A a4 |& [1 R$ L j F7 Z( f6 J、在图片上任意一处点击一下www.otomedream.com#0?% T0 ]3 R2 p- U,然后注意左下角(嘛www.otomedream.com#0? @% v1 i) b& O k3 `4 O,我左右不太分www.otomedream.com#0?$ b8 ?$ b5 I( _5 F+ },错的话告诉我= =)此处
[j]DEZ81J RV2FV7[/j][j]DEZ81J RV2FTZ[/j]
3www.otomedream.com#0?! Z. V$ e3 g$ x; m、添加热点点击这个蓝色区域www.otomedream.com#0?& J& b+ \5 u+ F$ O,输入你想要做链接的网页的名称[j]DEZ81J RV2FU3[/j]
[j]DEZ81J RV2FV0[/j]
[j]DEZ81J RV2FUZ[/j]在网页上做链接(二):用图片做链接[j]DEZ81J RV2FU5[/j]
这是针对以图片做背景(<——这个一会我会讲到)的链接www.otomedream.com#0?, _7 m$ v, s% N, U, H,即我们通常说的内页的链接方式[j]DEZ81J RV2FUP[/j]
1www.otomedream.com#0?2 T8 U# b0 I3 P、在层1(layer 1)上点击一下再次重复第一部分步骤4www.otomedream.com#0?& t# k! ^) q5 ^7 B6 u5 v* v,插入做链接用的图片:”下一页”[j]DEZ81J RV2FTX[/j]
[j]DEZ81J RV2FUG[/j]
[j]DEZ81J RV2FVB[/j]
[j]DEZ81J RV2FV5[/j]2www.otomedream.com#0?( S O4 L3 D/ \7 ?7 x. s& [、点击图片www.otomedream.com#0?7 [+ z3 E% b! E, W7 J,下方出现以下界面链接里填上想要链接的页面名称[j]DEZ81J RV2FUO[/j]
[j]DEZ81J RV2FUI[/j]
[j]DEZ81J RV2FU4[/j]
3www.otomedream.com#0? s8 T5 m7 H L、于是两种常用的链接方式完成~^O^
[j]DEZ81J RV2FTV[/j][j]DEZ81J RV2FU5[/j]
==============================分啊分啊~我是努力分的小线线>_<===============================
[j]DEZ81J RV2FV2[/j]俺最不喜欢的部分终于到来了——内页= =|||[j]DEZ81J RV2FU2[/j]
1www.otomedream.com#0?3 I/ { r0 ~, y3 {、[j]DEZ81J RV2FV8[/j]
新建html——>修改代码——>保存——>插入——>布局对象——>层(请重复第一部分的步骤)
[j]DEZ81J RV2FV2[/j]
[j]DEZ81J RV2FV9[/j][j]DEZ81J RV2FUT[/j]
2www.otomedream.com#0?% ~& h/ I* T e、当出现有 ***下载/download/otomedream/ダウンロード*** 光标的蓝色框时www.otomedream.com#0?- w5 Y; d s! X$ t# ^,不要敲ENTER键www.otomedream.com#0?9 S7 Y5 k# f( p2 t3 N* g5 i7 O,进入”代码”页面www.otomedream.com#0?4 `% z& H2 i2 q. w! K& C# q0 k A,修改如下[j]DEZ81J RV2FTZ[/j]
[j]DEZ81J RV2FUM[/j]
[j]DEZ81J RV2FUV[/j]3www.otomedream.com#0?$ a$ h4 P& \( @2 |、回”设计”页面www.otomedream.com#0?, R. q3 N- n4 f9 a! l4 Z,在下方属(xing)处www.otomedream.com#0?6 K l; G3 G. b1 j,点击”页面属(xing)”
[j]DEZ81J RV2FUC[/j]
[j]DEZ81J RV2FU9[/j]
[j]DEZ81J RV2FUT[/j]4www.otomedream.com#0?. b) n# D1 c8 L0 U$ A) A、跳出这个界面[j]DEZ81J RV2FU7[/j]
[j]DEZ81J RV2FUP[/j][j]DEZ81J RV2FUW[/j]
[j]DEZ81J RV2FU5[/j]
[j]DEZ81J RV2FUV[/j]
这样内页的背景就做好了[j]DEZ81J RV2FV8[/j]
[j]DEZ81J RV2FV8[/j]5www.otomedream.com#0?4 O+ i0 \3 r( H$ k! T2 r z+ u8 O( [、点击一下layer1www.otomedream.com#0?$ s) q3 A& z& U0 G [* l5 O, g! I,插入——>布局对象——>层——>ENTER——>删除www.otomedream.com#0?# D y3 w j* A3 S: f9 m,我们开始做layer2
[j]DEZ81J RV2FUQ[/j][j]DEZ81J RV2FU2[/j]
[j]DEZ81J RV2FUL[/j]
6www.otomedream.com#0?0 J8 q+ g0 W2 T3 U; N% ?2 d$ N5 D3 _6 Q、把layer2的层放置到你想摆放文的地方www.otomedream.com#0?/ q5 q! }; g1 E: W,并调整长宽度
[j]DEZ81J RV2FU4[/j]
[j]DEZ81J RV2FUH[/j][j]DEZ81J RV2FTW[/j]
7www.otomedream.com#0?$ Q$ f6 Z; O d f( H! }、进入代码页面www.otomedream.com#0?2 Q( F1 T. {9 e0 `. U W,注意[j]DEZ81J RV2FVC[/j]
[j]DEZ81J RV2FUS[/j][j]DEZ81J RV2FV1[/j]
[j]DEZ81J RV2FTR[/j]<p></p>之间加入代码<iframe name="main" src="bai01-wen.html" width=565 height=485 scrolling="auto" frameborder="0" class="STYLE1" style="filter:chroma(color=<颜色代码>)" allowtransparency="true"></iframe>
[j]DEZ81J RV2FUZ[/j]bai01-wen.html是我做的文字网页www.otomedream.com#0?6 V) H6 W, P/ A! V; m3 G2 p! f,width=565 height=485是文字页面所占的长宽度www.otomedream.com#0?* D7 ^6 O4 I( w,要与layer2的长宽度一致www.otomedream.com#0?+ Z( N% L5 W m% y. G,color是文字的底色
[j]DEZ81J RV2FU1[/j][j]DEZ81J RV2FTU[/j]
[j]DEZ81J RV2FU4[/j]
内页至此完成~撒花~[j]DEZ81J RV2FV3[/j]
[j]DEZ81J RV2FUG[/j]
[j]DEZ81J RV2FTT[/j]=====================================快要做完www.otomedream.com#0?/ U/ z- V5 Y$ Q$ {* U; Y: c) n. Q,稍稍喘口气的小分分==================================
[j]DEZ81J RV2FV2[/j]最后我们来说一下文字页面
[j]DEZ81J RV2FUQ[/j]1www.otomedream.com#0?, p$ l% H* `+ h* g- `. d、新建网页——>保存为bai01-wen.htmlwww.otomedream.com#0?/ }( |, D3 j* q& o,在代码页面
[j]DEZ81J RV2FUK[/j]2www.otomedream.com#0?: N, ***下载/download/otomedream/ダウンロード*** E0 X+ G2 T+ S$ u) A、坛子里姑娘给的翻译大多是WORD文档www.otomedream.com#0?, ]4 a: o, B! B* {2 C,必须先把文字复制进记事本中www.otomedream.com#0?8 G g, ` s# p5 r2 X F,再从记事本中复制到"设计"页面www.otomedream.com#0?; ^4 `1 d* D# e M5 o# h P,保存[j]DEZ81J RV2FUN[/j]
[j]DEZ81J RV2FTY[/j]3www.otomedream.com#0?2 R$ J7 ? n6 g ^、点击F12www.otomedream.com#0?1 F2 U N# j4 W1 z+ G# o,预览一下整个EBOOK是否有疏漏www.otomedream.com#0?5 z* e- ~( ~, { p; S# A [, T/ [,没有就可以用E书软件进行压制了
[j]DEZ81J RV2FTV[/j][j]DEZ81J RV2FV3[/j]
=========================完成撒花ing的小分分及其相方小线线=======================================
[j]DEZ81J RV2FUH[/j]
[j]DEZ81J RV2FTZ[/j]以上内容皆为原创[j]DEZ81J RV2FUR[/j]
请勿随意转载www.otomedream.com#0?3 s2 a u. C3 }( }/ q) _; U,否则SM ***下载/download/otomedream/ダウンロード*** 之= =+[j]DEZ81J RV2FTX[/j]
[j]DEZ81J RV2FU2[/j]
[j]DEZ81J RV2FV6[/j]
[j]DEZ81J RV2FV7[/j]
[j]DEZ81J RV2FUD[/j]
[j]DEZ81J RV2FV5[/j]
[j]DEZ81J RV2FUM[/j]
[j]DEZ81J RV2FUT[/j]
[j]DEZ81J RV2FUE[/j][j]DEZ81J RV2FVD[/j]
[j]DEZ81J RV2FUM[/j]
[j]DEZ81J RV2FTR[/j]
[j]DEZ81J RV2FUA[/j]
[j]DEZ81J RV2FUV[/j]
|
评分
-
参与人数 1 | 论坛币 +30 |
威望 +3 |
魅力 +10 |
收起
理由
|
赭彦
| + 30 |
+ 3 |
+ 10 |
感谢=3=姑娘如果有需要以后可以随时补充更新 ... |
查看全部评分
|