-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmember.html
108 lines (96 loc) · 4.67 KB
/
member.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中原美食研究社-組員介紹</title>
<link rel="stylesheet" type="text/css" href="assets/member.css">
</head>
<body bgcolor="#19B3B1">
<div class="a">
<img src="images/logo.png">
</div>
<div><nav class="c"></nav></div>
<div class="b">
<a href="index.html"><img class="demo"width="240" height="180" src="images/打開1.png"></a>
<a href="video.html"><img class="demo" width="240" height="180" src="images/打開2.png"></a>
<a href="food.html"><img class="demo" width="240" height="180" src="images/打開3.png"></a>
<a href="photo.html"><img class="demo" width="240" height="180" src="images/打開5.png"></a>
<a href="member.html"><img class="demo" width="240" height="180" src="images/打開4.png"></a>
<a href="contect.html"><img class="demo" width="240" height="180" src="images/打開6.png"></a>
</div>
<div>
<figure>
<a href="https://www.facebook.com/georgekjhu" target="_black" title="劉修宸"><img class="img-member1 demo2" src="images/修宸.png" width="300" height="300" alt="劉修宸"></a>
<div>
<table >
<figcaption class="text-member1" style="border: 5px dashed white;padding: 10px;">
姓名:劉修宸 <br>
興趣:看電影、打籃球 <br>
工作內容:網頁設計&編排&撰寫、腳本構思 <br>
心得:透過這次的實作，我發現原來網頁設計的排版是多麼的不容易， <br>要設計出一個質感兼具實用的網頁是需要龐大的思考， <br>
HTML、CSS、JavaScript每一項技術更是缺一不可，<br>
我也因為這次的實作，更了解一切的應用，收穫很多! <br>
</figcaption>
</table>
</div>
</figure>
</div>
<div>
<figure>
<a href="https://www.facebook.com/vivi.chang.900" target="_black" title="張詠晴"><img class="img-member2 demo2" src="images/美女.png" width="300" height="300" alt="張詠晴"></a>
<div>
<figcaption class="text-member2" style="border: 5px dashed white;padding: 10px;">
姓名:張詠晴 <br>
興趣:打鏢、畫畫 <br>
工作內容:網頁設計&編排&撰寫、圖片繪製 <br>
心得: 這次多媒專案真的花了很多心力去做， <br>
第一次接觸到製作網頁前台的部分，發現製作一個網頁需要龐大的架構及巧思， <br>
例如網頁要如何編排的整齊，較易看見資訊等重要的細節。 <br>
我認為未來如果更熟練的話，網頁製作一定會更有趣！<br>
</figcaption>
</div>
</figure>
</div>
<div>
<figure>
<a href="https://www.facebook.com/profile.php?id=100002203151898" target="_black" title="鄭宇翔" ><img class="img-member3 demo2" src="images/宇翔.png" width="300" height="300" alt="鄭宇翔"></a>
<div>
<figcaption class="text-member3" style="border: 5px dashed white;padding: 10px;">
姓名:鄭宇翔 <br>
興趣: 看電影、吹直笛<br>
工作內容:文書報告、男主角 <br>
心得: 多謀體設計從第一次上課就滿有興趣的， <br>
而期中專案又讓我們知道了更多的網頁製作方法， <br>
不管是文字、表格，還是按鈕影片，這些東西都要一個一個程式寫出來的， <br>
不過做完的時候會很有成就感，讚讚。<br>
</figcaption>
</div>
</figure>
</div>
<div>
<figure>
<a href="https://www.facebook.com/jim.lin.7731" target="_black" title="林君諺"><img class="img-member4 demo2" src="images/君諺.png" width="300" height="300" alt="林君諺"></a>
<div>
<figcaption class="text-member4" style="border: 5px dashed white;padding: 10px;">
姓名:林君諺 <br>
興趣:聽音樂、唱歌<br>
工作內容:影片剪輯、攝影、文案編寫<br>
心得:透過這個期中專案，我才知道平常看到的簡單網頁，需要付出這麼多心力來製作， <br>
從簡單的設計、排版到動畫都是很大的學問， <br>
尤其是我們才剛剛接觸html，很多語法都還不熟悉， <br>
這次專案，也讓我更熟悉了html與css的語法應用。<br>
</figcaption>
</div>
</figure>
</div>
<div><footer class="footer-color"></footer></div>
<div>
<a href="https://www.instagram.com/cycu.dfrc/?hl=zh-tw" target="_black"><img class="footer-ig" src="images/IG.png"></a>
<span class="textig">IG:cycu.dfrc</span>
<a href="https://www.facebook.com/cycuDFRC" target="_black"><img class="footer-fb" src="images/FB.png"></a>
<span class="textfb">FB:中原大學美食研究社</span>
<img class="footer-logo" width="170" height="170" src="images/logo.png">
<span class="textlogo">©2019中原大學美食研究社</span>
</div>
</body>
</html>