今天跟大家唠唠开发网页前端这摊事，我折腾了一天总算搞出个模样。前阵子媳妇儿说想弄个相册网站存照片，我寻思着这不简单嘛就自己动手试试看，结果还真不省心。

开头琢磨准备

昨儿晚上躺床上琢磨，要搞网页得从头来起。就翻了翻电脑，找了个记事本似的编辑器装上，那玩意儿免费的，凑合用着。浏览器嘛用Chrome，查东西方便。工具整妥了，心里还嘀咕着："先搞个首页试试水"，就新开了个文件存成.html格式，名字起得随意，就叫个"shouye"。

捣鼓HTML基本架構

二话不说，我点开编辑器开敲。先是标题那块儿，写了个

照片相册

就行，太大块头反而难看。下面加点段落

放介绍，说点家里的事儿，文字不多，就跟写日记似的。

• 图片：插了个图，用img标签拉进来。
• 按钮：放了个按钮叫"翻页"，想着点它能跳页面。
• 列表：用ul整了个照片分类列表，弄点年份啥的。

完事儿保存文件，开浏览器一打开，文字和图片都堆在一块儿，乱糟糟的像垃圾堆，气得我差点摔键盘。

加点样式调位置

问题出在样子上，我挠挠头继续捣鼓。新开了个.css文件，学点样式设置。先给背景加点浅蓝色，看着舒服点。再把标题挪到中间，用text-align调位置，结果一下偏了左。关键点在这儿：我折腾边框加厚点，想让图片有框框包着，谁知道搞成大红边，土得掉渣。

赶紧Google下例子（注：不用链接），照着别人写法改数值，折腾一小时后稳住了。重新加载页面，总算齐整点，就是颜色还丑。

脚本加互动功能

样貌是顺眼了，该给按钮加点动作。我写了个.js脚本文件插进去，想点按钮时出个提示框。刚写几句就出bug，点按钮没反应，页面直接卡死在那边。浏览器那错误提示像天书，我耐着性子看，慢慢改语法。

换了个简单法子，把脚本里头改小点。前后试了五六遍，加上我儿子在边上捣乱要抱抱，愣是搞到下午才成，点按钮现在能弹出个"加载中"的小窗口了。

收工看成果

折腾到头，我重新点开页面瞧了瞧。文字站中间了，按钮点得了，颜色也顺眼。虽然离专业差十万八千里，但起码跑得动。这趟下来挺累人，写点代码跟打仗似的，一坨bug要一个一个啃。不过想想媳妇儿能传照片上去，还挺值当。下回要是再搞，我得找找现成模板偷懒点。