只要學過網頁設計的人 (無論是透過Notepad或者是Dreamweaver進行撰寫)，大概都有立志過要建立一個屬於自己「獨一無二」的網站，然後一定要在當年紅透半片天 的Geocities (因為以免費空間而言，他的容量在當時很大，而且接受FTP上傳網頁資料，現在已經被Yahoo收購)佔有一席之地。
架設網頁，除了有良好的撰寫技術之外，在外觀上與功能上的設計也要有相當程度的對應，整體網站才不至於讓人覺得「不好用」。
而如何「正確地」規劃一個網頁的呈現呢？讓Poetic Prophet用《Design Coding》這段RAP來告訴你吧！
RAP歌詞如下︰
The Design of your site and the coding of your site and the key components to how your site’s optimised and the conversion you get. Design and Code it right, get it working for you.Check it out…
Your site design, the first thing people see.
It should be reflective of you and the industry.
Easy to look at, with a nice navigation
When they can't find what they wan it causes frustration
A click costs an action. To increase the temptation
Use appealing graphics that create motivation
You have animation please use in moderation
‘Cos search engines can't index the information
Display the logo of all associations
Highlight your content; therefore that’s an obligation.
Create clean design; you can use some decoration
But try to prevent any client hesitation
Every page that they click should provide an explanation
Should be easy to understand like having a conversation
Create a site style you can use your imagination
But make sure you use correct colour combinations
Do some investigation, looks at other organisations
But don’t duplicate or you might face a litigation
You done? Congratulations start construction
Move into production, please follow these instructions:
Your photoshop functions, slice that design
Do you layout with divs make sure there is a line
Please don’t use tables even though they work fine
When it come to indexing they give searchers a hard time
Make it easy for spiders to crawl what you provide
Removed font type, font colour and font size
No background colours, keep your coding real neat
And tag your look n feel on a separate style sheet
Better results with XMl and CSS,
Now you making progress, a ‘lil closer to success
Describe you doc type so the browser can relate
Make sure you do it great or it won’t validate
Check in all browsers, I do it directly
Gotta make sure that it renders correctly
Some use IE some others use flock
Some use AOL, I use Firefox
Title everything including links and images
Don’t use italics, use emphasis
Don’t use bold please use strong
Cos if u use bold that’s old and wrong
You use CSS your page should load quicker
Your client's satisfied like they easting on a Snicker
They stuck on ur page like u made it with a stickers
And then they convert now that the real kicker
Make u a lil richer, your site a lil slicker
Design and code right man I hope u get the picture
What I'm telling you is true man it should be a scripture
If it's built right you’ll be the pick of the litter
Everyone will wanna follow you like twitter
Competition will get bitter
You will shine like glitter
If u tryna grow; your company will get bigger
Design and code right man can you get with it?
Design & Coding…
夠過Google翻譯為中文之後，如下︰
設計您的網站和編碼您的網站和關鍵部件為您的網站的優化和轉換你。設計和代碼的權利，得到你的工作。
檢查出來...
您的網站的設計，第一件事人們看到。
它應反映你和產業。
易看，一個漂亮的導航
當他們無法找到他們浣造成挫折
點擊費用的行動。為了增加誘惑
使用圖形吸引力，創造動機
您有動畫，請使用適度
'成本的搜索引擎不能索引的信息
顯示該徽標的所有社團
突出顯示內容，因此這是一項義務。
創建清潔設計;您可以使用一些裝飾
但是，試圖阻止任何客戶端猶豫
每個網頁，他們按一下應提供一個解釋
應該不難理解了類似的談話
建立網站樣式您可以使用你的想像力
但是，一定要使用正確的色彩組合
做一些調查，看看其他組織
但是，不要重複或您可能會面臨訴訟
你做什麼？恭喜開工建設
進入生產，請按照下列指示：
您的軟件功能，切片，設計
你的佈局與divs確保有一個行
請不要使用表，即使他們的工作罰款
當它來索引他們給搜索很難
可以很容易的蜘蛛抓取您提供什麼
刪除字體類型，字體顏色和字體大小
沒有任何背景的顏色，讓您真正乾淨編碼
和標記您感覺看起來ñ在一個單獨的樣式表
更好的結果與XML和CSS ，
您現在正在取得進展，一個小小接近成功
你描述文件類型，以便瀏覽器能夠與
務必做到這一點非常否則它就不會驗證
檢查所有的瀏覽器，我也可以直接
愛是確保它使正確的
一些使用IE瀏覽器使用其他一些羊群
一些使用AOL ，我使用Firefox
標題的一切，包括鏈接和圖片
不要使用斜體，使用重點
不要使用請使用大膽強烈
成本如果u使用大膽的舊的和錯誤的
您可以使用您的網頁的CSS應該載入更快
客戶的滿意，他們東的竊笑
他們停留在我們的網頁像ü了一個貼紙
然後他們轉換現在，真正的踢球
讓呂一小小豐富，您的網站上小小雨衣
設計和代碼的合適人選我希望得到德國的圖片
什麼我告訴你是真正的男人應該是經文
如果它是建立正確的您將回升的垃圾
每個人都會想跟著你喜歡嘰嘰喳喳
競爭會激烈
你會像閃閃發光
如果ü tryna增長;您的公司將獲得更大的
設計和代碼的權利人可以得到嗎？
設計與編碼...
(當然…翻譯結果是一整個囧…)
讀者回應 ( 0 回響 )
訂閱張貼留言 (Atom)