網頁製作
作業1: 網站結構
作業2:層屬結構
參考老師部落格:http://webntit.blogspot.com/2008/11/blog-post_25.html
作業3:觀察網站,熟悉使用者經驗元素中的策略 (Strategy)層、眼界 (Scope)層、結構 (Structure)層。培養sitemap的建構及網站結構的命名。
方法瀏覽以下的網站
創造力公司
Apple
frogdesign
zafu
作業4:能一目了然地看到你期未作業欲改善的公司的網站
對象是誰?要提供什麼?
網站地圖。
網站結構的資料夾命名及各網頁的英文命名。
可改善之處何在?
作業5::頁面編排
隨堂演練
開啟Dreamweaver,新增html檔。
從主選單 >檢視 > 尺規 > 鉤選顯示。
從主選單 >檢視 > 格線 > 鉤選顯示格線。
從主選單 >檢視 > 格線 > 鉤選格線設定...。於對話框內調整間距的數值為10。
點選版面標貼,選APdiv。
在編輯區內畫一矩形。點選它,編輯它,並觀查及編輯區下方的屬性。並試著進行下列的屬性變動:
APdiv的名稱、大小、背景色
文字的對齊
文字的超連結
置入背景圖、插入圖像、圖像的超連結
儲存檔案。
作業6:使用範本
觀察網站,熟悉使用者經驗元素中的外觀 (surface)層,使頁面內的圖、文、色彩組合是一網站類型。
以Dreamweaver連結到你在學校的網站。(假如本地端無內容,你須將遠端內容下載)
在本地端網站的www資料夾內,新增work_6資料夾。
開啟Dreamweaver,點按右邊的從範本建立中的起始頁面。
作業7:小組-網頁改善
依上半學期的分組,各組自選一家企業網站,改善之。
改善之道如下:
1. 提出其可改善之處。
2. 提出同類型的優良企業網站,供改善參考。
3. 在部落格記錄每週改善記錄。
4. 在部落格做改善結果意見調查。
以前再專科的時候有學過一點~但大部分都忘光了><
野次的課程~其實自己也有學到很多東西^^
雖然很累~但是也值得啦
沒有留言:
張貼留言