快樂聖誕夜

昨天和好朋友們一起過聖誕
好開心啊～
第一次跟同學一起過聖誕夜
我們還一起去吃了鼎王
讚啦！但是很辣
還一起用單眼相機拍了溫馨大合照
但餐廳裡的人都像我們投以怪異的眼光
學設計本來就要特立獨行～驕傲
回來之後衣服都是麻辣鍋的味道
還好不是酸菜白肉鍋味
不然別人會以為我三天沒洗澡

佳作網站分享

為了多了解網頁使用性與瀏覽時的便利性

逛了不少網站

好的網站它的選單都很簡單

且具規則、條列性的排列

讓瀏覽者一目了然

最近還發現了幾個還不錯的網站
但好像是要用fiash製作
分享給大家看看囉

CREAKTIF ! (這應該是間廣告公司的網站，互動性、視覺效果都相當特別且有趣，會讓人想一再去它的網站看看)

Let's Take Pictures ! (這是一位攝影師的個人網站，裡面有很多美麗的照片)

YURAKUCHO MARUI(這是日本0101百貨的網站，紅色的球體是它的吉祥物，裡面的3D動畫很俏皮活潑，要耐心等一下，保證讓你嚇一跳)

三井ガーデンホテル銀座(這是日本銀座的一家飯店網站，具有高質感格調的網站，這間飯店一定很貴吧!)

個人網頁檢討

不清楚的連結選項

像是字體大小、圖形都是影響瀏覽者的使用上的便利性

或是類似的圖形與色彩可能會使觀看者以為它是同類型的內容

會是較大的圖形也會使人以為它是重點的選項

過於花俏的網頁

會使瀏覽者必須先思考要按個選項

這就失去瀏覽時便利性與簡約的必備條件！！

看來在網頁的製作上

我還需要好好的學習

花俏的設計不一定是好的

過於貪心

什麼東西都想放

反而會造成反效果

讓自己白忙一場囉～

網頁樣本

用樣本修改的網頁

運用內建的網頁樣本
也可以輕易達到製作網頁其中的一種方法
雖然很容易受它的版型限制
但作法容易
也是一種好方法啊

版頭合成了一位趴在桌上思考的小孩

搭配風景圖

背景主色以咖啡色系為主做搭配

想做出一種有淡淡憂傷風格網頁

今天老師借我《如何設計好網站-網站改造術》的一本書
裡面密密麻麻的語法讓我有點眼花
但練習試作了一些文字改造，感覺效果還不錯

那就分享一些我學到的

改變字型:＜font face=字型＞要顯示的字＜/font＞ 字型改成想顯示出的字型(ex:新明細體)
改變大小:＜font size=文字大小＞要顯示的字＜/font＞ 文字大小改成想顯示出的大小(範圍:1~7)
改變顏色:＜font color=#色碼＞要顯示的字＜/font＞ 色碼改成想要顯示出的顏色
改變底色:＜font style="BACKGROUND-COLOR: #色碼＞要顯示的字＜/font＞ 色碼改想顯示的底色

