前言
作为前端初学者,还不会写好看又完整的个人主页,就简单地用了html/css写的,参考了别人的个人博客,大概了解到需要写哪些内容,但是很多特效动画还不会写,只是简单地搭建每个页面简单布局,记录下自己每个阶段学习的内容,希望自己在后续的学习中学到的知识点多了再丰富起来,下面是我个人第一次开发的一点心得感悟。贴个地址https://gitee.com/yang-cli/home-pages
我刚接触前端不久,学到的知识还比较少,所以在布局网页的过程中会有各种各样的问题,不知道你们有没有这样的困惑哈哈,看视频觉得简单自己动手起来就出很多问题,我本来是学一点敲一点巩固理解的,后来发现自己的进度太慢,然后就想着看完很多内容再来用案例巩固,但是写案例的时候发现基础知识都忘记了,现在看起来也是熟悉又陌生,又得回去再看一遍,动手写一遍。最后我个人建议基础差的同学比如像我这样的可以每学完一部分内容就及时动手做案例巩固,后面做项目的时候就信手拈来了。
如何开始
我分别写了五个文件引入主页index.html,当时就想着每个模块用不同的主题风格看起来会显得丰富些,其实不然,这样看起来整个个人主页主题不一致,会显得很低级,所以每个模块建议用同样的主题风格,比如整个页面的主题颜色字体样式这些,简单好看就行,不要搞得花里胡哨的哈哈哈,这是我自己设计的,里面的内容现在都还很简单,后期再来慢慢修改添加。
基本上没有难度,如果你会用会JQ和插件使用估计就没问题了,而我大部分时间在写CSS,所以一定推荐使用预处理器,我用的是less,慢慢写的话头疼。然后记得使用媒体查询做移动端优化,因为不少BOSS用的是手机。整体的响应式设计用的是rem。最后记得附一张PDF简历,html中用a标签指向它就可以在线打开PDF了。
发布到gitee/github
静态页面很简单,只需要新建一个仓库,然后命名,用git上传到你的仓库里去,当然你也可以设置你的域名,最后,丢一个我的地址吧https://gitee.com/yang-cli/home-pages