系統公告
個人檔案
個人圖檔
ID:mamiamia
暱稱:Mamia瑪蜜雅
地區:臺北市

★迷戀Mia~
行事曆
Nov 2009
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
好時光貼曆
mamiamia的最新的回應
搜尋此頻道內容
搜尋:
★歐巴桑的相機
★想知道歐巴桑使用哪一台相機嗎? 就在這兒告訴你囉~是Canon 350D啦!
人氣指數
當日人次:
累積人次:
我推薦誰
誰推薦我
誰來我家
RSS 訂閱
RSS2
ATOM
贊助商
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam天空部落 本身立場。
POWERED BY
POWERED BY
會員登入免費註冊
March 27, 2006

要寫這篇文章就像是個只會同手同腳跳舞的舞痴,卻要教人家扭腰擺臀的熱舞一番!自己明明是個路痴,卻要有模有樣地指導人家如何到達目的地!很清楚的!明明Mamia就是個電腦大白癡,這會兒居然要教人家怎麼圖文排版!別說你覺得不妥,連我自個兒都覺得良心不安得很咧!

但是實在沒辦法啦!Mamia實在遇到很多完全被我的伎倆欺騙而不知我到底幾兩重的朋友,常常問我到底部落格文章裡的圖文究竟如何排成的?老實說~我實在沒有臉告訴大家,但是拖著不回答又擔心被人誤以為自己在耍大牌!我這個人沒啥優點,唯一的優點就是很有自知之明,頭從來不敢抬得比人家高、不敢笑得比人家大聲、講話聲調更不敢高過他人!走路更不敢走太快!嗄?為什麼?!因為走太快會有風啊!這樣太招搖了!不行!不行!我這種人苟活在這世界上,還是低調一點才好!不過就怕一個不小心被人誤以為是個驕傲的壞份子,啊!這不就毀了我唯一、剩下、最後一個活在這個世上的優點了嗎?為了避免這種慘絕人寰的事情發生,如今我不得不趕鴨子上架,不得不自以為是地和不太知道怎麼圖文排版的朋友們分享一下我的方法,不過對於電腦高手而言,就請你們今天眼睛稍微休息一下吧!這篇文章就跳過去別看了!免得你們這些高手看完了這篇胡言亂語的文章,可要來嘲笑我這難得裝懂得電腦白癡,那…那…那所剩無幾的自尊心很可能會被磨得粉碎並且煙飛灰滅啊!
老實說,我在天空圖文排版的方法可能是錯的、可能是最笨的、也很可能是很白癡的!不過我也只會這個方法,如果朋友們~你們真的要知道,好吧!我只好咬著牙!緊閉著雙眼!張開雙手!大聲地說:「好吧!來吧!」

首先,我在天空編輯文章時,只會用「一般編輯器」,如果我試著使用「進階編輯器」,肯定所有的圖文會亂七八糟、活繃亂跳、淅哩嘩啦完全不聽我使喚!然後把文章貼到主文內容後,便開始將圖片慢慢插入文章中,不過在將圖片插入文章中之前,我會先在自己的電腦檔案裡把想要用的照片縮小到我要的大小,然後再拿來使用。通常我較常使用的方法有幾種:

1.大張圖片置中排列
(這種大張圖片大都被我事先縮小到長寬在500x500之內)

2.兩張圖片並列
A:橫型
(這種排列方法,我就會把兩張圖片的大小縮小成241x161,並以「靠左排列」的方式插入,如果你有四張241x161大小的照片都以靠左排列的方式插入,最後則會在顯現出四張牌成田字形的照片。)

B:直型
(長型的照片排列方式,如果是以161x241縮小的話,則可以一次至入三張長型靠左並排的照片,如果只插入兩張長型照片,文字則會接在圖片旁邊。)














(這是直的兩張並排,只要兩張的寬度加起來小於500就沒有問題囉!)

3.三張以上的圖片並排






