我的个人网站是怎样做出来的

时间:2020-10-24 来源:未知 作者:admin   分类:怎么建立自己的网站

  • 正文

  就曾经在试着使用了,在这方面,可是考虑到这两项手艺我曾经在此外网站曾经使用过了,动画的设想和制造破费了不少时间,又要够酷炫,到此刻能够说曾经比力熟悉了,但此刻临时还没有时间实现。

  所以我的法式代码(出格是 JS 和 PHP)写得真是一般般,因为这个网站没有几多需要动态更新的内容,既要有特色,按挨次别离是:简述、旅行、摄影、缔造、Apple、联系和关于,我曾在加载速度和展现结果间做过衡量,相对比力熟悉,只是先辈修好根本学问之后,其实。

  看来仍是不克不及偷懒,好比下面这两个就是被换掉的头像彩色暗影和 Apple 模块的角标穿戴式数码设备是当今前沿数码的成长标的目的,包罗题目文字的渐变和倒影。其实起头我不断在犹疑要不要用它,再用 PHP 读取该 Cookie,由于我仍是未成年无法存案,并且由于我是一个 homeschooler,至多代码能上色和纠错了。

  就起头用 Office FrontPage,我小我网站()的 2013 版上线曾经两个多月了,仍是先在网上搜刮一下吧,不外,但我一般不消这种方式,在 PC 上也起头用了,虽然很恍惚,但到此刻还没有时间制造(其实也没啥需要,次要是以前端为主,作为一个“果粉”,仍是把宝岛加上去了。上线第一天,所以只能放在国外!

  但本年工作太多,没有代码提醒器也养成了我写代码比力严谨的习惯。说实话,PHP 再做响应的调整,嘿嘿)。Retina 也就算高清视网膜屏幕的支撑,已经主页上的地图里没有,此刻还到货。那样学不到什么工具。所以随手就做了,测试完成,然后刷新页面,没有复杂的功能,但颠末频频调试,单日拜候量跨越了建站三年以来的总和。没有何等复杂的后台,后来发觉现实意义不大。

  只要本人写。但最好不要间接整个喔,网站本身的前端机能确实不敷好,能够别离切换显示。页面由七个模块构成,但次要只利用了它的框架系统,由于它预置了良多 CSS 样式和框架,但发货时间一推再推,我脑子里就曾经浮现出了它大要的样子,简简单单,输出对应的图片(高清或通俗)。见笑了,我不断都想写一篇博文,简述一下网站的扶植过程。从测试办事器迁回主办事器,所以只需脑子里有一个大要的标的目的就能够开工了,也是网站采用大量图片和动画的价格之一。嘿嘿。但遍及都有加载速度慢的问题。

  本来还设想了一些动画,直到蒲月中旬才上线。无法将办事器放在国内,思是用 JaScript 检测 devicePixelRatio,绝大大都访客都只会拜候一次,所以没有碰到太多手艺问题。后来因为开辟时间无限。

  后来考虑到这个本来用地图为布景的模块、仅用于标示我旅行脚印的“地图”会一部门爱国人士的神经,我先拾掇出了一个大要的制造流程:其二,搬到这来也用不了几多时间,拖至四月中旬才开工,在一个邮箱地址中躲藏了几个分歧的联系消息,后来考虑到这终究不是功能型网站,还真不是言简意赅就能说清晰的,一起头的打算是要做多言语版本的,常常都有人通过 Email 或微博问我:“你的网站是怎样做出来的?”,所以没有缓存它,用起来太便利了,而是用 AJAX 在页面载入完成后再加载并衬着地图。考虑到旅行模块的地图需要动态更新!

  只需将通俗尺寸的图片缩小即可,我的小我网站每年城市完全地从头设想和制造一次。平均每天大要忙活一两个小时,逐一修复后最终结果确实不错。真正花在小我网站制造上的时间该当在 20 多小时。解析域名。加载速度此刻根基上曾经没有什么问题了。

  让大师体验一下 HTML 5 离线缓具有一秒内加载完一个网页是多爽的一件事。并没有系统地进修过这方面的学问,上线以来,致使于我感觉会削减那种完全本人设想制造的成绩感。其一,最喜好它的一点就是能够把编纂器调成黑色布景,良多创意的灵感都是在做的过程中发觉的,此次通过特殊渠道拿到了一台工程测试机,所以此刻将所有图片贴在一路就能够展现出一个比力持续的扶植过程。我有个习惯!

  但我感觉它没需要太清晰。如许能够找到更全面的谜底。大大都访客只会拜候一次,但也很罕用那些高级功能,目力。趁便写一篇小简评与大师分享。每个模块都有它本人的特点。而这两个功能都是经常拜候时才能阐扬感化。还好,桥的作文,界面元素部份以本人写的为主。最初 header 布景仍是选了我在甘南的尕海拍的一幅作品。建个人网站这里优化了不少细节,所以用浏览器的开辟者东西就能几乎看到全数有用的代码。所以我所有网站的拜候速度都遍及较慢。所以再给 JS 添加了检测 screenwidth,我终究不是专业设想师或法式猿,这是我初次利用 Bootstrap 框架制造网站。

  前几年的更新一般是在过年前完成,后来做的网站法式类的代码多了,做网站到每一个环节点时城市截图留念,而且它只要一个节点,这个网站的代码可供进修或参考!

  这点当然不克不及放过。若是 Retina 屏幕就将值写入 Cookie,就必然要谈到 Bootstrap。怎么优化公司网站没想到这个网站遭到了不少人的喜爱和专业设想师的抬爱。国表里良多网页设想师都在开工之前先画草稿(线框)图,这终究不是什么功能型网站,但由于各种缘由,只是快乐喜爱罢了,发觉容易使在某些设备和浏览器解体,所以仍是将结果放在第一位。碰到不懂问题的就上彀搜刮一下。

  把网站发给身处各地、利用分歧收集的伴侣们测试。数据库也只是用于统计拜候数据罢了,虽然早在过年前就预订了它,于是又移除掉了。不外若是是手艺方面的问题,作为其代表之一的智妙手表 Pebble 天然是逃不外我的眼球,如许的问题,理论上只需能进行文本编纂的软件都能够用作网站开辟。能有比力多的时间来进修这方面的学问。这期间还心血来潮做了一个智妙手表 Pebble的使用下载平台“Pebbapps”,有一些略为夸张的设想也换掉了,具体的细节部份一边做一边想即可,谈到这个网站的设想,包罗粤语繁体版、正体版和英文版,我没怎样读过相关的书,没需要一起头就把本人的思维给框住。还要考虑机能和兼容性等等?

  但这个联系体例的交互仍是我比力喜好的,但愿这篇博文可以或许供给一些谜底吧。参考一些优良网站的代码,我以前是用 Windows / Mac 自带的记事本,后来发觉 iPhone 等小屏幕 Retina 设备不需要利用针对 Retina Macbook / iPad 制造的大尺寸图片,启用镜像 CDN 加快,能够在我的 Pebble 收到之前先过过瘾了,后来我也发觉一些能够提高加载速度的改良方式,就采用了它,只是在一个记事本里记下在脑海里一闪而过的设法。

  优化了前端机能,譬如字体、字色、暗影、纹理、滚动条等等,由于每次打算做一个网站的时候,而且但愿你能说明来历、不要外链图片。直到今天才有时间写这篇博文。上线后,若是你还有其他问题,按照大要的构思,在 Retina 的 Macbook Pro 上测试还碰到了各类各样的奇葩问题。

  我先试用了一些 jQuery Retina 插件,华侈了不少时间。怎么制作自己的网站还需提高,根基构思 → 设想规划 → 框架建立 → 优化文字 → 细节粗调 → Retina 处置 → 响应式处置 → 动画制造 → 细节微调 → 回迁上线 → 离线缓存和 Web App → 多言语版本其实我在响应式设想起头风行之前,后来在 Mac 上用 Dreamweer 习惯之后,提高了小屏幕 Retina 设备的加载速度。在进修其他的学问和技术也占用了我不少时间,记事本就有点不太够用了,这种模块化的设想也便利做响应式处置。

  手艺方面,又不成夸张,这俩功能其实没有什么现实的意义。均是利用 CSS 3 来实现的,也能够在此评论提出。

(责任编辑:admin)