相關資訊part4
專題進度
1.主題思考與設立
師大商圈是很許多學生會來的地方，許多學生因在師大就學，而就近來此吃東西、買東西，所以我們選擇師大商圈因為在於：
想更了解師大圈的原由跟歷史
想知道師大商圈有哪些消費商店
消費的族群是否有因商品不同而有所變動
附近特殊景點、與美食的介紹
經營時間所引起的爭議是否有影響生意
2.專題內容資料收集
先去網路上搜尋與師大商圈相關的網站和知名、特色商店，並先查好路線。
再去師大商圈找有關那裏的的歷史和文獻。
利用假日或有空閒的時間去師大商圈參觀訪問各家商店。
並且詳實紀錄和拍照。
3.資料蒐集與整理
台北師大商圈是由永康商圈與師大商圈所結合而成的，所以前置作業我們先在網站上了解商圈的特性與店家的種類，彙集同學資料後加以整理、規劃，以安排第一次出訪任務。
4.資料蒐集與整理，並設定採訪問題清單的設定
接續上次進度將陸續蒐集的資料做整理，並分配店家採訪的名單後，大家一起討論採訪時題目清單的設定，並提醒應有的禮貌。
5.第一次出訪活動
終於出團訪問了，第一次我們和老師約在師大商圈的燈籠滷味，老師先帶我們大致上繞過一次整個商圈的環境，邊走邊看要訪問的店家在哪，一旦看到了也順便做第一次的訪問，剛開始同學都不太敢，但經由老師的開場與指導後，漸漸的大家便較敢開口，完成一次出訪的任務。
6.第一次訪談記綠整理
第一次的訪談真的是一次寶貴的經驗，從不敢開口老師的帶領，但我們自行前往下一店家的訪問、拍照，所以回去後我們便將一整個下午的採訪內容、照片做了一次的整理，以便在下週回校後將照片與個人的訪談記錄交由老師檢查。
7.影像軟體的學習與操作
在訪談後便會有一堆的照片要做處理，故老師利用午休的時間教我們如何使用Photoimpact來做照片的縮圖與檔名一致性的命名，如此一來，即快速又方便，整體的容量真的是縮了不少。
此外網頁設計時底圖的設計與插畫也是不可少，所以老師利用時間再一次的教我們課堂做教的技巧外，又多教我們一些設計圖片的觀念以便運用。
1.圖片縮放 2.檔案命名(批次處理)
3.按鈕製作 4.插畫設計
5.背景設計....
8.網頁軟體介面、功能學習
終於要接觸網頁設計軟體了，老師先讓我們瞭解網頁設計的介面與基本的操作方式，原來網頁製作並不難，文字、圖片如何排放，版面就是這樣呈現，但為了要有更完美的呈現所以我們還會了：
1.利用表格編排文字、圖片 2.動態按鈕的設計
3.跑馬燈製作 4.圖片縮放呈現......
9.第二次出團查訪活動
第二次的訪查最主要是將上次未訪問到的店家再做一次的拜訪，並且上次因為有些同學無法出席，所以老師便再次利用時間帶我們又做了一次的訪問並拍照。
10.訪談內容整理
又是一次的訪談後，便有新的內容必須整理，所以在第二次的出訪後，我們又將自己的訪問記錄做了一次的整理，並利用上次老師所教的繪圖技巧將圖片大小、檔案的命名做一次的設定，以利於下週繳件給老師時，方便老師觀看。
11.資料彙整與網頁版型建立
在二次出團訪問及自己利用時間私下拜訪後，資料的收集有了一定的程度，所以我們決定開始網頁的製作。
所以老師和我們一起討論網頁版型要如何呈現，並告訴我們CSS格式設定後網頁內容的一致性，故我們討論出網站呈現的方式後，便著手進行網頁的設計。
12.網頁格式CSS學習、內容編排
利用CSS網頁格式的設定後，將彙整好的內容依一定的格式做內容的擺放。如：
按鈕、標題字二--外框、文字字體設計
文字--字型、字體設定
表格變化
圖片--圖片利用表格擺放後，圖片小圖變大圖效果
影片--動態影片的呈現
13.網頁簡報分工製作
網站簡報整體分為三大部份，相關資訊、計畫總覽、計畫要素，故我們利用分工的方式來完成內容的編寫，再利用交叉閱覽的方式，看同學所寫的內容，並提出自己的想法，若有不足或不完善的地方再討論加入，以充實、完整呈現簡報內容。
14.照片編修、網頁內容編輯
將陸續拍照的照片依網頁格式的需求縮小照片大小，並放入網頁相對應的資料中，配合圖片更能完整呈現網頁的內容，活用圖片小圖變大圖效果。
繼續將所以的網頁內容做版面編排，並檢查各自的頁面是否格式統一、放置完整!!
15.頁面連結
將網頁頁面內容做好整理後，便是將網頁做連結及錨點建立，使得各個頁面都可互通。
| top |