依照上面照片並排的道理依序類推,只要將照片的大小(尤其是寬度)縮得夠小,通常可以排進多張並排的小照片。

4.其他請依以上道理類推
總之重點在於照片的寬度啦!因為在天空一般照片最大寬度被設限在500裡,所以超過500的會當作500的大小出現。如果想排兩張以上的照片,則只要兩張以上的照片寬度加起來小於500即可。

好了!我講完了!要嘲笑我的現在儘管大聲地笑出來吧!我忍著!我會眼睛閉閉忍著的!來吧!來吧!

後記:
天啊!我在講什麼啊?!我自己越寫越糊塗!這種情形很可能像是Mamia以前教書時,自己在台上講得口沫橫飛、激動不已,心裡其實越講越冷、越心慌意亂,學生的神色也顯得越來越恍惚、不明…,最後整個世界之混沌與失序…唯一能拯救這個教室裡頭全部師生的辦法卻只有一個~噹~噹~噹~噹~噹~下課囉!學生聽到下課鐘聲忍不住大喊一聲:「耶!終於下課了!」其實…Mamia老師心裡何嘗不也是欣喜萬分地吶喊著:「哈利路亞!感謝老天!」

說真的~我真的不是個好老師,不過…人家盡力了嘛!至少交功課了呀!而且這會兒應該不會頂上一個驕傲、留一手、壞份子的名號了吧?只不過看了這篇文章的人大概是有看沒有懂吧?接下來呢?嘿嘿~接下來請本班厲害的小老師們自己自動出列,為其他不會的同學解惑吧!我想應該有更好的圖片排列方式吧?

誰推薦這篇文章
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
留言 (25筆)
1.
Mia's mom~
妳的方法很實際,而且編排起來也非常好看!拍拍手鼓勵鼓勵!!
 
orangeerin 2006-03-27 17:40:15 留言 |
2.
orangeerin~
我感動的哭了...
你真是個善良的好學生啊!
老酥愛你!
 
mamiamia 2006-03-27 17:52:04 留言 |
3.
mamia
每天都會到你這瞧瞧
這裡越來越有趣ㄋㄟ
你的編排方式我拿走囉!
謝了~
 
