发表于: 2016-02-17 17:10:33
1 2056
好了我终于从探亲狂潮中解救出来了。
再过两三天就开学了,为了证明这段时间我没有完全沉醉在探亲+收红包+吃吃吃中,做了一个网页出来,but跟任务无关…(有点怕被老大打……)
网页是自己设计的最基本的样式,文字图片资源来自独木舟新浪博客。
前几天把网易云课堂上的页面制作课程刷完了,感觉至少比之前跟苍蝇一样乱找资料思路清晰些,已经基本弄懂大概了。
一开始忽略了布局问题,所以都是写到哪儿解决哪儿的问题,自己想弄什么样式就弄上去。
这里整理一下,要是老大觉得不能记录非任务的内容的话我就把这个日报删掉……
1、导航栏用了script,因为还没学所以基本来自网上源码。后来想依葫芦画瓢弄个“返回顶部”的技能,失败了orz……导航栏处分别用了锚点和超链接
2、sublime安装了一堆插件,感天动地好用到哭有木有!
3、采用的三栏的模式,全部采用div分块,个人资料是side,中间的图书是artical,然后每本图书再细分成块,用float:left解决的横向分布问题,但是display始终用不上,让我再纠结一会儿,最后的商标那里就是footer了。
4、图书分块之后直接在块内安装了通往豆瓣读书的超链接
5、做完之后发现横向进度条莫名其妙变长了= = 因为一开始随手敲也没有仔细计算外边距内边距这些值,目前还不知道是哪里有问题= = 顺带说一句,果然做个网页前期有人设计了图片,自己通过切图测量来做要少动脑的多
6、说到切图,之前学完切图直接开切的时候还有点懵逼不知道什么该切什么该后期自己撸代码,这次写了之后,尤其是分块的部分突然懂了,具体还是要再多做几个网页才知道。顺便写了个简单的之后,对于任务里面要求做的也来了灵感(弱弱吐槽一句,我理解能力还是不错啊……但任务里写的表述老是理解无能,尴尬癌发作……
7、嗷自己从一片空白开始写网页,这才意识到了设计能力和审美观的重要性,设计之前看了一半《写给大家的设计书》,觉得自己暂时用不到就放下了,现在发现果然是好书,准备赶紧恶补……
8、margin、padding确实很有用呀,只是框模型我还不是很分得清的样子
9、目前布局方面知识最匮乏,恶补之。
10、对了有同学想借我的网页源文件看的时候我才突然想起来源文件里图片地址在我盘里……果然还是找网上的图片最靠谱,等下去改了
写得有点乱,因为我饿了。
总之祝大家新年快乐。
做网页很有意思,会继续坚持下去。
域名备案那边已经提交管局,希望在生日之前被下来,然后把个人网站弄起来。
那边的服务器最后还是直接放弃了ubuntu,弄了个centos+wordpress的镜像,暂时还不愿意放弃linux系统,打算下学期学顺便在电脑上也安个这个系统。但是还是没登上去= =看我幽怨的眼神……等域名备案完成我再试试吧,现在不急。
评论