歡迎來到明志視傳的大家庭
各位親愛的同學大家好:
很高興有機會和大家一起學習網頁設計;雖然不是第一次上網頁的課,但因為過去兩、三年以來,網頁設計的觀念與技術,都有不小的轉變,所以這幾天在備課的時候,總像是第一次上課一樣,深怕哪個細節沒有說清楚,也擔心沒有把新的設計流程帶到。為了讓課程流暢,經常要想一些梗舖在前面,才能讓大家在學習過程中有深刻的印象。
以往我都一再強調,我不會在這門課教Adobe Dreamweaver,但這個學年我調整了一下進度,想把下學期的軟體操作提前到這學期來上,目的是要讓全班同學都能接觸這個軟體,再者就是,我希望在下學期放更多心思在設計上,如此便可以讓軟體操作更熟練。但因為把軟體操作放在這個學期,HTML與CSS的語法練習就會更緊湊,也更需要大家事前的預習和課後複習。
我已經把小小修改過的課程進度表放在網路大學,大家可以去參考。等我們學習如何放連結時,我就會同時在這個網頁供大家參考。希望這個學期過後,大家都對網頁設計有完整的瞭解,也能親手做出網頁來!一起努力!
明志科大
祥子 :D
為自己的認真喝采!
2012-12-22
今天雖然是補課的日子,但也有不少同學已經請假回去囉!我們班上還能都留下來上網頁設計,而且是一整天的網頁設計,是不是該為自己的努力鼓掌呢?
我們在今天的課程中,上了很難搞定的AP-Div,這是很多設計師又愛又恨的元素,因為很方便拉框,但不容易排定位置。因此,請各位務必「不要」任意使用AP-Div來排版,還是要用之前教的Box Model來作欄位的切割,才能夠做有效的控制。
另外,我們也學到了如何在網頁上插入互動效果的行為,讓網頁可以更活潑;這個部份,倒是可以善用喔!
Dreamweaver CS6
2012-12-6
上週與這週,我們學習了如何操作Dreamweaver,各位對於這個軟體的簡易入門應該開始喜歡了吧?在CSS的定義與操作上,妳應該可以感覺到前半學期在語法上的修練是有很大的幫助吧!的確,這個軟體對我們而言,是很方便學習的,但如果要精通的話,還是得多多操作。
表格的CSS設計
2012-11-15
好幾堂課之前,我們練習了製作表格,所以大家可以自由地設計功課表、日曆。當時我們並未學習如何讓表格變漂亮,且要大家做「最陽春」的表格即可。今天學到了使用 CSS 的方式設定表格的樣式,讓其中的框線與尺寸有了種種的變化。請各位練習 border-collapse 的使用方式,讓表格可以隨心所欲使用合併或分開的框線。
另外,下週的期中考將有兩個部份,一個是線上考試(選擇題),一個是線本的挑錯並改正。考試時間是80分鐘,可以看筆記本,但不能「看別人的答案」。祝大家考試順利!
網頁的排版
2012-11-08
一個盒子當然不夠看,要能夠到排版,當然要多設計幾個 <div> 才能夠做出更美的版面。今天的課程裡,我們充份的練習了幾個 <div> 的排版方式,讓各位能夠從中瞭解 float 的設定,以及計算 width, padding, margin 的完整概念。從今天的課程結束後,希望大家網頁設計的功力能夠更上層樓。
盒子啊!盒子
2012-11-01
今天的內容,應該是本學期最重要的;不論是觀念,或是內容的複雜度都需要一再練習。雖然我們只講一個盒子的設定,但整個網頁版面的規劃也就如此而以。
請大家一定要將自己的網頁加上 <div> 與盒子的設定,妳的版面才會越來越精緻!一起加油!
預祝各位萬聖節快樂!
2012-10-25
終於看到各位完成第一個網頁,大家看到自己與同學的作品,一定也覺得有趣吧!HTML的部份,在今天告一段落,我們也開始學習CSS囉!這是設計師非會不可的工具,只要將CSS學好,網頁的設計就不會有問題了!我們從文字的段落設定開始,回家一定要複習喔!
期中作業開始動工吧!
2012-10-18
請開始製作妳/你的期中作業吧!下星期開始才能夠學 CSS喔!加油,快快快...
全班的網頁連結在這裡,一起來互相觀摩吧!
做清單與表格
2012-10-11
今天我們學到了如何做清單與表格,我們介紹了<ol>, <ul>, <dl>等定義清單的方式,也開始學習如何製作表格;雖然我們沒有把表格介紹完畢,但我們也已經可以製作出功課表的了!這裡有我們上課做的範例,歡迎進去看看:
動感的簡報Prezi
2012-10-04
今天是游泳比賽,我們多了一些時間學點不同的東西;所以我們一起認識Prezi.com這個網站。妳/你一定發現,這裡做出來的簡報具有強而完整的架構,讓我們可以更輕易地表達出我們的構想;我們可以像說故事一般,把構想結適當的圖,並搭配zoom in/out的方式,讓觀眾知道整體與細節之間的關係。
我自己用這個工具做了一個小小的範例,說明如何學習網頁設計,希望大家藉由這個簡報,不但瞭解網頁的學習路徑,也感受到Prezi的厲害!更重要的是,請妳/你一定要學會使用這個工具喔!
第一次小考
2012-09-27
和以往上課不同的是,今年的網頁設計為了讓大家更熟悉與紥實地記住語法,我安排了多次的隨堂考,目的是要讓各位有機會複習。透過每次下課後的少少功課,累積起來就是大大的能力。這次大家都考得很好,希望以後保持下去。
我們在今天的課程中,學會了用 <a> 標籤做鏈結的方法,也學會了如何把Facebook的貼紙嵌入自己的網頁,是不是很有趣呢?隨著課堂的進度,妳/你將愈來愈能夠掌握語法的意義,只要多加練習,就能夠看得懂別人寫的,然後學著做,最後自己也能夠寫出網頁。
HTML初見面
2012-09-20
今天開始第一次上課,除了介紹課程外,也一起學了HTML的結構;雖然還沒有學非常多的標籤,但我們也可以開始掌握一點網頁設計的概念了。課間有不少同學來問我:「<br>和<p>有什麼不同?」這個問題真的很棒!我想先留給大家想,下星期我們再一起研究。這兩天一定要複習上課說到的幾個標籤,也請記得要在電腦上裝Google Chrome和Safari喔!