-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathHome.html
More file actions
140 lines (132 loc) · 10.3 KB
/
Copy pathHome.html
File metadata and controls
140 lines (132 loc) · 10.3 KB
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style></style>
<body>
<div style="height: 3000px; width: 800px; margin: auto;">
<div style="position: relative; height: 200px; width: 100%; background-color:darkblue;"> <!-- 相对定位-->
<span style="position: absolute; top: 5px; left: 20px;color: aliceblue;">杭州电子科技大学传播学系</span>
<div style="height: 40px; width: 40px;margin: auto;overflow: hidden;border-radius: 50%;position: relative;">
<img src="../img/01.jpg" style="width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);">
</div>
<span style="position: absolute; top: 5px; right: 30px;color: aliceblue;">xxxxxxxxxxx/xxx-xxx-xxx</span>
<div style="position: relative; height: auto;width: 25%;">
<br><br>
<span style="position: absolute; top: 20px; right: 50px; z-index: 1; color: aliceblue; font-size: 30px;">笃学力行</span>
<br>
<span style="position: absolute; right: -10px; z-index: 1; color: aliceblue; font-size: 30px;">守正求新</span>
</div>
<div style="height: auto;width: 75%;">
<img src="../img/02.png" style="height: 130px;width: 630px;position: absolute;bottom: 0px; right: 0px; ">
</div>
</div><br>
<div style="position: relative; height: 200px; width: 100%;">
<div style="height: 15%; width: 100%; display: flex; justify-content: space-between;">
<span style="flex: 1;">学科概况</span>
<span style="flex: 1;">师资队伍</span>
<span style="flex: 1;">人才培养</span>
<span style="flex: 1;"><ins>科学研究</ins></span>
<span style="flex: 1;">招生就业</span>
<span style="flex: 1;">学生天地</span>
</div>
<div style="height: 160px; width: 100%; position: relative;">
<img src="../img/03.png" style="position: absolute; top: 5px; left: 40px; height: 120px; width: 220px;">
<span style="width: 500px; position: absolute; top: 5px; left: 300px; font-size: 13px;">
本专业依托中国数字新媒体产业蓬勃发展的趋势及其人才需求，追踪新媒体创意产业发展的前沿理论与技术，以“文化与科技融合、 艺术与技术结合”为突破点，培养掌握传播学基础理论、新媒体内容策划与创意知识，能够实现新媒体环境下信息数字化采集、组织、编辑、策划、 设计与管理的复合型人才。
<br>
面向网络新媒体和移动媒体、传统媒体、媒介服务、策划与广告产业、以及政府部门和新闻出版机构就业，毕业生获得百度、 网易、搜狐、阿里巴巴、杭州日报、湖南卫视的高度认可，多名学生考取浙江大学、南京大学等研究生，发展前景广，成长空间大。
</span>
</div>
<div style="height: 300px; width: 100%;">
<div style="height: 100px; width: 100%;">
<img src="../img/04.jpg" style="height: 100px; width: 100%;">
</div>
<div style="height: 200px; width: 100%; display: flex; justify-content: space-around; background-color:darkblue ; position: relative;">
<figure style="height: 120px;width: 200px; border: solid 1px aliceblue;padding: 10px;">
<a href="https://mp.weixin.qq.com/s/7r1QJMQW9N6zF4F-HhntJg">
<img src="../img/05.jpg" style="height: 80px; width: 140px;">
</a>
<figcaption style="color: aliceblue;font-size: 10px;">2022年度杭州电子科技大学“活力团支部”风采展示—2021级传播二班团支部。</figcaption>
</figure>
<figure style="height: 120px;width: 200px; border: solid 1px aliceblue;padding: 10px;">
<a href="https://mp.weixin.qq.com/s/I03Le23yuwsdaAvLblsVPQ">
<img src="../img/06.jpg" style="height: 80px; width: 140px;">
</a>
<figcaption style="color: aliceblue;font-size: 10px;">座谈会|杭州日报报业集团副总编辑徐忠友先生与传播系师生交流座谈。</figcaption>
</figure>
<figure style="height: 120px;width: 200px; border: solid 1px aliceblue;padding: 10px;">
<a href="https://mp.weixin.qq.com/s/9KjlBTOs7LQbHSh-k0qVmA">
<img src="../img/07.jpg" style="height: 80px; width: 140px;">
</a>
<figcaption style="color: aliceblue; font-size: 10px;">传播学系列讲座——广告策划中的目标受众界定和洞察。
</figcaption>
</figure>
</div>
</div>
<div style="height: 250px;width: 100%; display: flex; justify-content: space-around;">
<div style="height: 250px; width: 30%;flex: 1;position: relative;">
<span style="font-size: 15px; color: cornflowerblue;position: absolute;top: 10px;left: 70px;"><ins>Discipline</ins> News<br>学科新闻</span>
<span style="color:cornflowerblue;position: absolute;top: 50px;left: 85px;">more</span>
<figure style="position: absolute; top: 60px;">
<img src="../img/08.jpg" style="height: 120px; width: 150px;">
<figcaption style="font-size: 10px;">2024年软科中国大学专业排名正式发布，杭电传播学评级B+</figcaption>
</figure>
</div>
<div style="height: 250px; width: 30%;flex: 1;position: relative;">
<figure style="position: absolute; top: 60px;">
<img src="../img/09.jpg" style="height: 120px; width: 150px;">
<figcaption style="font-size: 10px;">2024第16届全国大学生广告艺术大赛命题发布</figcaption>
</figure>
</div>
<div style="height: 250px; width: 30%;flex: 1;position: relative;">
<figure style="position: absolute; top: 60px;">
<img src="../img/10.png" style="height: 120px; width: 150px;">
<figcaption style="font-size: 10px;">《新华文摘》全文转载 张树庭 | 扎根中国大地，面向数字未来：探索出版学科</figcaption>
</figure>
</div>
</div>
<div style="height: 250px;width: 100%;background-color:rgb(0, 213, 255) ;">
<div style="height: 50px; width: 100%;flex: 1;position: relative;">
<span style="font-size: 15px; color:antiquewhite;position: absolute;top: 5px;left: 40%;"><ins>Discipline</ins> News<br>学科新闻<span style="font-size: 20px;"> more</span></span>
</div>
<div style="height: 200px; width: 100%; display: flex; justify-content: space-around; background-color:rgb(0, 213, 255) ; position: relative;">
<figure style="height: 120px;width: 200px;padding: 10px;">
<img src="../img/11.png" style="height: 100px; width: 150px;border-radius: 50%;">
<figcaption style="color: aliceblue; font-size: 10px;">
我系王松教授与经济学院合作，指导研究生林致远以杭电为第一单位在Nature
子刊Humanities & Social Sciences Communications（SSCI一区）上发表了研究论文。
</figcaption>
</figure>
<figure style="height: 120px;width: 200px; padding: 10px;">
<img src="../img/12.png" style="height: 100px; width: 150px;border-radius: 50%;">
<figcaption style="color: aliceblue; font-size: 10px;">
我系唐莉芳老师、王洁老师在海外SSCI期刊 Iranian Journal of Public Health
发表论文Effects of New Media Use on Health Behaviors: A Case Study in China.
</figcaption>
</figure>
<figure style="height: 120px;width: 200px; padding: 10px;">
<img src="../img/13.jpg" style="height: 100px; width: 150px;border-radius: 50%;">
<figcaption style="color: aliceblue; font-size: 10px;">
教研丨张瑞静：关于休斯敦大学传播学本科课程与教学评介
</figcaption>
</figure>
</div>
</div><br>
<div style="height: 120px; width: 100%;background-color:darkblue ; display: flex;">
<div style="height: 120px; width: 85%;flex: 1;position: relative;">
<span style=" color:antiquewhite;position: absolute;top: 25px;left: 20px;">地址：杭州市钱塘区白杨街道2号大街1158号 <br>邮编：310018
<br>电话：xxx-xxx-xxx</span>
</div>
<div style="height: 120px; width: 15%;flex: 1;position: relative;">
<figure style="position: absolute;right: 80px;">
<img src="../img/14.jpg" style="height: 70px; width: 70px;">
<figcaption style="font-size: 10px;color: aliceblue;">传播学官方微信</figcaption>
</figure>
</div>
</div>
</div>
</body>
</html>