歡迎來到明志視傳的大家庭

我們去迎新的團體照

各位親愛的同學大家好:

很高興有機會和大家一起學習網頁設計;雖然不是第一次上網頁的課,但因為過去兩、三年以來,網頁設計的觀念與技術,都有不小的轉變,所以這幾天在備課的時候,總像是第一次上課一樣,深怕哪個細節沒有說清楚,也擔心沒有把新的設計流程帶到。為了讓課程流暢,經常要想一些梗舖在前面,才能讓大家在學習過程中有深刻的印象。

以往我都一再強調,我不會在這門課教Adobe Dreamweaver,但這個學年我調整了一下進度,想把下學期的軟體操作提前到這學期來上,目的是要讓全班同學都能接觸這個軟體,再者就是,我希望在下學期放更多心思在設計上,如此便可以讓軟體操作更熟練。但因為把軟體操作放在這個學期,HTML與CSS的語法練習就會更緊湊,也更需要大家事前的預習和課後複習。

我已經把小小修改過的課程進度表放在網路大學,大家可以去參考。等我們學習如何放連結時,我就會同時在這個網頁供大家參考。希望這個學期過後,大家都對網頁設計有完整的瞭解,也能親手做出網頁來!一起努力!

明志科大
祥子 :D

歡迎來參觀我的Facebook


為自己的認真喝采!

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>等定義清單的方式,也開始學習如何製作表格;雖然我們沒有把表格介紹完畢,但我們也已經可以製作出功課表的了!這裡有我們上課做的範例,歡迎進去看看:

  1. 我們做的清單
  2. 我們做的功課表

動感的簡報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喔!