作为新手的我们在使用各种网站程序进行建站的时候,除非是对div+css比较熟悉,能够自行编辑模板,大部分还是习惯去网上寻找一些适合自己的模板来使用。但是下载之后的模板也很难完全适合自己使用,那么就需要根据现有模板的基础进行修改,作为新手,完全看不懂代码,那么我们可以使用浏览器中的“审查元素”功能来进行修改。
那么,在使用审查元素功能之前,我们就要先准备相关的浏览器了。支持审查功能的浏览器是火狐内核的浏览器与谷歌内核的浏览器。意思就是,除了火狐与谷歌的浏览器都有审查元素的功能以外,还有双核的浏览器也可以使用该功能。因为双核的浏览器一般都是支持IE内核与谷歌内核的浏览器,我们在使用双核浏览器的时候,一定要注意选择谷歌内核的那一部分,IE浏览器与IE内核的浏览器是不支持使用审查元素功能的。如下图:
一般网站模板分为几个重要的页面,其中主要的形成是头部、尾部、首页、栏目页、文章页等几个页面组成。我们在修改网页模板的时候,首先需要确定修改的网页是哪个页面的哪个部分,然后使用审查元素功能进行网页的内容的修改或者CSS调整。
大家可以看到上面的网页中,有部分内容是空白,那么我们就可以使用审查元素的功能来进行查找(打开审查元素可以在网页中使用鼠标右键,点击审查元素,或者使用快捷键F12)。
然后选择到我们需要查找的空白部分。
打开层可以看到,里面是一张图片。
那么我们可以用ftp根据路径,重新上传一张一样大小的图片即可。
除了确定图片进行修改以外,审查元素还可以进行CSS的修改,在我们打开审查元素的时候,可以看到左边为代码内容,右边则是CSS的部分。我们可以随意把那个勾去掉,或者更换CSS里面的数字与颜色等,可以即时看到修改后的效果。大家可以慢慢尝试一下,你会发现有很多不同的惊喜!
现在希望把网页中绿色改为其他颜色,那么可以直接用审查元素先看看效果,确定了效果之后,再通过网站后台修改。我们找到颜色的部分,那么就可以直接通过photoshop找到一个颜色,替换颜色代码。
此外,还有一些恶搞的效果,不需要使用PHOTOSHOP也可以马上看到效果。
图片中该域名价格为178元/年,我们可以修改一下。
当然,这个仅限娱乐了,真是的价格还是原来的,该测试仅限测试,请勿用作其他用途。
通过审查元素功能,我们可以自行修改不同的模板,然后修改出来一个自己需要的网站。