annarita 2006-03-27 18:04:13 留言 |
4.
電腦白痴yiting想問.............................................如何.......................用自己的電腦把照片縮小.....................................????((我可是想了很久才鼓起勇氣問的>..
 
yiting ˙﹏˙ 於 2006-03-27 18:45:43 留言 |
5.
嗯....很實用
我自隔取用蘿...別客氣^^
mia聞腳ㄚ...哈哈太可愛ㄌ
 
Miko 於 2006-03-27 23:02:48 留言 |
6.
mamia~!!
我想回答yiting的問題~!這會不會太雞婆呢?
你可以使用一些影像軟體如"photoshop"等,把自己所拍的相片輸入,或從檔案總管中拉到photoshop中,再點選上排工具列中的"影像"鍵,其中的"影像尺寸",接著修改其中的像素欄數字,像素的寬度及長度為在500以內,自行設定即可。不知這樣說會不會有很多人來笑偶,真是班門弄斧,真是不好意思~~!!
 
有點小雞婆的martiny 於 2006-03-28 00:23:24 留言 |
7.
我一直很喜歡你的排版呢!因為感覺很舒服、一目瞭然,很有sense呢!
 
博斯普魯斯的月光@ngelsmile <font size="-1">[襲風夜涼醉如月 浮青潮湧痴似夢]</font> 於 2006-03-28 01:20:42 留言 |
8.
白痴留言!因為電腦很聰明,自動會把之前的輸入內容列出來,沒注意到就直接貼了。
 
博斯普魯斯月光@ngelsmile 於 2006-03-28 01:22:24 留言 |
9.
喔,天啊,我真是太感動了,我要跪下來感謝MAMIA您的嘔心瀝血,我沒想到我的留言,還讓你特別在繁忙打掃之際,為這芸芸眾生寫了一篇教學網誌。不管寫的如何,我都要為你拍拍手!
喝采!喝采!!再喝彩!!!
感謝!感謝!!再感謝!!!
我會上去照MAMIA的指導試試看喔。
不過如果如你所示三張或二張並排的話,是不是先放置一張照片靠左插入後,然後同樣在原來的位置上再設定靠左的圖片,然後他自然就會並排在一起嗎??
對不起喔,我沒試過,所以問的很白吃請多包涵。
感激涕零的饅頭媽咪

 
splendorallen 2006-03-28 01:31:37 留言 |
10.
~,~ 我還是看完了這篇!!

其實mamia所犯的錯誤很簡單
就是該按"enter"的地方則沒按"enter"
以上面第"3"點!!
3.三張以上的圖片並排
[pic1][pic2][pic3]依照上面照片並排

這時就應該在[pic3]後面按一個enter鍵!!
如此照片才會和文字斷行!!
最主要原因在於你用天空編輯器看時
[pic3]與後頭的文字應該有斷行的!!
但事實上並沒有的!!(那是因為尺寸寬的關係)
儘管你可能不知道這點
但在文章送出後你看到圖後竟然沒有斷行時
而緊接著文字,那就得回去在圖的後頭按一下enter
按enter代表斷行,也就是html中p的意思,
按shfit+enter代表br的意思

br和p看似都是換行,但差別可大了!!
簡單說br代表的是同一段文字,只是將它移到下一行
事實上還是同一段的!!當然你在視覺上看不出有什麼差別!!
但在css的段落定義區分上頭就得注意!

所以mamia~你這次"得"回頭修改
將第三行的照片與文字斷乾淨
不曉得的人還以為你圖左文右的編排呢!!

接著我要嚴重抗議及抱怨!!
你blog設定"文字保護/鎖右鍵"功能
你只會讓我使用不便,
有時文字是需要copy來copy去的
你並不會因為醬子就能保護咩!
有心要盜你文的人只要另存新檔即可

像我留言那麼多,想要選取起來複雜備份
或者是想要整行修改,都受限無法選取~
所以我希望你取消這項限制啦~
 
H 於 2006-03-28 09:33:21 留言 |
11.
其實很久以前就教過mamia較正確的排版方式
只是這裡的進階編輯器中,自動換行選項會讓排版有錯誤
不然其實大家只要在word或frontpage裡先編輯完後
再copy→paste到編輯器裡頭就可以了!

而網頁較正確的圖文排版方式
則是利用表格(table)來做,
而重點在於表格的格線要設為"0"(無)
以圖左文右來說,畫一個兩欄式的表格
將圖插到左,文字插到右即可~

像blog頁面的排版,也有很多
都是用表格製作成兩欄、三欄式的

如果你想要製作更複雜的版面
可以利用word的表格劃線工具來做會更快

另外一種則利用layer的方式來做
用dreamweaver軟體,只是我沒有在天空試過!!

以上講的都是網頁排版的基本觀念作法
但是,因為每一家blog的編輯器的效果限制都不同
有些blog(xuite)我直接copy word的內容貼上即可
但在天空可能必須要自己再加以修改~

原則上一定是先在電腦編輯完後
再丟到blog上頭來!!
如此也可以在自己的電腦留一份底!!

但要如何讓編輯器可以順利套用,
這可能是各位自己要學的地方

最後對mamia說~
其實你不用學我以前及現在跟你講的這些
因為你已經找到你自己的那一套方法~
雖然有些地方看起來問題重重
但別人看起來覺得漂亮,也認為你是用心排的
那不就好了!!何必講出來呢?

~,~...唉~

 
H 於 2006-03-28 09:46:09 留言 |
12.
呵呵...Mr.H 就是這麼熱心
他常常像這樣花很多心思告訴我們哪裡要修正可以做的更好
最後又發覺自己似乎太嚴肅而又說不要太在意他說的話
其實有人願意告訴我們怎麼做真的是很難得的呢~
^_^

另外,我要在這兒提供另一個縮圖的方法
因photoshop軟體其實不一定容易取得且較占電腦資源
其實現在很多看圖軟體都有提供簡易的縮圖功能
像我是使用ACDSee4.0就有這個功能,還有旋轉圖的功能
我覺得超好用的
也有不少免費看圖軟體有提供哦,像是SlowView
不過有時用ACDSee另存成其他格式的圖檔時會失真(例如bmp轉成jpg)
此時我就會用photoshop來做就很漂亮不會失真囉

以上是我個人的淺見,見笑啦~
 
Pause 於 2006-03-28 12:03:20 留言 |
13.
謝謝樓上的各位善心人士.....
大有收穫,感謝啦!
 
bebejean 2006-03-28 13:08:06 留言 |
14.
各位同學:
H是Mamia在網頁上的老師喔!
他真的很厲害!而我真的是很笨的那種學生,
這種很厲害的老師+很笨的學生的組合=老師搖頭+學生低頭
他講的才是最好的方法!
Mamia用的方法就像他講的常常會有一些怪問題,
不過像我這種喜歡蒙混過關的人來說,
教我笨學生高階的知識只會讓老師越教越火大,
不過你們這些都算是聰明的學生,
如果有任何問題可以向H提問!
H?是誰?
喔!他就是我右手邊有趣的朋友裡邊,
第一個:月亮喵的版面設計者,
超厲害的!
找他就對了!

 
mamiamia 2006-03-28 15:07:04 留言 |
15.
H老師~
很神奇耶!
按enter和shift=enter居然不一樣耶!
不過你說的錯誤我是按了好幾回shift+enter才修正的ㄋㄟ!
這樣有沒有問題咧?

還有還有~設定右鍵的事情可是一位好心的網友提醒我的,
因為有時候我會放Mia的照片在上頭,
如果被有心人士下載做壞事那可糟糕了!
所以我才趕緊學會設定右鍵的,
啊?!設定右鍵不好嗎?
怎麼辦咧?

H~真的很謝謝你願意出來與大家分享你知道的東西,
其實寫這篇的時候,
我真的很期盼你出來交大家比較正確的方法,
因為我自己知道自己的方法笨笨的又怪怪的,
可是不寫又不行,
因為總是有些朋友很好奇我怎麼弄的,
所以只好自己當引子,
由你們這些熱心又瞭解電腦的人與大家分享你們的東西囉!
謝謝你ㄋㄟ!
 
mamiamia 2006-03-28 15:11:42 留言 |
16.
潛水夫~
喂)))))))))
你收到巧克力了沒?))))))))
 
