首页 > 代码库 > 我的建站之路(2)
我的建站之路(2)
上一篇文章发表是在7月7号,今天已经25号了,我来回忆回忆。
上次写完那个需求分析之后我就开始着手做我的这个网站,而紧接着我就被卡住了,因为,我突然想到了我的能力问题——我还不会javascript!这似乎成了一个要命的bug,而且是我的bug不是网站或者其他什么的bug,我必须得想办法调试通了这个bug才行啊。
与此同时,我是之前已经写好了一份策划的,这个策划是交由我们的学生科主任看的,我也能猜到他有80%可能没有看,无所谓了,因为我们做的工作并不和他在学校的工作相吻合,他不反对我我都已经觉得算是很不错的结果了。当然,在不涉及自己走的路的时候没谁会去无聊的干扰别人!扯了一些没用的话,回来继续说吧,我按照我当时写的那个策划将网站的结构做了一个划分,我自己在学习HTML的时候也是稀里糊涂的,通过百度和W3SCHOOL上看到的几个<div>标签的用法还有就是通过看几个别人的网站的<div>的用法我将将就就的把块儿划分开了:头部主要用一张图片,凸显主题的图片,content部分空着因为我都不知道去填什么样儿的内容,footer部分我直接将我们系的那个footer搬了过来,都大同小异,也不涉及备案,也不涉及版权,所以,不怎么在意结尾这部分。然后我就开始了我的“庞大”的搬运工作,呵呵,说到这里你别笑话我,因为我心里清楚的明白我如果想要做出来一个稍稍漂亮点的导航条那我一定得用javascript或者jquery,可是我不会,自己写不出来,只能去搬运咯。让我另起一段写!
由于是有目的性的去找导航条的效果,我感觉我还算速度快,首先是在csdn上看了看最近的一些极客头条,发现没有相关的文章,但是我却找到了一个展示图片的素材,就是我现在放在首页的这个图片展示效果,有兴趣的同学可以等我把网站挂上去之后去我们学校的网站上看看,希望我的眼光挑出来的这个效果会是大家都挺喜欢的效果。我曾想过搬运这些素材过来肯定会和我之前写好的这个结构出这样那样的bug不过令我惊讶的是这个过程出奇的容易,我似乎就只是在我的HTML中链接进来了那几个js然后将原素材的代码贴了上去。也许是我根本不需要改什么所以才会这么顺利吧,可是到了这个导航条就不那么简单了。
我找了很久的二级导航条发现很多的导航条运用的效果是大同小异的,而且,我搬过来的时候就得把他们的css也跟着搬过来,造成那些css中的部分全局效果更改了我的HTML显示不那么自然了,排除这些bug花了我很久的时间,但是出现了一个让我很蛋疼的问题,因为素材里面的导航条是通过js来控制颜色的,就跟你们看到的那样,但是我乐呵呵的把这个素材的js链接进来却发现我的颜色及相关的过度效果出不来,但是如果我在素材的那个网站里面改却可以正常显示,原素材里面的导航条包括八项内容,而我现在只需要五项,我在想是不是在这个项数上函数哪里有涉及让我这边的显示出问题,找到里面的init.js看了半天也没找出来哪里和这个项数有关系,而且我在素材网站上改的也可以正常显示啊!我被自己的榆木脑子坑了,那能是哪个问题呢,就这会儿我已经纠结了一个下午了,包括我将素材的HTML代码复制粘贴过来看看是不是那种输入法不同造成的问题都没有解决,就在我实在想不到是什么原因的时候我突然注意到了一点,我当初是先将展示图片的那个效果的js链接进来后面才将导航条引进来,我的那个jquery文件的链接写在了init.js的后面,而素材网站的是在前面,这不禁让我想到了最早学习c语言的时候自定义函数写在main之前和之后 的声明问题,于是我就贱贱的将我的那个jquery文件的链接移到了init.js的前面,然后F12预览,效果出来了,我当时激动得啊,那个心情无法形容。
看到这里希望大家不要笑话我,因为我现在还只是个小白,这次建站也是在边学习边制作。
不过还是会有问题的,原先的效果显示是8个导航条,改成5个之后当鼠标移开之后的效果的那个颜色退去的数值明显不够,显示有bug这个最后也是通过查看stop函数里面的一些数值将-100px的值改成了-200px得以解决。
这个文章并不是什么技术性文章,完全是我这次学习过程中的一次记录。我也希望自己等到毕业的时候能从这些文章里面找到一些美好的回忆。就这样吧