Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業04] HTML與CSS練習--內頁實作篇--其他頁面完成

1. HTML與CSS練習--內頁實作篇--其他頁面完成


請參考
[講義] HTML與CSS練習--內頁實作篇--其他頁面完成與CSS3初探:
http://mepopedia.com/forum/read.php?804,44848



1. 作業說明

1.延續作業03,繼續完成至少另一頁,含本作業至少共三頁
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。(3)適當加入CSS3的效果



2. 作業步驟

1.參考http://mepopedia.com/~jinjin/web/hw05a/link.html
http://mepopedia.com/~web102-a/midterm/hw03_1015445024/Sold.html

2.延續作業03的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw04-學號,以FTP上傳至hw03資料夾
作業網址為http://mepopedia.com/~web103-2b/hw04/hw04-1025445XXX/link.html (此檔名可自行設定)


並請回覆:

(1)作業網址:
(2)本頁設計重點:
(3)製作心得:
學號



請於規定時間準時繳交作業,逾期不後。





Edited 1 time(s). Last edit at 04/07/2015 09:09PM by JinJin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445005/04
(2)本頁設計重點:
加了背景、分隔線,然後其實其它甜點都有做成食譜。
(3)製作心得:
有比較清楚怎麼整理原始碼

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445197
(2)本頁設計重點: 以日式大福為主的內容頁
(3)製作心得: 連結時設計會跑掉之外還沒辦法看到網頁

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445062/link.html
(2)本頁設計重點: 條列式的方式告訴別人食材的來源
(3)製作心得: 覺得這次比上次好做
學號 1025445062

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445008/03
(2)本頁設計重點: 分隔
(3)製作心得: 小心不要覆蓋到檔案,不然就要全部重頭
學號 1025445008

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445140/restaurant.html
(2)本頁設計重點: 店內有招牌店貓的餐廳讓貓奴們可以與喵星人一同進餐
(3)製作心得: 恩....這頁比較簡單,但找資料找了很久....
學號 1025445140

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445167/profile.html
(2)本頁設計重點:較紹呼嚕的傭人
(3)製作心得:改很快,重點是文字部分及漸層花較久時間
學號 1025445167

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445134/chracter.html
(2)本頁設計重點: 介紹主要角色
(3)製作心得: 其實都是copy別人的再改成自己的,所以看起來雖好但到底有沒有懂那就不是很清楚了...
標籤變底色那我依舊不懂/背景底色也不清楚去哪改/可能真的不是很適合做網頁設計ㄜㄜㄜ

學號 1025445134

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445170/Formula.html
(2)本頁設計重點: 呈現馬卡龍的製作過程
(3)製作心得: 主要文字和圖片的排版,目前沒什麼太大問題
學號 1025445170

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445056/link.html
(2)本頁設計重點: 延續上次作品之主題,加分隔線做版面的配置
(3)製作心得:越來越得心意手了,但有些地方還是不太會改,所以不太會玩出太大的花樣

學號 1025445056

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445182/link.html
(2)本頁設計重點: 試著把分隔線加上去讓分隔更清楚
(3)製作心得: 語法不常打就會忘記 上網查了一下才知道分隔線怎麼使用..
學號 1025445182

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445065/link.html
(2)本頁設計重點: 修改了文字間格,還是一樣以黃色調為主
(3)製作心得: 越來越熟悉DW了!!!!!!smiling bouncing smiley
學號 1025445065



Edited 1 time(s). Last edit at 04/14/2015 08:08PM by miho.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445226/links.html
(2)本頁設計重點:老佛爺的官網以及其他的網頁

(3)製作心得: 這比之前的簡單

學號 1025445226

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445044/
(2)本頁設計重點: 製作第三頁啵啵的傭人,比想像中來的快
(3)製作心得: 覆蓋到檔案,全部重新來過....殘念...
學號 1025445044



Edited 1 time(s). Last edit at 04/21/2015 10:34PM by 李雅涵.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445029
(2)本頁設計重點:這次改了顏色,多加一頁放置影片。
(3)製作心得: 放置影片成功,但是後面要做另一頁的css複製上去卻沒反應,大大失敗!!!!!!!
學號:1025445029



Edited 1 time(s). Last edit at 04/14/2015 10:37PM by Jiawen.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445080/links.html
還有做fav.html 和works.html

(2)本頁設計重點: 修改了一些內容,以及嵌入影片。
(3)製作心得: 好像更了解dw了,希望之後可以改更多東西
學號 1025445080

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445002/
(2)本頁設計重點:
把剩下3頁都弄出來了,還嵌入影片
(3)製作心得:
老師我後來發現那個按鈕顯色的問題是我電腦原本就跑不出來
因為我照了原本講義用了幾次在學校可行但在家電就顯現不出來耶
不知道怎麼解救

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445125
(2)本頁設計重點: 延續之前風格繼續做
(3)製作心得: 其實沒有想像中難阿
學號 1025445125

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445041
(2)本頁設計重點:介紹迪士尼奇奇蒂蒂的個性
(3)製作心得:慢慢的有在進步當中
學號 1025445041



