论个人网站的诞生
事情是这样的,在经过整整两周,每个夜晚勤勤恳恳的钻研后,我的个人网站终于设计完成,并且上线啦。
但是它可能并不完整,因为,部分人民群众看不到啊,只有部分人民群众能看到啊,这个问题让我相当的费解。当然这是技术问题,当我致电go daddy的时候,客服帮我说了一堆专业术语,我懵懂的懂,但是无法良好的操作,客服说您有技术人员么,我答:没有,就我一人。
好不容易网站能看到了,却有部分人民无法打开是多么心塞的事情。只能满足部分人民的网站不是好网站,此时此刻,心中不得不呐喊道:come on daddy!…如果有缘您也可以试着点击打开www.liqianru.com。
如果无缘的话,您也可以在这先看看我的网站gif~,咱也得证明咱不是空穴来风的。。。
不说这些技术问题了, 先来谈谈我的设计问题。
Adobe Muse确为神器,满足了设计师无需用代码就能让自己的网站上线的愿望。 配合Sketch和AI简直是三剑合一,天下无双。
Sketch
网站不能胡来,得先设计,规划,Sketch上手速度杠杠的,设置好960*500的画布就可以画起来了。 当然在画起来之前,最主要的素材的准备,文本的准备,当然这在文思如泉涌的时候都不是事儿~
AI
AI负责Sketch钢笔工具不能良好完成的部分, 比如我的背景图片是以几何三角形为主的,Sketch的钢笔工具没法良好的无缝连接三角形,AI上钢笔工具就用起来比较爽了。画好背景,填好颜色,网站的主基调也就出来了。
Adobe Muse.
将Sketch和AI上的所有网站素材导出来后(建议用SVG,这样会比较清晰),就可以在Adobe Muse里面操作起来了,也就是将各个元素排布开来,组合起来,这样网站的大致布局就出来了。
当然一个有趣的网站来点动效也是需要的,但是啊这个东效也不是一拍脑门就出来,我们需要灵感。Scroll effects这个网站上基本集合了所有的Muse能实现的动效。
学习网站:
先刷一遍Adobe Muse 官网的教程,边刷边做,边研究。
内容比较进阶,主要可以看他的Widgets的使用和scroll effects教程,有时候并不需要把所有的内容全部看完,可以就看个开头知道动效是什么就行,或者直接用2倍速扫视,如果不是你需要的,就不要浪费时间跳过就行,当然建议将全部Scroll effects的视频都扫一遍,知道有哪些可以实现的,等到想用的时候回来仔细看就行了。
这位大叔录制了一系列Adobe的教程,Muse也是一部分,可以将这个作为辅助,比如有哪一块官网讲的自己理解的不是很清楚的,再看看大叔说的,基本1.5倍速也就够了。
网站发布
这是个严肃的问题,也是我的痛。 但好歹我也理清了一点东西
材料:
- 一个域名
- 一个虚拟主机
通常像go daddy这样的网站,只需要购买虚拟主机就行,购买一年的主机还会送域名,我买的是linux虚拟主机。
购买好后,按照网站的指示,一步步设置完成后,进入到网站主机的管理中去,设置FTP账号。有个用户名和密码后,就用Adobe muse里面的publish to FTP Host 的设置,将之前在go daddy上设置好的FTP账号信息输入,之后,Muse就会主动连接上传你的网站文件。 记得一定要将文件传输到public_html的文件夹中。
4/24更新:
在骚扰了所有go daddy的客服人员之后,我的网站终于可以成为全球人民都可以看到的网站啦~
这里要注意的是在选择主机地址的时候,一定要选择北美,而不是什么亚洲和欧洲。最初我就单纯的以为,亚洲嘛,离得近,速度一定可以。但事与愿违啊,北美才是王道。
另外Adobe Muse自带的推送到FTP上去的方式虽然便捷,但是在我这很是崩溃,传送速度奇慢。 到后面索性整个应用没有响应。只能将所有的文件导出到本地。然后用FileZilla传送,相对来说速度快点,主要是能看到传送到哪了,哪些已经传送上去了。 本地文件和远程文件的两栏显示较为清楚,但是稳定性还有待提高,个别较大的图片传送较为坎坷,最后只能通过虚拟主机远程文件夹上的上传工具将个别难以传送的图片传送成功。
Liqianru.com 2.0:
2.0版本做了适度的更新:
标点: 标点符号的统一相当重要,发现自己的文章总是一会儿中文逗号一会儿英文逗号的,索性统一。
对齐: 再下去我都要怀疑自己的眼神了, contact这里的三个小图标,明明间距一样,为何视觉上总感觉不大一致。 赐予我处女座力量吧~
最后: Safari对我的网站渲染效果很好,为何Chrome在色彩和个别图片上的显示那么不尽人意。
Anyway, 感觉自己好炫酷~ 。啦啦啦~