粗體:＜strong＞要顯示的字＜/strong＞
斜體:＜em＞要顯示的字＜/em＞
加底線:＜u＞要顯示的字＜/u＞
置中:＜center＞要顯示的文字＜/center＞
全部置左:＜p align="left"＞要顯示的字＜/left＞
全部置右:＜p align="right"＞要顯示的字＜/right＞
文字連結:＜a href="網址"＞要顯示的字＜/a＞ 網址改成要連結的網頁(ex:http://tw.yahoo.com)
斷行(小):＜br＞
斷行(大):＜p＞ ............先教到這裡吧!

這本書讓我在觀念與技巧上學習了不少
如何增加網頁的吸引力
在網頁上放大量的資訊
卻不會過於雜亂給人硬塞的感覺
讓人想一再訪問自己的網站
學會如何從使用者的角度來思考我的網站
看來我要把這本書壓在我這裡
不還老師啦~開玩笑

頁面編排

尼森設計首頁

版面編排表格圖示

以尼森設計的網站作版面編排
http://www.nisan.tw/
瀏覽了各式各樣優良網站
藉由他們的優缺點
思考自己所要修改的網站內容
我覺得學習是要多多觀摩的

網站結構探討

網頁地圖

創造力網頁設計公司

今天課堂作業是分析網站

選擇了學長的創造力網頁設計公司的網站作網路地圖分析

看了學長的網站

再看看自己做的網站

實在是有點汗顏啊~

自己做的根本是小兒科

對於網站的對象是誰?要提供什麼?

我還需要多多的琢磨

讓我的網站要不只好還要更好才行

作網路地圖作到有點手忙腳亂

但皇天不負苦心人

成果總是令人開心的

個人網站製作

原來運用與語法也可以製作出網站
不用再經過photoshop等繪圖軟體的製作
簡單的語法也可製作出相當不錯的網頁
雖然在上傳時遇到了些困難
但是解決之後的成就感是筆墨難以形容的

可能是太過開心
今天在課堂做的網站

竟粗心被一個delete鍵給毀啦﹦﹦

雖然有傳上網

但檔案被刪掉了不能修改

一直覺得上課時做的網頁不夠完美

想做個具個人風格的網頁

於是就花了整晚重新做了一個

弄了老半天終於傳到網路上

只能用感動形容我現在得心情啊！去我的網頁看看吧

修改前(舊版)

修改後(新版)

網站架設練習

先前五專時只練習過網頁設計
對於Dreamweaver只是粗淺懂一些
只知道怎麼插入圖片或打字這類的
也沒學過用語法製作網站
但不曾上傳到網站上
真實的在網路使用

終於可以在網路上架設屬於自己的網站
能讓大家來瀏覽觀看
這又是件令人感動的事
今天試做了個實驗的網站
雖然內容還很粗糙
(基本上只有標題跟圖片)
等著它慢慢成長吧!!
http://web2.ntit.edu.tw/~s13972011/

比較部落格與一般網站的差異

1.同學個人部落格之特色優點:
他們在部落格的畫面上都有經過設計與經營
版頭都有經過個人風格的設計
並非使用部落格內建的版形
凸顯出其部落格獨特

部落格整體風格一致
且不雜亂
例如他們在每篇文章上的圖片
都有過設計挑選
會依網站風格色調
去選擇圖片
配合風格做設計與修正

內容方面
都是經由自身先解讀分析
再將想法寫出來


2.分析兩者差異:
阿莫的生活比較偏於向部落格形式
但風格上比中國攝影強烈
也較獨特
中國攝影偏向企業系統式管理
設計較為呆板
但是若要在眾多尋中資料找尋自己所需要的東西
中國攝影會較方便找尋與觀看


3.看以下網站的感想:
macannashoe
圖像風格強烈
使用手繪方式相當獨特
(尤其他們的店面都是由手工繪製的，每間都不一樣)
突顯出該品牌產品多彩且為手工製作的特色
手繪的自由圖像
也間接表達產品天然質料自然不做作設計
網站設計也使品牌獨特性提高

意見調查心得

看到意見到查的結果
我只能說大家對我也太好了
看到我的網誌覺得好到很感動
雖然才3個人投
但心裡還是很開心^^

上次的上台報告網誌好緊張
還好舌頭沒打結
應該沒人看到我發抖吧....

意見調查表練習

今天模擬試做了部落格意見調查
寫了一些無言的選項
但我想應該不會太多人投票吧
乾脆自己默默投

部落格用色初體驗

今天學到如何更改blog顏色
字體色更改過後
感覺更符合版頭的風格了
而且還有網站提供調色
就更加方便

參考網站 http://cmbs.cnc.net/blogtemplates/using-color-to-personalize-blogger-blog.html

部落格版頭修改練習

這次課程的練習
根本跟解羅斯密碼一樣麻煩

還好
還小有成果
但還有些線條還沒找到= =

圖像上傳練習

部落格文字處理練習

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