猪八戒学做网站之HTML5篇（3）：网页不是图片

    一大早，被手机的闹铃吵醒。自从做了程序员之后，天天都感觉睡不醒。脑力劳动和体力劳动真不一样，体力劳动累了之后，睡一觉起来就什么事也没有了。而脑力劳动之后，怎么睡都睡不醒。说什么三十年前睡不醒，三十年后睡不着，这都是鬼话。我都三十好几了，怎么还睡不醒？这是不是说明我还年轻啊？嘿嘿，自恋一下先。

    胡乱洗了把脸，匆匆赶到单位，小猪已经到了。

    “师傅！”小猪向我打了个招呼。

    我点了点头，问他：“你这么早就到了啊？”

    “是啊，没办法，家住得远，只能早点到。”

    也是，北京的路太堵了。单位9点上班，八戒7点就要从家出发了，到单位大约是8点40左右。但要是八戒7点10出发，那么到单位应该要到9点10或更晚，因为赶上上班塞车的早高峰了。所以，从到达单位的时候就可以看出这个人住得离单位远不远了。如果很早到单位的话，一定是住得很远，坐车或开车来上班的；如果是踩着点到单位的话，一定是住在附近或坐班车来上班的；如果是迟到的，十有八九是住在单位附近，走路来上班的。

    正乱想着，小猪替我砌好了一杯茶，端了过来。然后问：“师傅，你昨天说的我犯的第二个错误是什么？”

    这孩子怎么这么好学啊？我看了他一眼，反问：“我昨天也就随口这么一说，你还记得啊？”

    “别介啊，”小猪说道，“您这随口一说，我可是一晚上没有睡着啊。”

    “你不会真的是想了一晚上吧？”我有点惊和奇。

    “是啊！心里有事，一晚上没晚好。”小猪回答。

    “嘿嘿。”我不好意思地干笑了两声，没想到猪也有急性子的啊，早知道这样，昨天就告诉他了。

    “来，你看看你昨天做的网页。”我走到小猪的电脑前，打开了昨天他做的网页，“你看看，你在网页中插入了一张整图片，这就是你犯的第二个错误。”

    “这不挺好看的吗？”小猪挠挠脑袋说。

    “这是挺好看的，但你有没有想过，如果这个图片中的一个字错了，你要怎么办？”我问小猪。

    “嗯，那就只有使用PhotoShop来修改了。”八戒说。

    “是的，你想想看，用PhotoShop修改图片方便还是修改文字方便？”我问。

    “当然是修改文字方便啦，可是，一般美工不会将文字打错吧？”

    真是个猪八戒，我心想。

    “好，你看看啊，这张图上，左边的都是超链接，右边的大多都是文字。现在想要点左边的超链接，你要怎么做？”我问。

    小猪想了想，摇了摇他的猪头。

    “这就需要将美工做的图片进行分割了，应该是图片的地方，如右下角这个图，就应该做成图片，而文字部份，就应该使用文字输入。”

    “嗯，”猪八戒点了点头，说，“这样的话，左边也就可以做成超链接了。”

    “是的，如果右边的文字出现错误，也只要修改网页中的文字就行了。”我继续说道，“从这点上看，对整个网页的设计，有点像中国的活字印刷，你将它分成了一块一块，哪里应该修改的话，就只要改那一块就行了。”

    小猪恍然大悟：“看样子，我的第二个错误犯得不小啊！”

    “是啊。”我总结道，“网页中的图片和文字，就有点像一个人的身躯和灵魂。如果一个网页中只有图片没有文字，那么这个网页是没有生命力的网页，就好像一个人只有身躯没有灵魂。而如果一个网页中只有文字没有图片，那么这个网页是没有生气的网页，就好像一个人只有灵魂没有身躯。”

    “嗯，我明白了！”小猪说道。

 

====================================

原创不容易，转载请注明出处。（http://blog.csdn.net/smallfools）