预热惊奇队长漫威放出90年代复古风网站

Arrow · 发表于 2019.2.10 12:28

本帖最后由 Arrow 于 2019-2-10 12:31 编辑

由于漫威的下部电影《惊奇队长》（Captain Marvel）故事设定在1995年，也就是互联网刚刚兴起的年代，因此漫威公司为了预热电影放出了一个极具复古风格的网站。该网站使用了25年前的设计风格，采用随机动画、滑稽的照片编辑、HTML框架、彩色comic sans字体，自然还有留言簿和点击计数器。

正如外媒The Verge执行编辑Dieter Bohn在Twitter上所指出的那样，这段怀旧风格之旅并不包含页面加载等待时间。该网站源代码容量为10MB，是使用CSS和FrontPage编写构建的，并放在Angelfire（当年非常流行的免费网页存储空间），从而尽可能的贴近当时的网页制作水准。

访问：https://www.marvel.com/captainmarvel

Arrow · 发表于 2019.2.10 12:32

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>Captain Marvel | Trailer & Official Movie Site</title>
<meta name="title" content="Captain Marvel | Trailer & Official Movie Site">
<meta name="description" content="Captain Marvel | Trailer & Official Movie Site">
<meta name="og:title" content="Captain Marvel | Trailer & Official Movie Site">
<meta property="og:type" content="video.movie">
<meta property="og:url" content="http://www.marvel.com/captainmarvel">
<meta property="og:title" content="Captain Marvel">
<meta property="og:description" content="Set in the 1990s, Marvel Studios’ Captain Marvel is an all-new adventure from a previously unseen period in the history of the Marvel Cinematic Universe that follows the journey of Carol Danvers as she becomes one of the universe’s most powerful heroes.">
<meta property="og:site_name" content="Captain Marvel">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Marvel">
<meta name="twitter:title" content="Captain Marvel">
<meta name="twitter:description" content="Set in the 1990s, Marvel Studios’ Captain Marvel is an all-new adventure from a previously unseen period in the history of the Marvel Cinematic Universe that follows the journey of Carol Danvers as she becomes one of the universe’s most powerful heroes.">
<meta name="twitter:url" content="https://www.marvel.com/captainmarvel">
<meta name="twitter:domain" content="https://www.marvel.com">
<base href="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/">
<meta property="og:image" content="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/assets/images/share.jpg">
<meta name="twitter:image" content="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/assets/images/share.jpg">
<link rel="canonical" href="https://www.marvel.com/captainmarvel" />
<link rel="image_src" type="image/jpeg" href="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/assets/images/share.jpg">
<link rel="shortcut icon" href="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/assets/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Felipa" rel="stylesheet">
<script>
window.dataSrc = 'https://i.annihil.us/u/prod/marvel/movies/captain-marvel/';
</script>
<link href="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/css/index.css" rel="stylesheet"></head>
<body class="menuOpen">
<div id="shell"></div>
<script type="text/javascript">
var referrer = document.referrer;
var utag_data = {
page_name: "movies | microsite | Captain Marvel",
site_section: "movies",
tag_type: "view",
rsid: "marvelglobal",
set_referrer: referrer
}
</script>
<script type="text/javascript">
! function (e, t, a, n) {
e = "//tags.tiqcdn.com/utag/disney/marvel/prod/utag.js", a = "script", (n = (t = document).createElement(a)).src =
e, n.type = "text/java" + a, n.async = !0, (e = t.getElementsByTagName(a)[0]).parentNode.insertBefore(n, e)
}()
</script>
<script type="text/javascript" src="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/js/settings.js"></script><script type="text/javascript" src="https://i.annihil.us/u/prod/marvel/movies/captain-marvel/js/index.js"></script></body>
</html>

复制代码

admin · 发表于 2019.5.15 18:54

{:4_127:}{:4_127:}

账号		自动登录	找回密码
密码			注册账号

[周边] 预热惊奇队长漫威放出90年代复古风网站

最佳新人

活跃会员

热心会员

推广达人

宣传达人

灌水之王

突出贡献

优秀版主

荣誉管理

论坛元老

[周边] 预热惊奇队长 漫威放出90年代复古风网站