mamiamia 2006-03-28 15:12:43 留言 |
17.
你把右鍵鎖定解開啦~

如果別人真有心盜你的圖,你鎖右鍵也沒有用
但這種機率有多高呢?你之前也沒有鎖過
但你發現你的圖文被盜過幾次呢?

像我現在要複雜你的話當做引言都沒有法子
如果你文章中有字是錯的,我還得將你那一段話重打下來
真是擾民耶~mamia女王~你要了解民間疾苦呀 :P

至於天空版面製作的問題~
事實上我早就很想跟你講啦~
只是限於文字對談,再加上你又沒msn,
再加上這需要圖片輔助說明
再再加上之前與你對談的記錄 :P

所以我每每都將要跟你講的話
都給吞了進去~你能排好就好啦~

剩下的話我再用mail寄給你
 
H 於 2006-03-28 15:38:19 留言 |
18.
H大哥~
解開右鍵了啦!
嗚~人家好不容易才發現有這種功用說...
好可惜~

唉~其實你應該最瞭解我吧?
我真的很笨!
這些你們覺得簡單的電腦技巧,
對Mamia而言簡直是比登天還難!
再加上我又懶、又沒效率,
最好只好不了了之...,
對不起喔!
每次覺得你好好心,
願意教我這呆瓜,
結果我卻又那麼不受教,
對不起!對不起囉!
 
