1/6期末作業-網頁修改

欲改善之網頁:
佳興國際科技公司
http://www.chitg.com.tw/index.html

優點:
1.許多圖檔都是動態的，感覺比較活潑
2.版面置中，版頭一致，感覺整齊劃一

待改進之處:
1.版頭右邊太過空白，感覺空洞
2.版面配置與字型上的選擇過於俗氣，可改走有質感的路線
3.每頁的框架配置不統一
4.主要選項名稱以及順序有點凌亂
5.有的項目內出現不相干的次選項，使人混亂
6."產品簡介"部分的按鈕連杰有點凌亂，應該做有系統的整理
7.首頁沒甚麼重點且不突出，應另設一個較特別又具代表性的首頁

這是他們的首頁

這是我們修改後的首頁
我們將首頁放置了雷射動畫
並將背景顏色做修改
使看起來更有質感

這是他其中一個子頁

這是我們修改後的子頁
我們將他的項目名稱、按鈕以及字體配置等做了些修改，
並把版頭設置背景，使之不單調

修改後的網站:
http://web2.ntit.edu.tw/~s13972026/work_7/chiahsing_1index.html

我的作業首頁:
http://web2.ntit.edu.tw/~s13972026/

做完這個作業後
發現製作一個網站真的是一個浩大的工程
使用的軟體不再是曾經熟悉的frompage
而是新版的dreamweaver
感覺很新鮮有趣
雖然我們最後設置的網站
可能並不完美
但我們已經盡心去努力了
相信有真正去學習與實踐的同學
在冥冥之中也學到了很多
謝謝同組的組員們
謝謝這堂課程
也謝謝老師，您辛苦了!

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
個人風格十分強烈，
一打開網站即可被當中的圖像吸引住，
讓人驚嘆，更讓人想繼續探索下去。

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