世上本来有很多路，走的人多了，也便没了路？

个人网站的历史可以追溯到1995年，杨致远伙同几个哈佛大学的辍学同学弄了个个人网站YAHOO！没几年就发了……

6月12日 阴 我要做网站

思索

背景

个人网站的门槛越来越低

前辈的扶持

有一点动心

决定

6月13日 阴 定位我的个人网站

个人网站的历史

个人网站的分类

展示个人

提供服务

模糊型

定位狂人部落

战前总动员——网站策划

为什么偷袭珍珠港能成为偷袭战术的经典案例，其实就是因为前期制订了一个无比周密的策划……

6月14日 阴 网站策划

网站项目的可行性分析

确定网站的面向对象

确定网站的内容以及栏目结构

内容

栏目

制订网站开发进度表

6月15日 晴 申请域名、搞定空间

域名的重要性及命名规则

注册

域名后缀

6月17日 阴 统一网页思想

Vi

师夷长技以制夷

6月18日 阴雨 确定网站中文名和logo

网站命名

网站标志

6月19日 阴 颜色和框架

页面色彩

网站主色调

辅助色

色彩的统一

布局

6月21日 阴雨绵绵 其实不是了

狂人部落

层是什么？层就是PhotoShop！PhotoShop是什么？你去S吧……

出手——设计！

新狂人、新形象！New Crazier，Great Face！

6月22日 阴 用PhotoShop 6.0设计框架

建立设计稿文件

建立设计稿文件

绘制标题部分框架

画选择区

改为圆角

填充颜色

使用上面选好的颜色绘制轮廓

绘制下半部分

添加层

绘制选择区

添加网格背景

添加边框

在新建层中绘制一条直线

生成网格

绘制版权信息部分

绘制版权信息部分

6月23日 阴PhotoShop 6.0完善首页设计稿

添加logo

将网站Logo加入框架图片

设计会员注册区

搭建会员注册区框架

为会员注册部分添加内容

制作导航栏

输入栏目文字

处理导航栏背景

添加导航栏标题按钮

合并图层

复制栏目标题条

补充导航条“狂人日记”标题

将狂人日记加入原导航条

添加内容部分

存盘

存为Web图片

测试图片

再出手——制作！

缜密思路遍布字里行间，如水银泻地般轻松掌握Fireworks 4.0之精髓，切碎网页设计图犹如庖丁解牛

Dreamweaver 4.0光速入门：界面、操作、库、模板、行为、滤镜一览有余

6月24日 阴 用Fireworks 4.0切、切、切

确定设计稿的切割方案

添加辅助线

切割设计稿

切割标题部分

切割会员注册部分

切割导航栏及内容部分

导出图片

优化并导出图片

6月25日 晴 在Dreamweaver 4.0中建立站点--雄起！

建立站点

6月26日 晴 制作标题及会员登录部分

制作首页文档

制作标题部分

计算切片宽度

在Dreamweaver 4.0中插入表格

插入图片

建立库元素

制作会员登录部分

插入会员登录部分表格

查看图片宽度

插入右面两个图片

搭建会员注册单元

制作透明图

完善会员登录单元

会员登录单元返工，惨兮兮

6月27日 阴有短时小雨 制作导航栏

制作主体部分框架

制作导航栏

将导航栏部分的图片进行透明处理

6月28日 阴 制作首页主体部分的栏目介绍单元

平铺背景

建立切片

创建“网页制作基础”表格

加入背景图片

添加“版权声明”和“关于我们”

制作其余两个栏目

制作版权信息部分

6月29日 阴 利用JavaScript制作右键菜单及滚动字幕

制作右键菜单

写JavaScript制作右键菜单

创建右键菜单的JS文件

在Dreamweaver中插入JavaScript代码

制作状态栏滚动字幕

制作状态栏滚动字幕

6月30日 热死了 使用Dreamweaver行为创建翻转图片

在Fireworks中创建供翻转图片

在Dreamweaver中使用Behaviors（行为）创建翻转图片

增加新邮箱

7月2日 阴 设置网站邮箱

在Outlook Express中增加Webmaster的帐号

测试新邮箱

设置邮箱别名

使用代理/邮件服务器收发邮件

7月3日 阴 上传喽！

上传首页

设置FTP帐号

设置CuteFTP的过滤器

设置CuteFTP防火墙和SOCKS端口

从我的网站上下载文件

CuteFTP中的MP3搜索

手工登录搜索引擎

将狂人部落登录到搜狐

7月4日 阴 登录搜索引擎

使用登录软件登录搜索引擎

安装“登录奇兵”

使用登录奇兵登录搜索引擎

7月5日 阴 制作栏目模板

切割栏目页面设计稿

建立栏目页面

设定模板页面的样式表

保存模板并设定可编辑区域

7月6日 还是阴 制作文章内容模板

制作框架

添加样式

添加可编辑区

测试Chromeless 3.0脚本

7月7日 还是阴 制作在线日记页面

分析源代码

制作在线日记的页面

在首页上加入Chromeless的脚本

完善在线日记

7月8日 热 利用模板制作栏目页面和文章内容页面

利用模板制作文章内容页面

利用模板制作栏目页“Macromedia专区”

制作相关下载页面

添加浮动提示框

测试一下

制作“版权声明”以及“关于我们”页面

7月9日 热 运用CSS的DropShadow滤镜添加字体阴影效果

在Dreamweaver中运用CSS中的DropShadow滤镜

7月9日 晴有阵雨 使用Flash需要理由吗？

学Flash需要理由吗？不需要吗？需要吗？不需要！！！

全球经典Flash网站阅兵式……

拆穿DHTML的西洋镜……

武装到牙齿——完善我们的网站

7月10日 晴有阵雨 制作Flash标题

建立Flash框架

新建文件

导入图像

定义图形符号

在控制区域中调整背景

制作头像动画

生成四边形

在四边形框内做闪烁效果

制作另外几组矩形框闪现效果

在四边形框中加入人物头像

制作头像的渐变效果

将动画加入到主场景

制作按钮

新建按钮图形符号

将按钮添加到场景

创建蒙板层

制作蒙板

在文字层添加文字

为蒙板层关键帧添加标记

7月11日 阴并闷热着 使用Flash 5.0的Actions

加入鼠标响应事件

添加其他按钮的Actions命令

使用Actions制作交互式动画

武士的行走

在库中测试狂人武士的行走动画

把武士的各个动作统一放到一个层上

制作狂人武士动画

添加按钮的Actions

为Actions编程语句重新命名图形符号

制作Actions层

把狂人武士添加到主场景

清理战场

添加loading

输出动画

7月10日 晴有阵雨 制作GIF动画并添加DHTML广告条

制作跟随滚动条移动的广告图标

用Fireworks制作GIF动画第1帧

添加帧

制作第2帧

制作第3帧

制作第4帧

设置帧延迟

预览并导出GIF动画

安装插件完成动态广告条

安装Dreamweaver插件

制作跟随滚动条移动的广告图标

7月11日 阴并闷热着 整理链接，将上传进行到底

整理链接

检查链接

修复链接

骗了个论坛

修改站点内链接

将上传进行到底

上传

7月12日 阴 修改库元素加入Flash标题

修改库元素并插入Flash

7月14日 晴 我们赢了！！