程序员送女朋友的礼物:域名和祝福视频
第一篇章:起因
網(wǎng)絡(luò)上的段子大多在稱程序員比較木訥,不善言辭,且以男性居多。本人就是這萬(wàn)千程序員的一員。平時(shí)既不會(huì)甜言蜜語(yǔ)猜中女朋友心思,也不懂得如何挑選合適的禮物讓女朋友開(kāi)心,經(jīng)歷了圣誕節(jié),元旦,情人節(jié),在一起100天紀(jì)念日……等節(jié)日后,的一天,女朋友講到說(shuō)她想知道程序員的特別的禮物是什么樣的。也剛好和我開(kāi)始的想法一致,于是有了下面的這個(gè)禮物
在講述新的之前需明確一點(diǎn),我的女朋友是一個(gè)非常美麗大方,善解人意,溫柔漂亮,善良幽默,活潑可愛(ài)……請(qǐng)把天下無(wú)盡的夸贊送給她。
第二篇章:經(jīng)過(guò)
1.和女朋友在一起沒(méi)幾天,我便去阿里云上面把女朋友的名字全拼的域名:**********.com注冊(cè)了下來(lái),攬入自己的名下。但是我并沒(méi)有告訴她。因?yàn)檫^(guò)年的時(shí)候各回各家,所以,準(zhǔn)備把域名送給她。
2.單送域名,略顯枯燥,毫無(wú)價(jià)值驚喜可言,于是想:搭建一個(gè)網(wǎng)站,放上祝福視頻,將域名指向網(wǎng)站所在。
3.對(duì)于還沒(méi)工作的窮苦程序員,選擇GitHub?
創(chuàng)建工程后,設(shè)置域名指向該工程。除此之外還要再購(gòu)買域名指出設(shè)置域名指向,例如我是再阿里云購(gòu)買,就去阿里云設(shè)置
4.實(shí)際上的頁(yè)面只有兩頁(yè),一頁(yè)是祝福視頻,一頁(yè)是初試頁(yè)面,防止點(diǎn)進(jìn)域名即可看見(jiàn)視頻,(雖然理論上毫無(wú)安全性可言)
首頁(yè)如下:
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面,任何其他內(nèi)容都*必須*跟隨其后! --><title>新年快樂(lè)</title><!-- Bootstrap --><link href="bootstrap/css/bootstrap.css" rel="stylesheet"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script><script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script><![endif]--></head><body><div class="container"><div class="row clearfix"><div class="col-md-12 column"><div class="row clearfix"><h1 align="center">新年快樂(lè)</h1><div class="form-horizontal" role="form" align="center"><div class="form-group"><label for="input" class="control-label" >PLEASE ENTER THE SECRET</label><br><input class="form-control" id="input" placeholder=" 輸入我們?cè)谝黄鸬哪且惶?#34; /></div><div class="form-group"><button align="center" type="submit" οnclick="check()" class="btn btn-block btn-primary btn-lg ">ENTER</button></div></div></div></div></div></div> </div><script language="javascript">function check(){var value = document.getElementById("input").value; if(value=="1023"||value=="171023"||value=="20171023"){window.location.href="formynana.html";return true;} else{alert("secret is false");return false;}}document.οnkeydοwn=keyListener;function keyListener(e){// 當(dāng)按下回車鍵,執(zhí)行我們的代碼if(e.keyCode == 13){check();} }</script><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="bootstrap/js/jquery-1.11.3.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="bootstrap/js/bootstrap.min.js"></script></body> </html>手機(jī)上的效果如下:
5.跳轉(zhuǎn)之后界面源碼如下:
<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>jwplayer</title> <meta content="" name="Keywords"> <meta content="" name="Description"> <meta name="format-detection" content="telephone=no"> </head> <body><div id="mediaplayer"></div> <script src="jwplayer/jwplayer.js"></script> <script type="text/javascript"> jwplayer('mediaplayer').setup({'flashplayer': 'jwplayer/jwplayer.flash.swf','image': 'image.jpg','id': 'playerID','width': '100%','aspectratio':'16:9','file': 'video.mp4'}); </script> </body> </html>顯然,這個(gè)播放器用了一個(gè)插件:jwplayer. 可以去網(wǎng)上搜一下,哈哈。效果如下:
第三篇章:結(jié)果
?作為一個(gè)程序員,并不能猜出女朋友是不是喜歡這個(gè)禮物。。。。
如果這個(gè)禮物不太行,不如送她眼霜和面膜吧!!
總結(jié)
以上是生活随笔為你收集整理的程序员送女朋友的礼物:域名和祝福视频的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 百练OJ:2810:完美立方
- 下一篇: 百练OJ:2701:与7无关的数