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

Advanced

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

1. 請以以下兩個講義完成至少兩頁


請參考
[講義] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果:
http://mepopedia.com/forum/read.php?804,44612

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

[hr]

1. 作業說明

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

[hr]

2. 作業步驟

1.參考範例
http://mepopedia.com/~jinjin/web/hw04a/works.html
http://mepopedia.com/~jinjin/web/hw05a/link.html
2.延續作業02的內容
3.請以設計質感與創新設計為主要考量
4.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
5.將資料夾命名為 hw03-學號,以FTP上傳至hw03資料夾 ,請延續作業二之內容存放於同意資料夾,至少共三個html檔案。
作業網址為http://mepopedia.com/~css105-2b/hw03/hw03-1045445XXX/works.html (此檔名可自行設定)

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445XXX
(2)本頁設計重點:
(3)製作心得:
學號

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

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445149
(2)本頁設計重點: 品牌設計歷程,創業歷程
(3)製作心得: 上網翻譯找衣料很久,自己用超連結很困難,需要找很久,忘記語法要找以前的資料複製。
學號 1045445149

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445014

(2)本頁設計重點 : 讓大眾更加了解mister Donut

(3)製作心得: 經過多次的練習,使之後進度做得越來越上手,
在做的同時不只能順便複習以前的語法,也多學到了很多不同
的網頁版型,希望能一次又一次的更加進步!

