今天下载了个电影网站的模板，寻思着改改自己用。结果打开一看傻眼了，一堆文件密密麻麻的，根本不知道从哪下手。

先搞清楚文件结构

我耐着性子把每个文件夹都点开看了看。发现主要就三个东西：一个是放图片的文件夹，一个是管样式的CSS文件，还有一个就是网页本身的HTML文件。心里大概有数了，改东西肯定就围着这几个转。

从最简单的文字改起

我直接双击打开了那个HTML文件，用浏览器显示出来。然后我就在页面上右键，选“检查”那个选项。这时候浏览器旁边会弹出来一个窗口，里面全是代码。我学着网上教的方法，把鼠标移到代码上，页面上对应的部分就会高亮显示。

我就用这个方法，找到了网站标题和那些电影名字所在的位置。然后在代码里直接双击文字，就可以修改了。我把网站名字改成了我自己的，随便找了几部喜欢的电影把原来的片名替换掉。这么一改，页面立刻就有我自己的感觉了。

换掉原来的图片

文字改顺手了，接下来就轮到图片了。我看页面上那些电影海报都是放在一个叫“images”的文件夹里。我的做法特别笨但有效：

• 把我自己准备的图片，改成和原来图片一模一样的名字。
• 然后直接拖进文件夹里，把旧图片替换掉。
• 刷新一下网页，新图片就显示出来了。

这个方法的好处是完全不用动代码，特别适合我这种新手。

试着调整一下颜色和布局

页面内容算是改好了，但颜色和排版还是原来的样子，看着不爽。我就硬着头皮去碰那个CSS文件。打开之后，里面全是我不认识的英文单词，好在后面都跟着颜色代码。

我就在文件里搜索“color”或者“background”这些词，找到控制颜色的地方。看到像 #FFFFFF 这种代码，我就去网上找个颜色代码表，挑个我喜欢的颜色，比如淡蓝色，然后把对应的代码替换过去。保存文件后再刷新网页，背景颜色果然就变了！布局调整也是类似的方法，找到控制宽度和高度的数字，稍微改大改小试试效果。

折腾了一下午，总算把这个模板改得面目全非，勉强能看出是我自己的东西了。虽然过程磕磕绊绊，老是改错地方，但能看到成品，还是挺有成就感的。感觉修改模板最关键的就是胆子大，敢动手试，反正改错了还能撤销重来嘛