
HTML编程中有的时候点击链接是在本网页上打开页面,有时候又是新窗口里打开了是设置错误造成的,解决方法为:
1、打开编辑器,这里以sublime text3作为示范。
2、创建一个index.html文档。
3、首先要创建HTML的框架。
4、然后再创建一个HTML,这是我们要跳转的地方。
5、在主页上写:<a href="abc.html">点击这里</a>这个时候点击就能够跳转了。
6、<a href="abc.html" target="_blank">点击这里</a>添加target="_blank"就能够在点击的时候在新的窗口打开。
在整个网页的设计过程中,考虑到该网页的主题为校庆,因此加入了比较喜庆的红色元素,同时保留了厦大的代表色蓝色,将红蓝进行了混合搭配。
在对整个页面的设计中,主页包含“通知”、“新闻”、“影像”几个模块的部分,采用的是图文结合的方式,
而在后半部分介绍“厦大简介”、“校友风采”、“厦大历史”这几个模块,页面的排版我改成了竖式阅读的方式,制作了几个标题图片,然后结合图文。
除此以外,在校友风采这一块,我采用的是卡片式的排版,即将图片和文字以卡片的形式组合,但是这边因为我暂时还不能把卡片样式做的比较有个性,所以比较朴素。
页面不仅采用了横式的导航栏,而且在左侧也有竖式的导航栏,同时把页尾也放到了竖式的导航栏下,出发点是让用户更多关注页面中央的内容。
在主导航栏这里我做了一些样式,即一级菜单和二级菜单在被点击的时候被有不同的颜色变化。
这次简单地自己做了一个校庆网页,还有很多不足的地方有待改善,比如“厦大历史”板块原来想设计一个时间轴,但是目前来说对自己的难度有点大,所以暂时只做了文字和标题红块的样式;由于我整个框架是构建在table内的,所以页面内的各个元素的层级做着做着自己就有点乱了,下一次做网页还需要更多尝试下用css来进行排版。
总得来说,收获很大,还需要借鉴更多优秀网站的设计以及更加熟练地运用css和html。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)