网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 网站建设 » 正文

个人小网站搭建

2019-8-2 7:38:12 | 作者:老铁SEO | 0个评论 | 人浏览

  这是我花了两个礼拜左右的时间入门html、css、js等知识,自己搭建的一个小网站,主要介绍了我喜欢的几个摇滚乐队。

  在学习过程中,用到的最多的工具是菜鸟教程,里面的内容精当且实用,对新手非常友好。我先是花了几天时间粗粗浏览了一遍相关内容,再开始上手写网站的。除此之外,我还欣赏并借鉴了国内外我认为比较优秀的网站设计,例如有Shop - Simply Chocolate : Simply ChocolategucciiPhone XS - Apple等等。

  其他方面,使用了 adobe illustrator 做了简单的背景蒙版, 从Shots - Dribbble - Dribbble上获取了一些有意思的小设计。因为这个网站内容很简单,所以也没有用到什么其他东西了。

  乐队介绍部分,每一个乐队都从 wikipedia 上撷取了简短的乐队介绍,以及代表作专辑的介绍。在本地运行时,浏览器还会根据用户当前正在浏览的乐队播放音乐,但由于 Safari 和 Chrome 采用的新政策,网站不可在与用户进行交互之前播放背景音乐,因此这一效果在局域网上无法实现,对于本人来说略显可惜。

  原本是想写完桌面端网页后进行移动端优化的,但是发现由于排版方式的不统一,也没有规范使用 bootstrap,导致这一工作工程量浩大,实在力不从心。以后争取采取统一规范的方式进行排版。

  在测试过程中,发现网站受网速影响会有15s~30s不等的加载时间,这对于普通用户来说是非常差的体验。尽管我在js代码中加入了延迟加载的策略,仍然无法有效地解决这个问题。究其原因,只要是服务器配置不足和过大的mp3文件所致。这一方面与我的代码关系不大,所以暂时搁置。

  另一方面,在浏览器缓存没有及时清空的前提下,Safari用户在拖动滑动条时会感受到明显的卡顿。这应该是因为我使用了一些内置js库,而这些js文件的功能又有冗余导致的。目前阶段我没有能力或精力自己实现这些js效果,所以也只能暂时搁置了。

  最后,这个小网站只是我业余的小娱乐,为了拓宽一下知识面,主要的学习重心应该还是在学校课程和一些较难的内容上,毕竟前端工程师也不是我的目标。

  数据来源现在已经关闭的“AOP音乐网址导航”。 AOP音乐网址导航 国内音乐博客 5. [水手音乐]耳朵的主人]http:/...

  分享一个linux公社的资料下载地址。 资料列表地址:没找到查询的入口Linux下载文章会有下载内容、下载地址、下载方式的说明。 资料下载地址:

  三叉神经痛被称为天下第一痛,发病症状如刀割、电击般,疼痛剧烈,让人难以忍受,三叉神经痛是一种危害极大的神经系统疾病,患上此病后,患者不仅受到了巨大的折磨,还对生活造成了严重的影响,那么三叉神经痛可以运动吗?都有哪些利于病情好转的运动呢? 散步 这是最好的运动法,每天吃完晚饭...

  夜色撩人,月色如诗,带你南塘走一走。刚骑行回来,一路上的夜景和晚风也是惬意。

  每个个体的诞生,对其个体而言,便标志着其与其余个体的差异开始形成。诞生前的个体的主观能动性微乎其微,自诞生之日起而日渐增强。体诞生前的差异不应归结给该个体。 个体是伴随其与其余个体的差异而诞生的。人类社会及大自然是崇尚和谐,包容差异的。诞生之初的个体是很少能意识到自己与他人...

  1感恩早餐跟先生一起吃美味的小笼包和馄饨 2感恩父母送女儿回来,让我可以好好休息 3感恩乔姐的信任跟我交流,敞开心扉 4感恩先生陪孩子写作业,做晚餐 5感恩秋秋和她朋友的信任,报名卓越父母专业课,又可以帮助两个家庭了 6感恩tiger老师昨晚的课程,半睡半醒听完了,哈哈,潜...

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:网站搭建  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。