Quantcast
Channel: JinJin 的視覺設計專區 - 網頁設計與語法(HTML/CSS)
Viewing all 161 articles
Browse latest View live

Re: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型

$
0
0
(2) 風格設定:以藍色來呈現皮克斯ㄉ風風格

 (3) 有無遇到的問題 :每一不都有問題,只能說老師的講義太強大ㄌ

 (4) 製作感想 :老師的講義萬歲

 (5) 製作作業的時間 :三天三夜

Re: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型

$
0
0
網頁 file:///C:/Users/user/Desktop/midterm-1045445217/index.html
(2) 風格設定:以藍色來呈現皮克斯ㄉ風風格

 (3) 有無遇到的問題 :每一不都有問題,只能說老師的講義太強大ㄌ

 (4) 製作感想 :老師的講義萬歲

 (5) 製作作業的時間 :三天三夜

Re: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例

Re: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型

Re: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型

$
0
0
file:///C:/Users/God/Desktop/hw03%20-%201045445144/index.html

 (2) 風格設定:渡邊直美雖然是胖胖女孩,淡粉紅色的甜美風格我覺得最適合他了~

 (3) 有無遇到的問題 :有遇到問題 ,做DIV標籤時一直失敗,覺得很難

 (4) 製作感想 :比之前的難,但完成很開心

 (5) 製作作業的時間:平均很多天,每次做一、兩個小時

Re: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例

$
0
0
(1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-1045445123



(2).請回答以下問題:
1.製作主題 :PSYCHOPASS 心靈判官
2.欲呈現之配色風格:以PSYCHOPASS動漫主視覺顏色作為主題
3..有無遇到的問題:有,一開始以為主題要和作業1一樣,還有因為自己想做連結的頁面,後來還是算了。
4.製作感想 :美賣

Re: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型

Re: [講義05] 繞圖排文與推文按鈕的應用

$
0
0
請回答以下問題:
1.網頁主題:潮流藝術
配色與風格設定:黑和白
2.有無遇到的問題? FB點不出來
3.製作感想 :這次也算簡單
4.製作作業的時間:3小時

Re: [講義06] 表格的製作

$
0
0
花的時間有點久因為影片崁入的問題

Re: [講義04] 以CSS製作網頁導覽列

$
0
0
1).作業網址 :file:///C:/Users/tr558/Desktop/10/hw04-1045445108/index.html
(2).請回答以下問題:
1.導覽列配色與風格設定:灌籃高手
2.有無遇到的問題? 無
3.製作感想 :我剛開始以為很難還在切片 結果根本不用是我誤會大了
4.製作作業的時間 20

Re: [講義05] 繞圖排文與推文按鈕的應用

$
0
0
1).作業網址 :file:///C:/Users/tr558/Desktop/midterm-1025445108/index.html

(2).請回答以下問題:
1.網頁主題:以黑色和紅色呈現
2.有無遇到的問題? 無
3.製作感想 非常開心
4.製作作業的時間 2小時

Re: [講義07] 以Float:浮動,製作雙欄網頁 (雙欄Float:浮動、Table:表格、錨點、垂直導覽列)

Re: [講義04] 以CSS製作網頁導覽列

Re: [講義04] 以CSS製作網頁導覽列

[講義] Free templates及LongPage版型製作初探

$
0
0
在經過基礎html及css語法的洗禮後,是否期待能製作更多不同的版型?
應用在更多不同的設計上,以因應更多的需求。
目前網路上有許多免費的版型可供下載製作。
接下來同學們可以瀏覽與尋找自己喜歡與適合的版型,試著做做看期末的主題。


1. Free templates for your websites



tooplate
http://www.tooplate.com/free-templates

templatemo
http://www.templatemo.com/page/1

Free CSS
Free CSS Templates, CSS Layouts & More!
http://www.free-css.com/free-css-templates

HTMLl5UP
https://html5up.net

W3.CSS Templates
https://www.w3schools.com/w3css/w3css_templates.asp

Free Responsive HTML5 CSS3 Website Templates
https://medium.com/web-development-zone/free-responsive-html5-css3-website-templates-bcbe3f8a20b9



2. 應用類型


以下是未來可應用的設計型態,期待在畢業專題的設計上能看到大家設計的網頁!

畢業專題網站應用
http://mepopedia.com/~css105-2a/lion_candy/

品牌與導覽網站設計
http://www.cute.edu.tw/dvcd/lieyu/



3. 開放原始碼


1. Bootstrap


https://kkbruce.tw/bs3/

Bootstrap的CSS
https://kkbruce.tw/bs3/CSS

Re: [講義07] 以Float:浮動,製作雙欄網頁 (雙欄Float:浮動、Table:表格、錨點、垂直導覽列)

Re: [講義01] 以 HTML 與 CSS 完成第一個網頁

$
0
0
一開始甚麼都看不懂
只知道打開 dreamweaver 每次上課都是這樣的重複
後來知道說有影片可以看
回去複習時跟著影片做,終於了解不少!!!
還可以教同學順便複習
了解原來網頁是這樣子的程序~
(好複雜阿~~持續努力當中)
......遇到了很多問題 但還好有影片 還有老師的熱心教導:"))
剛一個小作業我就花了1~2天研究!!!
呼~還不錯玩拉!!謝謝老師
影視一A 高詩雅1045440001

Re: [講義01] 以 HTML 與 CSS 完成第一個網頁

$
0
0
一開始接觸到這個東西,我就想,我的天呀!這什麼?
實際去操作過後,發現只要熟悉特定指令,其實,要做出一個簡單的網頁其實並不難
不過很多東西都是第一次接觸DW、FZ,導致我常常都在問同樣的問題...哈哈
這個基本的作業就花了我好幾天的時間去基本搞懂它
影視1A-鄭翕中-1045440024

Re: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例

Re: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例

Viewing all 161 articles
Browse latest View live