自定义HTML导航页

多媒体课上老师让做一个自己的个人网站,遂下了一个Microsoft Expression Studio鼓捣了一会儿,觉得还挺有意思又想起前几天上课,见老师用的自己编写的网页导航感觉挺有逼格的,所以突发奇想做一个自己的导航页。但想想容易做起来就没那么简单了,以前根本没有怎么接触过HTML语言,现在只好现学现用了;好在折腾了一个晚上之后总算是把自己心中的效果都给实现了,也算是没有白忙活,目前只是做出了最简单的样式,其他的以后看情况再更改吧。




导航




 

 

 

Allen Lee

 

Baidu Google
GitHub Bolg WooYun LeetCode


目前的效果图如下
自定义HTML导航页_第1张图片

现在实现了Baidu、Google、Bing及 SearchCode四个搜索引擎,后续可以继续添加;当时在搜索引擎切换这里花了最多时间,在网上查了挺多资料才成功的用JavaScript解决了这一问题,再增加新的搜索只需加入少量代码即可,十分方便。当时还有一个想法是把本地应用也做成超链接的形式直接通过浏览器打开,后来查阅相关资料后发现可能会涉及到安全问题,虽然实现起来也不是十分麻烦但还是放弃了。在这里推荐一个网站W3school,绝大部分HTML相关的知识我都是在这里看的,上面还有许多其他的Web相关的东西,以后有机会再继续研究吧。

嗯,大概就是这个样子的,虽然在别人眼里可能做得十分粗糙,但也是我花了几个小时的心血吧,做好的那一刻还是蛮有成就感的以后继续努力啦!

你可能感兴趣的:(自定义HTML导航页)