12/17網頁設計-網站外觀

今天的進度到了作業六
算是持續完成修改網站的這項作業
今天老師要我們從dreamweaver內建範例內的樣本頁面去做修改
將範例改成接近欲改善之網站的樣式
從改版頭圖樣
到修改背景與字體
將網頁做出了個大概
最終的內容修改
就留到作業七囉!

http://web2.ntit.edu.tw/~s13972026/work_6/index.html

網頁設計-頁面編排

頁面編排:
http://web2.ntit.edu.tw/~s13972026/work_4/skeleton.html

今天進度到了作業五
剛開始上課的時候
老師要我們去參考許多的優良網站

• 優良網站

然後從中擷取優點去學習
並找出較符合我們修改網站感覺的網頁
其中有幾個感覺比較OK的網站:
1、http://www.nisan.tw/

2、http://www.rat.com.tw/freeform/

後來我去找了各個學校、各大景點的網頁
試圖尋找理想中的編排方式
其中我們將可能參考的網站有:

1、國立台灣美術館
http://www.tmoa.gov.tw/home.php

2、文藻外語學院(舊版網頁)
http://www2.wtuc.edu.tw/chinese/2004/

3、雲林科技大學
http://www.yuntech.edu.tw/

今天暫時找到這幾個較符合理想的網站
之後應該會繼續尋找
不過在我的網頁中應該可以發現
已經有個大概編排的方向了
繼續加油唄!

網頁設計-網站結構探討

網站結構探討:
http://web2.ntit.edu.tw/~s13972026/work_3/sitemap1.html

今天上課要做的是網站管理
並完成作業三跟作業四
老師給的參考網站是:
創造力公司
Apple
frogdesign
zafu

而我選擇去探討的是創造力公司這個網站
探討的選項有:
1、對象是誰？要提供什麼？
2、網站地圖。
3、網站結構的資料夾命名及各網頁的英文命名。
4、可改善之處何在？

這次的作業可以去別人的網站中學習其優點
去看看別人的網站是如何命名、如何做網站地圖的。

網頁設計-超連結

我的網站:小羽的秘密基地

今天的學習從新增檔案、新增資料夾、找圖
到放置圖片，製作各個超連結...等。
真的很有趣，也學到了很多。

製作當中，
我跟很多同學一樣，
出了一點小問題。
就是在網站當中的圖片不能顯示!
後來在我思考過後才想到，
圖片的名稱不能使用中文字，
應該要是英文或數字，
這樣連結才不會出錯。

後來一切製作都很順利
看到自己做出來的網站
雖然還很嫩
卻有了那麼一點點成就感呢!

在下課過後，
老師看過了我的網站，
給了我建議，要我作業二當中的圖片大小一致。
這樣的改變，讓讀者視覺上感覺更好了。

今天上課感覺很忙碌，卻也很充實。

網頁設計-網站建構

http://web2.ntit.edu.tw/~s13972026/

第一次使用CS3的版本製作網頁
感覺很新鮮~
希望之後能學到更多
做出一個好網站囉^^

隨堂作業

1.同學個人部落格之特色優點:
看過這麼多同學製作的網站之後，
他們共同的優點就是"用心經營"。
從上到下由左至右，
只要細心觀察，
都可以發現作者的用心!

整體感覺都很整潔有力，
不會有太複雜的情況，
分類十分清晰，讓讀者可以簡單上手。

而網站的內容都是作者由感而發的寫作，
讓人深切感受到他們的用心。

其中我比較喜歡的是:
徐文嫻的部落格
我喜歡他版頭的設計，
尤其是他自己畫的貓頭鷹，真的很可愛。

雪兒好
我喜歡他整個部落格的風格，
很有自己的個性也很可愛。
而且每篇網誌都有圖片以及自己的小分享，
不只用心，也讓人想繼續看下去。

小心眼
我喜歡這個部落格的創意主題，
因為他的分享是普通人不會去注意到的。


2.分析兩者差異:
阿莫的生活
整體設計一看就知道是個部落格，
而且看到他放置的照片，
感受到他眼中看到的不一樣的世界。
雖然感覺沒有中國攝影那麼多東西，
但卻十分有自己的風格。

中國攝影
是個很豐富多元連結的網站。
只是整體設計感覺有點呆版，
沒有自己的特殊風格。

3.看以下網站的感想:
macannashoe
個人風格十分強烈，
一打開網站即可被當中的圖像吸引住，
讓人驚嘆，更讓人想繼續探索下去。

而手繪方式呈現的首頁、版頭以及背景圖片，
真的很有作者的獨特風格。
整個網站很有條理，簡潔易懂。
手繪圖片配合他所販賣的手工製作且強調舒適的獨特風格商品
真的是搭配的剛剛好，十分吻合。

意見調查表練習

意見調查表的真是個有趣的設定
讓我可以快速的製作調查表
然後給各位同學作投票
雖然感覺應該沒什麼人會來
但我還是對於學會做這項設定感到很開心唷!

部落格修改字型練習

在今天的課程中
我學會的如何修改部落格的文字
可以改大小，可以改顏色
這讓我的部落格更加的協調
也多了一份屬於我的味道

另外還有一個網站提供調色，真的很方便唷!
參考網站 http://cmbs.cnc.net/blogtemplates/using-color-to-personalize-blogger-blog.html

部落格版頭製作

這次的課程是個小小的挑戰
因為沒有做過版頭修改
所以感覺也很新鮮
版頭的圖是經過上網搜尋後用photoshop製作出來的
幸好有做出個成果來
希望我的版頭能一直乖乖的待在上面不要亂跑囉!

圖像上傳

部落格的文字處理

尤傳莉譯，你在看誰的部落格？：一群打亂長尾、扼殺文化的業餘者。Lawrence Lessig 原著。台北::早安財經，2008年04月03日。ISBN: 9789867458988

又一新網誌...

第三天的課程
第一次上網路傳播
第二次申請網誌
第N次睡眠不足...ZZZZZ