學號 : 1045445014

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445161
(2)本頁設計重點:活動 / 菜單 / 吉祥物 共分3頁 用爭鮮的吉祥物來親近消費者,以刺激來店消費率。
(3)製作心得:每次看著爭鮮,都覺得好餓好想吃哦 ! 做完期中一定要吃一波的阿 !
整體上慢慢有進入軌道了,希望可以變的像在網路上看到的那些網頁一樣專業 !
怕以前的東西忘記,所以這學期還是會反覆練習加入上學期學過的語法,這次加入的是新增錨點回top
學號 1045445[color=#FF9933]161[/color]



Edited 1 time(s). Last edit at 03/29/2017 02:29PM by 1045445161.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445089
(2)本頁設計重點: 介紹作者,部分圖片
(3)製作心得: 又多學了新功能spinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out
學號:1045445089

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445062
(2)本頁設計重點:
(3)製作心得:CSS看得眼花撩亂
學號:1045445062



Edited 2 time(s). Last edit at 04/06/2017 08:30AM by 1045445062.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445017

(2)本頁設計重點:將插畫家的作品做整理,可以往下瀏覽他的創作和理念,而另外一頁則
是關於他的網站連結,使觀者更能了解這個插畫家的資訊。

(3)製作心得:要考慮每一頁的風格都是一致的,包含色彩、效果及一些小圖案,也思考著
如何設計可以更好看,然後完成這次的作業後,覺得有比以前進步,且我很喜歡這個插畫
家INDI,所以可以一邊製作一邊看他的插畫,覺得滿開心的。

學號:1045445017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445188

(2)本頁設計重點:裡面介紹了很多知名的剪紙藝術家,包含他的作品,以及經歷等...。
每個人創作的作品風格也有點不同。同樣的剪紙包含了不同樣式的風格。

(3)製作心得:查資料花了我不少時間,所以做的我腰酸背痛的。
但看到做出來的東西就覺得很有成就感,修改的地方大部分都沒有甚麼問題。

學號 1045445188

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445008

(2)本頁設計重點:介紹各式各樣牛排館餐點

(3)製作心得:查資料跟圖片花了很多時間,晚上看牛排真的很餓!做到崩潰!!
但是做出來真的超開心!!

學號 1045445008

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445182

(2)本頁設計重點 : 更了解suzys zoo

(3)製作心得: 這次花了很多時間 也用了更多不同語法
還是要多練習才能得到更多

學號 : 1045445182

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445002
(2)本頁設計重點:櫻花
(3)製作心得: 終於把你搞定了
學號 1045445002

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445080
(2)本頁設計重點:讓阿瑪的粉絲們更了解阿瑪
(3)製作心得:又學習到了另一種網頁結構
學號 1045445080

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445035
(2)本頁設計重點: 是以虛構的設計工作室為主題
(3)製作心得: 因為自己的資料很多東西都要整理,時間大多花在資料的處理上,不過很有成就感

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445119
(2)本頁設計重點:在於顏色搭配及風格搭配,他們是一個樂團,所以想設計簡單又有ROCK的感覺
(3)製作心得: 覺得很開心 玩音樂的孩子不會變壞,老師講的那個 研究一下就懂了很開心
學號 1045445119

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445095
(2)本頁設計重點: 可以了解樂高的創業歷史和最近上映不久的動畫電影。
(3)製作心得:覺得編排還是有點卡卡的,而配色有調整後有臂上一個作業進步。
學號 1045445095

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445110

(2)本頁設計重點:要讓喜歡這個風格的大眾,對這位藝術家的作品有更深刻的印象 ,
可以透過這個網也來認識這位丹妮拉Volpari藝術家的繪畫風格。

(3)製作心得:製作過程中會盡量將網頁顏色和插畫的風格做結合,在製作過程中,
自己也能深入的瞭解這位藝術家所創作的作品。

學號 1045445110

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445053
(2)本頁設計重點: 登場角色
(3)製作心得: 還可以XD多了css需要去了解外
學號 1045445053

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445146
(2)本頁設計重點:
單元劇系列––介紹每一齣戲劇的故事大綱,另外設定錨點超連結。
演員陣容––主要的演員,分成未來星和實力演員兩部分,未來星的部分會在每一位新人上設定「了解更多→」的超連結,可以更認識新人。
(3)製作心得:一開始想到要做五個頁面就覺得很煩燥很心累,但是做完一兩個頁面之後就完全停不下來,會有想要繼續完成剩下幾個頁面的衝動,這應該可以算是樂在其中吧!
學號:1045445146

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445044
(2)本頁設計重點:卡通
(3)製作心得: 跟著老師的步驟很順利。
學號 1045445044

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445137
(2)本頁設計重點: 周董介紹
(3)製作心得: 累死
1045445137

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445029
(2)本頁設計重點:
(3)製作心得:很複雜做了很久但很有成就
學號:1045445029

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445155
(2)本頁設計重點:
(3)製作心得:學習的過程艱難困苦 但我不放棄
學號:1045445155

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445131
(2)本頁設計重點:
(3)製作心得: 很累,可是看到成果頗有成就感
學號:1045445131

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445050
(2)本頁設計重點: 讓大家更了解CONVERSE
(3)製作心得: 自己做完很有成就感
學號 1045445050

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445071
(2)本頁設計重點: 演員根據情的介紹
(3)製作心得: 又多學了很多
學號:1045445071

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445125
(2)本頁設計重點: 南瓜,南瓜,南瓜 !
(3)製作心得: 迫不及待想在完成更多頁 !spinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out
學號 1045445149

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445077
(2)本頁設計重點:馴龍高手
(3)製作心得: 做到一半不小心把CSS給覆蓋掉了,重做覺得很鬱卒哈哈
學號1045445077

作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445059

網站主題:bmw

導覽列選項/分類項目(對應檔名):
首頁
性能表現
電氣系統
動力輸出
外部連結

設計對象:成人
(3)色彩計畫:咖啡色
(4)風格設定:跟越野相關的顏色
(5)製作心得:經由多次失敗,但仍然堅持到底,才成功

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445074
(2)本頁設計重點: 蔬菜蔬食
(3)製作心得: 做得非常有成就感 !
學號 :1045445074

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445056

(2)本頁設計重點 : 插畫作品介紹

(3)製作心得: 做了很久,也越來越上手了,真的好險有老師的教學影音,讓我可以邊做邊看。

學號 : 1045445056

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445152
(2)本頁設計重點: 介紹陳大天
(3)製作心得: 多學了很多東西,慢慢地越來越熟了
學號:1045445152

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445092

(2)本頁設計重點 : 介紹英倫早午餐

(3)製作心得: 在這次作業的過程中遇到了一些不知道該如何改的東西上,一一地找出解決方法後就有比較順利了。

學號 : 1045445092

1、作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445170
2、本頁設計重點:介紹她
3、製作心得:忘了導覽列怎麼做,後來翻以前講義找到了。

學號1045445170

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445086
(2)本頁設計重點: 關於李鍾碩
(3)製作心得: 越來越熟練
學號 1045445086

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445065
(2)本頁設計重點: 明瞭
(3)製作心得: 開心
1045445065

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445026

(2)本頁設計重點 : Coraline

(3)製作心得: 看教學影片做很快,把上課恍神沒聽到的再認真聽一次

學號 : 1045445026

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445068

(2)本頁設計重點 : 介紹阿甘妙世界

(3)製作心得: 看教學影片做起來更順暢

學號 : 1045445068

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1025445231

(2)本頁設計重點 : 人物介紹,水藍色系的系列。

(3)製作心得:越來越上手了,真的好險有老師的教學影音,可以讓我慢慢一步一步做。

學號 : 1025445231

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445107
(2)本頁設計重點: 品牌設計歷程,創業歷程
(3)製作心得:覺得每一次作業都可以讓自己增長一些 所以很值得
學號 1045445107

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445113

(2)本頁設計重點:讓大家更加了解愛吃鬼巧達卡通的內容
(3)製作心得: 在做的同時不只能順便複習以前的語法,也多學到了很多不同
的網頁版型,希望能越來越上手!

學號: 1045445113

1045445104

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445104

(2)本頁設計重點 : 讓大眾更加了解VANS

(3)製作心得: 經過多次的練習,使之後進度做得越來越上手



Edited 1 time(s). Last edit at 04/23/2017 05:43AM by paris0124.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445122

(2)本頁設計重點 : 讓大眾更加了解surface系列laptop

(3)製作心得: 經過多次的練習,版型的調整越來越順手~

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1025445158

(2)本頁設計重點 : 讓大家知道加藤彩這位插畫家
(3)製作心得: 做完很有成就感