close

不知道為啥...最近好像很多人都要作網頁...= =
被人問到網頁製作的問題頻率也上升很多~
加上最近二個多禮拜以來,我也在弄網頁...Orz
(教研所網頁大翻修!)
乾脆就趁著記憶還沒衰退之前,把一些心得寫一下,
還有一些製作的方法po上來獻醜...(網頁真的不是我的專長...= =+)
也希望藉此拋磚引玉...和大家來討論、切戳~
雖然已經抱持著這系列人氣應該不會很高的心理準備了...(  ̄ c ̄)y▂ξ

【註:這次是使用Dreamweaver CS3來製做的喔~】

 


首先!有人問我說要怎麼起頭?(不管是改版或者從頭製作)

很簡單...我的答案都是:「拿起紙跟筆,開始畫!」

沒搞錯吧!不是要作網站嗎?用紙跟筆? (/‵′)/~ ╧╧
是的...請想像一下,完全都沒有規劃,
只是想到做啥就去弄...到頭來搞死的還是自己;
今天覺得A頁面OK,明天又覺得B頁面這樣做好像比較好,
後來又看到C的做法不錯...搞來搞去變成ABC都不一樣,
那你是要作一個還是三個網站呢?= =

先把你的構想、設計,還有版面排列甚至物件配置...等,確定下來,
(總不能第一頁是時尚風,第二頁卻變成波西米亞風吧...= =)
試著用紙和筆寫下你的想法...有圖為證...
page-01.jpg 

恩...當初我是先決定版型(最後是用Photoshop做切片處理),
然後在網頁放置的總資料夾內先分出各元件存放位置,
【這點很重要!之後製作時會牽涉到物件的路徑問題!】

這是比較陽春的分法啦~至少...網頁中大都會包含:
各個頁面(page)、使用圖檔(image)、按鈕(button)
這邊因人而異,但最好要先分好...^o^
page-02.jpg  

注意!在網頁製作時,資料夾、檔案請盡量避免用中文來命名,
(我是都跟人家講不要用,不要去惹不必要的麻煩)
而範例中「小榮的範例」只是之後要設定存放的位置所以沒關係,
但裡面的資料夾之後會成為各頁面、元件的路徑,
往後再上傳到空間時,如果是中文的話有可能會不正常...

不要覺得要寫下來很麻煩,因為你不先定案,
往後只會更麻煩...再說...寫在紙上,
要和上面(如老板、客戶、老師...)討論時也比較方便修改,
不然如果都沒討論就卯下去做,到時上層說哪邊要改的時候...
欲哭無淚的會是你啊...(  ̄ c ̄)y▂ξ
(在此感謝老師對於我的版面沒有做太大的更動...>.<)

 

恩...想當初在製作版面和決定做法時就耗了我3~4天才定案...= =+
還有~以前流行的框架(frame)現在已經不常用了,
如果要用這種做法的人請三思...至於為啥要三思,
在之後會說明...這邊先提示一下,
如果你保證將來瀏覽你網頁的人的螢幕都不會是寬螢幕的話,
然後你有辦法把版面固定住的話...就用吧...= =+
(啊...還有就是面對多個網頁檔案不會錯亂的人~)

現在大都是用表格AP圖層來製作(我弄得教研所網頁則是表格+圖層...XD) 
下一篇開始會進入Dreamweaver的碎碎念囉~
因為會從最先的檔案匯入開始寫,所以這邊到這邊先打住囉!

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 seskywalker0981 的頭像
    seskywalker0981

    Sky的碎碎念..\(^▽^)/

    seskywalker0981 發表在 痞客邦 留言(0) 人氣()