Edited 1 time(s). Last edit at 04/15/2015 10:41AM by 1025445041.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445083
(2)本頁設計重點: 以簡潔質感為主軸
(3)製作心得: 其實還蠻有趣的

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445035/Link
(2)本頁設計重點: 製作列表
(3)製作心得: css東西太多常會改到

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445131/profile.html
(2)本頁設計重點:也是以復古風來呈現,顏色以淺綠為主
(3)製作心得:越做越有心得,只是會研究很久
學號:1025445131

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445014/about.html
(2)本頁設計重點:以簡單化來呈現
(3)製作心得:跟著老師的步驟一步一步做,真的有學到東西。
學號 994083

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445224
(2)本頁設計重點:延續介紹角落改造的設計。
(3)製作心得:只先按照老師給的格式,放入圖片跟文字,排版還需加強。
學號1025445224

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445092/index.html
(2)本頁設計重點: 圓角,文字,底圖陰影,背景變化,移動的變化
(3)製作心得: 嘗試更多效果,變化更多,但也不要變得亂smiling smiley
學號 1025445092

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445225/Link.html
(2)本頁設計重點: 加入國內外官網連結
(3)製作心得:製作簡單
學號 1025445225

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445176/
(2)本頁設計重點: 介紹來自星星的你
(3)製作心得: 資料準備齊全 做的時候就會比較快
學號 1025445176



Edited 1 time(s). Last edit at 04/20/2015 09:39PM by 1025445176.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445155/
(2)本頁設計重點:介紹蓋酷家族
(3)製作心得: 慢慢完成了
學號 1025445155

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025435227/profile.html
(2)本頁設計重點:音樂作品介紹
(3)製作心得:越來越有趣了
1025435227

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445050
(2)本頁設計重點: 加了成員的照片
(3)製作心得: 後面就做得比較快了

學號:1025445050

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445068/link.html
(2)本頁設計重點:參考文獻,影片和資料的網址等等
(3)製作心得: 覺得簡單多了,然後連結不知為何下底線都弄不掉
學號 1025445068

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445044/
(2)本頁設計重點: 介紹照顧兔子的人們
(3)製作心得: 越來越上手瞜
學號 1025445044

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445011/
(2)本頁設計重點:加入了影片網頁
(3)製作心得: 快完成了~
學號 1025445011

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445023/story.html
(2)本頁設計重點:故事介紹
(3)製作心得:不知道繞圖排文在哪用confused smiley
學號 1025445023

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445020/P3.html
(2)本頁設計重點:介紹童話之森的作者,製作連結
(3)製作心得:對於自己弄得格式沒辦法將圖靠右然後字靠左,開始覺得麻煩了(已解決)
學號 1025445020

(1)作業網址: http://mepopedia.com/~web103-2b/midterm/midterm-1025445047/
(2)本頁設計重點: 周邊商品和產品
(3)製作心得: 終於快要完成了
學號 1025445047

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445086/works.html
(2)本頁設計重點:介紹影片
(3)製作心得:內容可以更豐富些
學號 1025445086

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445113/
(2)本頁設計重點:延續之前所做的介紹
(3)製作心得:有越來越上手了
學號 1025445113

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025435233/
(2)本頁設計重點:延續之前未完成的版面
(3)製作心得:越來越上手了囉喔
學號 1025435233

(1)作業網址:http://mepopedia.com/~web103-2b/hw04/hw04-1025445143
(2)本頁設計重點:插入影音,增加網頁效果
(3)製作心得:學習了更多製作網頁的東西

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445026
(2)網站主題:Hippo Hippo
(3)導覽列:河馬近親 河馬照片 河馬分布 河馬習性 河馬影片連結
(2)對象 :任何對荷馬有興趣的人
(3)色彩計畫: 河馬類似配色
(4)風格設定、網頁看點、預期成效:簡潔,河馬色
(5)製作心得:還是很多沒有做的完全的地方,因為自己還不是很熟悉,有些地方會跑掉橋很久還用不回來,希望以後可以進步,也可以設計出更有感覺的網頁。

學號 1025445026

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445164/
(2)本頁設計重點:
以產品介紹為主,加入簡單的介紹
(3)製作心得:
快做完了,加油

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025448040
(2)本頁設計重點: 放入影片
(3)製作心得:把網頁用得更完整

1025445077 儲徳君

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw-1025445077-04/link.html
(2)本頁設計重點: 影片
(3)製作心得: 很有成就感

(1)作業網址:http://mepopedia.com/~web103-2b/midterm/midterm-1025445089/
(2)本頁設計重點:延續之前所做的介紹
(3)製作心得:有越來越上手了
學號 1025445089

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445200/link.html
(2)本頁設計重點: 巧克力介紹
(3)製作心得: 成就感
學號 1025445200

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445128/02.html
(2)本頁設計重點:
加了戲劇裡BAU介紹
(3)製作心得:
全部來看一次留言發現這裡的不見了,趕緊來回復

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1025445152
(2)本頁設計重點: 簡單易懂
(3)製作心得: 一開始吃力 後來就懂了

(1)作業網址: http://mepopedia.com/~web103-2b/hw04/hw04-1015445250
(2)本頁設計重點:
改成相同色系
(3)製作心得:
有比較清楚怎麼整理原始碼