mamiamia 2006-03-28 15:49:42 留言 |
19.
夭壽~我係h小弟咩~ hrz~
mail我晚上再給你
有機會再讓我聽聽撕紙的聲音呀 : P

不然等你出書時
叫那出版社幫你改 :P

對了,你先別試啦~你先醬子做啦~
mail上再說~
 
H 於 2006-03-28 16:09:35 留言 |
20.
在某些方面我是了解你的 : P
不過如果不了解你的話
我又該怎麼幫你呢 : )
 
h 於 2006-03-28 16:11:28 留言 |
21.
基本上鎖右鍵, 這個方法只能防君子, 不能防小人, 這部份, 我在別人家說過了.
妳鎖右鍵, 我若是要拷貝, 方法很多, 基本上, 目前天空還鎖不住我.

那個地方有人回答, 答得非常好, 大意是
雖然只能防小人, 但也讓對人家知道, 這是版權所有, 就算要拷貝, 也不能那麼容易.
我非常的贊同.

自己本身沒有部落格.
我都跟比較熟一點的朋友講, 我是混部落格的.
所以Mamia的教學, 那裡有問題, 我不知道.
但是, 我知道, Mamia在這部份是個兩光老輸.




哈哈哈哈!!!!
開心就好, 想那麼多幹什麼??!!
 
有話要說的潛水夫 於 2006-03-28 17:12:56 留言 |
22.
Mamia老輸~
請移駕到
http://blog.webs-tv.net/mamiamia/article/1467991#comments
最後一篇留言就是我留的.

我不但收到了, 還"拍照存證".

我是好學生吧!!!!

哼哼哼!!!!
有別人像我這個樣子"用心"嗎??!!
 
潛水夫 於 2006-03-28 17:19:27 留言 |
23.
基本上怎麼鎖的住呢?
我printscrn就好啦~
另存新檔下來(選完整內容)
圖片反而全都在裡頭~根本不用一個一個挑~

目前看過好像只有一種程式
可以完全防止抓圖
你按printscrn,圖片會出現雜訊~
但那是要錢的喲~

圖比較難防
文字比較簡單一點
文字就將它變圖
要的人自己還是得再"打一次"

圖可以用flash的方式
圖醬子就不會被右鍵抓下

只是以上都不適用在blog之中 :P

最後,我個人是認為
其實應該回到"internet"的出發點上頭來
就是"share"~在這上頭之所以流行
也是因為share的道理
只是這年頭我們加入了太多商業的模式
講話、引用照片...還會被告
~,~

總之如潛水大大所講的
防君子不防小人

只是你鎖右鍵方法
把大家都當小人啦
不然幹嘛鎖呢 :P
(玩笑話啦~)
 
H 於 2006-03-28 17:26:59 留言 |
24.
1.又讓我學到很多部落格的排版技法了^^

2.老實告訴mamia老師,其實yiting我從之前只要看到mamia拍的照片整個構圖、拍的內容,要是能當畫畫的題材,我都會存下來。mamia~您不會介意吧?
最近mamia鎖右鑑,還真令我難過。因為少了很多題材!!你知道那對我有多重要!!!!((別激動~))

關於題材~實體的像報紙雜誌,我收集的約快有3大本了。網路上找來的也約有50幾張,很貪心嗎?而且~這麼多圖,真的每張都會用到嗎?~~「書到用時方恨少」~等真正要畫畫時,有時找來的圖片還不一定會滿足整個畫面哩!!



歇斯底里廢話連篇話之yiting
 
yiting ˙﹏˙ 於 2006-03-28 21:02:37 留言 |
25.
mamia老師:你好!
很喜歡你部落格輕鬆詼諧的寫作風格,但是有個小問題是
我發現你的文章最右邊會無法看見呢??還有其實看過你本人的照片,是個漂亮的歐巴桑喔!!
 
wewe1615 於 2009-05-08 11:13:08 留言 |
發表你的留言 (字數限制 最多 2000 個中文字)
私密留言:
Name:






內容: