2009年3月12日 星期四

網頁設計丙級免費影音教學附講義和練習檔(可延伸乙級與APP設計)

網頁設計丙級免費影音教學附講義和練習檔(可延伸乙級與APP設計)


第一類影音:
校園社團介紹網960301960306
1.
開新網站→2.框架頁→3.新增資料夾→4.新增網頁→5.匯入素材
6.Title網頁→7.Menu網頁→8.Main網頁
9.gutar_history網頁→10.gutar_event網頁
11.gutar_learning網頁→12.影像處理:社團介紹
13.影像處理:校長玉照合成→14加入圖片到網頁

第二類影音:

運動廣場連結網960302960307
1.
開新網站→2.框架頁→3.新增資料夾→4.新增網頁→5.匯入素材
6.Title網頁→7.Menu網頁→8.SFM1~4網頁→9.Message網頁
10.Title動畫→11.Main動畫

第三類影音:
國家公園介紹網960303960308
1.
開新網站→2.框架頁→3.新增資料夾→4.新增網頁→5.匯入素材
6.Title網頁→7.Menu網頁→8.Menu動畫→9.Main網頁→10.aabb&cc&dd網頁

第四類影音:
網路行銷購物網960304960309
1.
開新網站→2.框架頁→3.新增資料夾→4.新增網頁→5.匯入素材
6.Title網頁→7.Main網頁→8.BOTTOM網頁→9.condition12網頁→10.company&message網頁

第五類影音:
電子相簿旅遊網960305960310
1.
開新網站→2.框架頁→3.新增資料夾→4.新增網頁→5.匯入素材
6.index網頁→7.影像處理:Main網頁
8.Menu動畫→9.ALBUM2網頁→10.ALBUM5網頁

完整教學影音網址:


講義:

173003學科.pdf  [下載]
173003術科.pdf [下載]
173003附加光碟檔.zip [下載]

更多影音:

電腦軟體應用乙級考什麼?
http://terry55wu.blogspot.com/2009/03/blog-post_5714.html


乙級技術士證,推甄、甄試都能加10%的分數喔!
http://terry55wu.blogspot.com/2008/09/10.html

電腦軟體應用乙級、丙級考試需要的PDF檔與資料檔
http://terry55wu.blogspot.com/2009/03/pdf.html

康寧護專乙級軟體應用第1 次上課
http://terry55wu.blogspot.com/2010/08/1.html

乙級軟體應用術科解答線上影音教學
http://terry55wu.blogspot.com/2008/09/blog-post_30.html

播放清單: 電腦軟體應用乙級技術士術科輕鬆過
http://terry55wu.blogspot.com/2008/09/blog-post_2130.html

吳老師乙級軟體應用出版囉!!!
http://terry55wu.blogspot.com/2008/09/blog-post_18.html


網頁編輯DREAMWEAVER CS4證照
http://terry55wu.blogspot.com/2011/05/dreamweaver-cs4108.html

DREAMWEAVER CS4證照110題
http://terry55wu.blogspot.com/2011/05/dreamweaver-cs4110.html

DREAMWEAVER CS4證照202題
http://terry55wu.blogspot.com/2011/05/dreamweaver-cs4202.html

南亞資工講演軟體設計證照
http://terry55wu.blogspot.com/2010/12/991209.html

南亞資工軟體設計證照輔導班第1次上課
http://terry55wu.blogspot.com/2011/03/1.html

南亞資工軟體設計證照輔導班第2次上課
http://terry55wu.blogspot.com/2011/04/2.html

南亞資工軟體設計證照輔導班第5次上課分享
http://terry55wu.blogspot.com/2011/05/5.html

南亞資工軟體設計證照輔導班第6次上課
http://terry55wu.blogspot.com/2011/05/6.html

賀喜!恭喜學員柏楊通過丙級軟體"設計"
http://terry55wu.blogspot.com/2010/08/blog-post_27.html

TQC VB進階級與軟體設計丙證
http://terry55wu.blogspot.com/2009/06/vbtqc-vb.html

溫故知新,丙級硬體裝修
http://terry55wu.blogspot.com/2012/02/httpterry55wu.html



若要延伸學習將網站轉成APP也可以參考:
發表時間
文章標題
2015-06-23
2015-06-14
2015-06-11
2015-06-11
2015-06-07
2015-05-21
2015-05-06
2015-02-02
2015-01-16
2015-01-16
2015-01-16
2015-01-16
2015-01-16
2015-01-16
2015-01-16
2015-01-16
2014-10-04
2014-07-13
2014-07-13
2014-07-13
2014-07-13
2014-04-13
2014-04-10
2014-03-22
2014-01-11
2014-01-08
2014-01-08
2013-12-31
2013-12-24
2013-12-21
2013-12-15
2013-10-22
2013-10-06
2013-10-06

免費影音, 丙級網頁設計術科,丙級網頁設計學科,丙級網頁設計題庫,網頁設計丙級教學,網頁設計丙級證照,網頁設計丙級檢定,網頁設計丙級軟體

19 則留言:

吳老師 提到...

運用WINDOWS XP PROFESSIONAL的IIS功能架設網站設定
1.在桌面上我的電腦上按右鍵→管理→服務及應用程式→IIS→網站→預設的網站→右鍵→內容主目錄→將目標網頁瀏覽改為設定的WEB資料夾(WEB02)
2.在IE瀏覽器中輸入127.0.0.1
3.查看自己電腦的IP位置:開始→執行→cmd→ipconfig
4.得知自己電腦IP為192.168.0.213→請同學測試
這一段設定在考試時必需設定,以符合題目要求能以網頁開啟成果

吳老師 提到...

960302 MAIN動畫解答(左右物件交換):
MAIN
1.開啟PHOTOIMPACTà 開啟C碟WEB02下IMAGES的0205.GIF
2.右鍵à合併
3.按標準選取工具à 矩形à 將左邊選取起來
4.拖拉到中間
5.按標準選取工具(矩形(將右邊選取起來
6拖拉到左邊(將中間物件移到右邊
7.按變形工具將左邊縮小(右邊放大(上方鎖:等比例要打開)
8.左右物件皆水平翻轉
9.另存新檔(名稱0206
10.開啟(GIF AMINATOR
11.檔案(新增影像(調整底框大小為509x67,記得將”維持寬高比”勾勾點除,以符合0205.GIF的大小→找C碟WEB02下IMAGES的0205.GIF與0206.GIF(多選)下方選→插成新的畫格→點”開啟”
12.刪除畫格1→選取兩個畫格→右鍵→畫格內容→將時間改成30
13.另存新檔→GIF→找C碟WEB02下IMAGES名稱0205A.gif

吳老師 提到...

試題編號:960301 完成menu.htm
1.點左邊框(menu)→框架→框架內容→設定寬:30%(注意單位為百分比)
2.格式→背景→色彩FFFF00(黃色)
3.表格→插入→表格
3-1.設定6列1欄,置中排列→確定
3-2.表格→表格內容→表格→背景色彩FFFFFF(白色)
4.依題目規定於表格內輸入吉他社等文字→選取吉他社→插入→超連結→找guitar→guitar_history.htm→目標圖文框→點選main框架→確定→設定動態效果1.滑鼠移過2.設定格式3.選擇字型3-1.粗體3-2.18pt3-3.紅色
5.選取聯絡我們→插入→超聯結→電子郵件地址→輸入題目指定的e-mail→確定→依題目要求設定動態效果
6.在表格外輸入最近更新日期及日期等字樣,依題目要求格式輸入及修改顏色等
7.題目第4小題製作『社團介紹』圖片,另行介紹
至此已完成menu.htm

吳老師 提到...

試題編號940302 完成message.htm
1-1.輸入:謝謝蒞臨本網站….等字→選取→插入→web元件→設定為跑馬燈效果(可自行變更)
1-2.格式→背景→設定背景圖片0203.jpg→一般→背景聲音:0201.mid
1-3.插入→表單→表單→按Enter→按↑→插入→表格→6列2欄,寬80%,框線大小1
1-4.依題目指示輸入各儲存格之文字及設定插入→表單→各個表單項目

吳老師 提到...

試題編號:960301 完成title.htm
1.插入→圖片→從檔案→找image中的0101.gif(此一動作亦可從資料夾清單中拖拉該檔案)
2.輸入題目指示的”國立玉山高中社團介紹網頁”等字樣,並依題目要求變更字體大小及顏色
3.格式→動態HTML效果→載入網頁、飛入、自右上角(題目無要求,可自行設定)
4.格式→背景→色彩(輸入指定色彩)→邊界(依題目修改上邊界及左邊界為0)
5.在圖片上按左鍵兩下,查明圖片高為69像素→點選文字部分→框架→框架內容→將框架高度改為69像素以符合題目要求的框架高度與圖片等高
6.點選圖片→按右鍵圖片內容→版面配置→對齊方式改為”中”,便可將文字置於畫面中間。請注意,這地方如果選取文字並無法達到垂直置中的效果。
至此已完成title.htm網頁

吳老師 提到...

試題編號:960301 Main.htm製作:
瞭解開啟web與關閉web,此一功能為FrontPage與OFFICE系列最大不同處
將空白web建立在D碟中,如d:\web01
在指定的資料夾中按滑鼠右鍵,新增網頁,並依指定名稱及位置儲存
建立guitar資料夾與3個新網頁
1.在d:\web01上方按右鍵→新增→資料夾→輸入guitar
2.按新增資料夾3次,建立三個新網頁,並將之儲存成題目所規定的三個檔案名稱
新增homepage與music資料夾(右鍵→新增→資料夾)
將title、menu、main等三個網頁拖拉至homepage資料夾中
將題目所需之素材匯入到網站中
1.到19.2168.0.10/terry55中下載01考試素材.zip到磁碟機中
2.切換回到FrontPage→檔案→匯入→新增檔案→尋找”01考試素材”→940301中全選→匯入
3.將*.gif和*.jpg檔拖拉到images資料夾中,將*.txt檔拖拉到homepage資料夾中,將*.mid檔拖拉到music資料夾中,以符合題目要求

吳老師 提到...

校長玉照合成:
1.在photoimpact中開啟0102.jpg與0104.jpg
2.用套索工具→選取校長(點放並圍成一個圈)。可多加利用+、-功能以修改選取範圍
3.也可利用魔術棒工具,選取背景圖片後,改選未點選部分,以選取校長
4.將校長拖拉到背景圖片上,並移到適當位置
5.將合成好的照片另存新檔
5-1.位置:images
5-2.名稱:0106.jpg

吳老師 提到...

網頁設計丙級檢定試題說明
一、本試題係採檢定前公佈試題原則命製。
二、本試題共一站,每一應檢人員應完成該站術科測驗。
三、本試題共十題,應檢人員應完成其中一題。
四、測驗時所使用之考試檢定用光碟片,其內容與所寄給應檢人員之檢定用光碟片內容相同。
五、 術科測驗時間每場共為3.5小時。
六、 每一場次的術科測驗,每位應檢人員於進場時自行抽題號籤,其工作崗位與應檢題號相同,若所有應檢人員放棄權益時,得由監評人員代抽。

吳老師 提到...

Frontpage 2007全面免費下載,跟DW CS4拼了!!
Frontpage
本帖最後由 terry55 於 2009-5-28 20:50 編輯

最近在用Frontpage2002時因想用更新的版本的SharePoint Designer 2007,
沒想到看到消息是:
Download SPD for FREE today!!
Today we are excited to share with you some news about SharePoint Designer 2007. Starting now (April 2, 2009), SharePoint Designer 2007 will be available as a free download! We want more of you customizing SharePoint and feel that this a good way to put the tool in the hands of more people. You can find a lot more information in our site including:
a) Letter to our Customers
b) Frequently Asked Questions
c) Free Download
........
Regards,
The SharePoint Designer Team

下載時只需是MSN的帳號即可下載:
http://www.microsoft.com/downloads/details.aspx?displaylang=zh-twFamilyID=baa3ad86-bfc1-4bd4-9812-d9e710d44f42

覺得很多功能根本就是FrontPage2003舊版的更新,兩者所建立的網站是可以互通的,所以沒有相容性的問題,比較大的差異:
1.CSS編輯上的進步。
2.ASP進展到ASP.NET
其他功能差不多。

吳老師 提到...

每一題都有動作要求:
七、動作要求:
(一) 建立資料夾及設定網站伺服器,內容包括:
(◎)1. 在 C:磁碟下建立「WEBXX」資料夾 (XX 為個人檢定工作崗位號碼,
如 01、02、…、30 等),以儲存製作完成的結果。
(*)2. 在「WEBXX」資料夾下建立「homepage」資料夾,存放 title.htm、
menu.htm、main.htm等三個檔案。
(*)3. 在「WEBXX」資料夾下建立「images」資料夾,將所有應使用的圖形
檔均放置在「images」資料夾中。
(*)4. 在「WEBXX」資料夾下建立「music」資料夾,將所有應使用到的音樂
檔均放置在「music」資料夾中。
(*)5. 在「WEBXX」資料夾下建立「guitar」資料夾,存放 guitar_history.htm、
guitar_event.htm、guitar_learning.htm等三個檔案。
(※)6. 應檢人需自行架設本機網站伺服器,可於瀏覽器網址列(URL)中輸入
http://127.0.0.1或 http://localhost 以瀏覽網站。

也就是最後級果要在IE上輸入http://127.0.0.1看的到才能通過。

吳老師 提到...

運用WINDOWS XP PROFESSIONAL的IIS功能架設網站設定
1.在桌面上我的電腦上按右鍵→管理→服務及應用程式→IIS→網站→預設的網站→右鍵→內容主目錄→將目標網頁瀏覽改為設定的WEB資料夾(WEB02)
2.在IE瀏覽器中輸入127.0.0.1
3.查看自己電腦的IP位置:開始→執行→cmd→ipconfig
4.得知自己電腦IP為192.168.0.213→請同學測試
這一段設定在考試時必需設定,以符合題目要求能以網頁開啟成果

吳老師 提到...

考試兩階段:
學科:包括是非50題,選擇50題,60及格 有題庫,只要把題庫念熟,要通過非常容易,因為題目都是從題庫中出來的。
術科:從20題中抽一題,在2小時中完成, 60及格,主要細心,不要有大的錯誤,通過也不會太難。
術科完成的答案。

吳老師 提到...

扣分標準
1、不符合試題功能要求標示為★符號者。30分
2、不符合試題功能要求標示為※符號者。20分
3、不符合試題功能要求標示為◎符號者。10分
4、不符合試題功能要求標示為*符號者。5分
5、不符合試題功能要求標示為▲符號者。1分

吳老師 提到...

這考題真的不難,我輔導通過的學員超過300人以上吧!
其中50歲以上的也不在少數,更別說年輕人囉!
最重要的不是要看懂題目,因為很多地方根本很難看懂,
文字表達真的不是很流暢,也不知道是哪些老師出的題目,
文字的素養與訓練真的不行。
所以最重要的可以看完成檔,再去揣摩文字敘述的意義。

吳老師 提到...

並且注意扣分標準中標示為 [★] 符號的,扣30分的,標示為 [※] 符號的扣20分。
其他部分扣分不重,只要細心一點,就沒問題啦!!

匿名 提到...

已經改了
學科:不考是非題,只考選擇題從500題題庫,抽選80題。
答錯不倒扣,每題1.25分,60分及格。
學科測試時間 : 100分鐘
術科:5種題型,10題抽一題,60分及格。
術科測試時間:120分鐘

吳老師 提到...

對喔!!不考是非題了,不過學科還是1000題抽100題考嗎?
一題一分?
學科要不過還真的難也,
考起來有點TQC的網際網路加電子商務的感覺。

匿名 提到...

網頁設計:圓球自轉動畫(切換鈕)
各位大大~請問一下..我在做圓球自轉動畫"的時候在視窗右上方的(切換鈕)選取:Ulrasd GIFAnimator
我是用Photo Impact11.0版本 我一打開找不到那個(切換鈕)
我是買書自修..可以教我一下!~謝謝

吳老師 提到...

1.開啟PHOTOIMPACTà 開啟C碟WEB02下IMAGES的0204.GIF
2.右鍵à 全部合併
3.按標準選取工具à 矩形à 將左邊籃球選取起來
4.拖拉到中間
5.按變形工具à 旋轉45度 à順時針旋轉 à複製
6.開啟àGIF AMINATOR
7.檔案 à開啟影像 à找C碟WEB02下IMAGES的0204.GIF
8.點下方畫格2 à編輯 à貼上 à按橡皮擦工具à 將籃球白色區域擦掉à 點挑選工具(移到左邊蓋住原來的籃球 (編輯 (複製(編輯(貼上移到右邊蓋住原來的籃球
9.按上方畫格 (將不同的畫格物件調成一致(點所有物件
10.按畫格4 (右邊兩個籃球要有眼睛(移動籃球 (蓋住原來的籃球
11.畫格6 ,8, 10, 12, 14 ,16 ,18 ,20同上方法
12.檔案(另存新檔(GIF檔(找C碟WEB02下IMAGES(名稱0204A.gif