说到网站建设,很多朋友仍然不知道网站“设计”和“制作”的概念;忽视前期策划的重要性……其实建设网站的思路比技术和内容更重要,如果你想建设一个专业的网站。\r\n\r\n 本作品以日记的形式用30天的时间制作、发布、推广一个网站——www.CrazyTribe.net。\r\n\r\n 分为5部分:网站赏析、网站策划、网站设计、网站制作、网站推广等。跟着本作品的操作,您将随着网络专业人士获取前所未有的成就感!通过精心安排的步骤,您将轻松掌握Dreanweaver、Fireworks、Flash、HTML、JavaScript、CSS、PhotoShop、EditPlus、CuteFTP等工具的使用和高级技术,更重要的是可以体会到网站建设的整套思路流程。本作品语言风趣幽默阅读轻松流畅,字里行间充斥着业界高手的续密思路,一定会给你带来与众不同的感受!\r\n\r\n 本作品两位作者:Weber是某知名网站的技术主管,自己有两个网站;章良是某知名网站的设计总监,自己有个设计类网站,对页面设计的把握相当有一手。另外在本作品的创作、出版过程中得到了众多个人网站站长的大力支持,是本完完全全的网人作品。\r\n\r\n 本作品以实例为中心,“以赛代练”是本作品的特点。最适合帮助初学者轻松跨越技术门槛;专业网站设计师的参考;网站美工的制作参考书和页面设计参考。本版CD含IE 5.5和程序源代码。\r\n
\r\n
世上本来有很多路, 走的人多了, 也便没了路? \r\n\r\n 个人网站的历史可以追溯到1995年, 杨致远伙同几个哈佛大的辍学同学弄了个个人网站YAHOO!没几年就发了...... \r\n\r\n 6月12日阴我要做网站 \r\n\r\n 思索 \r\n\r\n 背景 \r\n\r\n 个人网站的门槛越来越低 \r\n\r\n 前辈的扶持 \r\n\r\n 有一点动心 \r\n\r\n 决定 \r\n\r\n 6月13日明定位我的个人网站 \r\n\r\n 个人网站的历史 \r\n\r\n 个人网站的分类 \r\n\r\n 展示个人 \r\n\r\n 提供服务 \r\n\r\n 模糊型 \r\n\r\n 定位狂人部落 \r\n\r\n 战前总动员——网站策划 \r\n\r\n 为什么偷袭珍珠港能成为偷袭战术的经典案例, 其实就是因为前期制订了一个无比周密的策划...... \r\n\r\n 6月14日 阴网站策划 \r\n\r\n 网站项目的可行性分析 \r\n\r\n 确定网站的面向对象 \r\n\r\n 阅定网站的内容以及栏目结构 \r\n\r\n 内容 \r\n\r\n 栏目 \r\n\r\n 制订网站开发进度表 \r\n\r\n 6月15日晴申请域名. 搞定空间 \r\n\r\n 域名的重要性及命名规则 \r\n\r\n 域名后缀 \r\n\r\n 注册 \r\n\r\n 6月17日阴统一网页思想 \r\n\r\n 师夷长技以制夷 \r\n\r\n 6月18日 阴雨确定网站中文名和1ogo \r\n\r\n 网站命名 \r\n\r\n 网站标志 \r\n\r\n 6月19日阴颜色和框架 \r\n\r\n 页面色彩 \r\n\r\n 网站主色调 \r\n\r\n 辅助色 \r\n\r\n 色彩的统一 \r\n\r\n 布局 \r\n\r\n 出手——设计! \r\n\r\n 层是什么?层就是PhotoShop!PhotoShop是什么?你去S吧...... \r\n\r\n 6月21日阴雨绵绵其实不是了 \r\n\r\n 狂人部落 \r\n\r\n 新狂人. 新形象! New Crgzier, Grogt Face! \r\n\r\n 6月22日 阴 用PotoShoP 6. 0设计框架 \r\n\r\n 建立设计稿文件 \r\n\r\n 建立设计稿文件 \r\n\r\n 绘制标题部分框架 \r\n\r\n 画选择区 \r\n\r\n 改为圆角 \r\n\r\n 填充颜色 \r\n\r\n 使用上面选好的颜色绘制轮廓 \r\n\r\n 绘制下半部分 \r\n\r\n 添加层 \r\n\r\n 绘制选择区 \r\n\r\n 添加边框 \r\n\r\n 添加网格背景 \r\n\r\n 在新建层中绘制一条直线 \r\n\r\n 生成网格 \r\n\r\n 绘制版权信息部分 \r\n\r\n 绘制版权信息部分 \r\n\r\n 6月23日阴PhotoShop 6. 0完善首页设计稿 \r\n\r\n 添加logo \r\n\r\n 将网站Logo加入框架图片 \r\n\r\n 设计会员注册区 \r\n\r\n 搭建会员注册区框架 \r\n\r\n 为会员注册部分添加内容 \r\n\r\n 制作导航栏 \r\n\r\n 输入栏目文字 \r\n\r\n 处理导航栏背景 \r\n\r\n 添加导航栏标题按钮 \r\n\r\n 合并图层 \r\n\r\n 复制栏目标题条 \r\n\r\n 补充导航条“狂人日记”标题 \r\n\r\n 将狂人日记加入原导航条 \r\n\r\n 添加内容部分 \r\n\r\n 存为Web图片 \r\n\r\n 测试图片 \r\n\r\n 再出手——制作! \r\n\r\n 缜密思路遍布字里行间, 如水银泻地般轻松掌握Fieworks 4. 0之精髓, 切碎网页设计图犹如庖丁解牛........ \r\n\r\n Dreamweaver 4. 0光速入门:界面. 操作. 库. 模板. 行为. 滤镜一览有余 \r\n\r\n 6月24日阴用Firworks4. O切. 切. 切 \r\n\r\n 确定设计稿的切割方案 \r\n\r\n 切割设计稿 \r\n\r\n 添加辅助线 \r\n\r\n 切割标题部分 \r\n\r\n 切割会员注册部分 \r\n\r\n 切割导航栏及内容部分 \r\n\r\n 导出图片 \r\n\r\n 优化并导出图片 \r\n\r\n 6月25日晴在Dreamweaver 4. 0中建立站点——雄起! \r\n\r\n 建立站点 \r\n\r\n 6月26日晴制作标题及会员登录部分 \r\n\r\n 制作首页文档 \r\n\r\n 制作标题部分 \r\n\r\n 计算切片宽度 \r\n\r\n 在Dreamweaver 4. 0中插入表格 \r\n\r\n 插入图片 \r\n\r\n 建立库元系 \r\n\r\n 制作会员登陆部分 \r\n\r\n 插入会员登录部分表格 \r\n\r\n 登意图片宽度 \r\n\r\n 插入右面两个图片 \r\n\r\n 搭建会员注册单元 \r\n\r\n 制作透明图 \r\n\r\n 完善会员登录单元 \r\n\r\n 会员登录单元返工, 惨兮兮 \r\n\r\n 6月27日阴有短时小雨制作导航栏 \r\n\r\n 制作主体部分框架 \r\n\r\n 制作导航栏 \r\n\r\n 将导航栏部分的图片进行透明处理 \r\n\r\n 6月28日阴制作首页主体部分的栏目介绍单元 \r\n\r\n 平铺背景 \r\n\r\n 建立切片 \r\n\r\n 创建“网页制作基础”表格 \r\n\r\n 加入背景图片 \r\n\r\n 制作其余两个栏目 \r\n\r\n 添加“版权声明”和“关于我们” \r\n\r\n 制作版权信息部分 \r\n\r\n 6月29日阴利用JvavScript制作右键菜单及滚动字幕制作右键菜单 \r\n\r\n 写JavaScript制作右键菜单 \r\n\r\n 创建右键菜单的JS文件 \r\n\r\n 在Dreamweaver中插入JavaScript代码 \r\n\r\n 制作状态栏滚动字幕 \r\n\r\n 制作状态栏滚动字幕 \r\n\r\n 6月30日热死了使用Dreamweaver行为创建翻转图片 \r\n\r\n 在Fireworks中创建供翻转图片 \r\n\r\n 在Dreamweaver中使用Behaviors(行为)创建翻转图片 \r\n\r\n 7月1日阴没有雨我不得不换个域名! \r\n\r\n 7月2日阴设置网站邮箱 \r\n\r\n 增加新邮箱 \r\n\r\n 在Outlook Express中增加Webmaster的帐号 \r\n\r\n 测试新邮箱 \r\n\r\n 设置邮箱别名 \r\n\r\n 使用代理/邮件服务器收发邮件 \r\n\r\n 7月3日阴上传喽! \r\n\r\n 上传首页 \r\n\r\n 设置FTP帐号 \r\n\r\n 设置CutePTP的过滤器 \r\n\r\n 设置CuteFTP防火墙和SOCKS端口 \r\n\r\n 从我的网站上下载文件 \r\n\r\n CuteFTP中的MP3搜索 \r\n\r\n 7月4日阴登录搜索引擎 \r\n\r\n 手工登录搜索引擎 \r\n\r\n 将狂人部落登录到搜狐 \r\n\r\n 使用登录软件登录搜索引擎 \r\n\r\n 安装“登录奇兵” \r\n\r\n 使用登录奇兵登录搜索引擎 \r\n\r\n 7月5日阴制作栏目模板 \r\n\r\n 切割栏目页面设计稿 \r\n\r\n 建立栏目页面 \r\n\r\n 设定模板页面的样式表 \r\n\r\n 保存模板并设定可编辑区域 \r\n\r\n 7月6日还是阴制作文章内容模板 \r\n\r\n 制作框架 \r\n\r\n 添加样式 \r\n\r\n 添加可编辑区 \r\n\r\n 7月7日还是阴制作在线日记页面 \r\n\r\n 测试Chronleless 3. 0脚本 \r\n\r\n 分析源代码 \r\n\r\n 制作在线日记的页面 \r\n\r\n 在首页上加入Chromeless的脚本 \r\n\r\n 完善在线日记 \r\n\r\n 7月8日 热 利用模板制作栏目页面和文章内容页面 \r\n\r\n 利用模板制作文章内容页面 \r\n\r\n 利用模板制作栏目页“Macromeda专区” \r\n\r\n 制作相关下载页面 \r\n\r\n 添加浮动提示框 \r\n\r\n 测试一下 \r\n\r\n 制作“版权声明”以及“关乐我们页面 \r\n\r\n 7月9日热运用CSS的DropShadow滤镜添加字体阴影效果 \r\n\r\n 在Dreamweaver中运用CSS中的DropShadow滤镜 \r\n\r\n 武装到牙齿——完善我们的网站 \r\n\r\n 拆穿DHTML的西洋镜 \r\n\r\n 学Flash需要理由吗?不需要吗?需要吗?不需要!!! \r\n\r\n 全球经典Flash网站阅兵式...... \r\n\r\n 7月9日晴有阵雨使用Flash需要理由吗? \r\n\r\n 7月10日晴有阵雨制作Flash标题 \r\n\r\n 建立Flash框架 \r\n\r\n 新建文件 \r\n\r\n 导入图像 \r\n\r\n 定义图形符号 \r\n\r\n 在控制区域中调整背景 \r\n\r\n 制作头像动画 \r\n\r\n 生成四边形 \r\n\r\n 在四边形框内做闪烁效果 \r\n\r\n 制作另外几组矩形框闪现效果 \r\n\r\n 在四边形框中加入人物头像 \r\n\r\n 制作头像的渐变效果 \r\n\r\n 将动画加入到主场景 \r\n\r\n 制作按钮 \r\n\r\n 新建按钮图形符号 \r\n\r\n 将按钮添加到场景 \r\n\r\n 创建蒙板层 \r\n\r\n 制作蒙板 \r\n\r\n 在文字层添加文字 \r\n\r\n 为蒙板层关键帧添加标记 \r\n\r\n 7月11日阴并闷热着使用F1ash 5. 0的Aetions加入鼠标响应事件 \r\n\r\n 添加其他按钮的Actions命令 \r\n\r\n 使用Actions制作交互式动画 \r\n\r\n 武土的行走 \r\n\r\n 在库中测试狂人武士的行走动画 \r\n\r\n 把武士的各个动作统一放到一个层上 \r\n\r\n 制作狂人武土动画 \r\n\r\n 添加按钮的Actions \r\n\r\n 为Actions编程语句重新命名图形符号 \r\n\r\n 制作Actions层 \r\n\r\n 把狂人武士添加到主场景 \r\n\r\n 清理战场 \r\n\r\n 添加loading \r\n\r\n 输出动画 \r\n\r\n 7月10日睛有阵雨制作GIF动画并添加DHTML广告条 \r\n\r\n 制作跟随波动条移动的广告国标 \r\n\r\n 用Fireworks制作GIF动画第1帧 \r\n\r\n 添加帧 \r\n\r\n 制作第2帧 \r\n\r\n 制作第3帧 \r\n\r\n 制作第4帧 \r\n\r\n 设置帧延迟 \r\n\r\n 颈览并导出GIF动画 \r\n\r\n 安装插件完成动态广告条 \r\n\r\n 安装Dreamweaver插件 \r\n\r\n 制作跟随滚动条移动的广告图标 \r\n\r\n 7月11日限并闷热着整理链接, 将上传进行到底 \r\n\r\n 整理链接 \r\n\r\n 检查链接 \r\n\r\n 修复链接 \r\n\r\n 骗了个论坛 \r\n\r\n 修改站点内链接 \r\n\r\n 将上传进行到底 \r\n\r\n 上传 \r\n\r\n 7月12日阴修改库元素加入Flash标题 \r\n\r\n 修改库元素并插入Flash \r\n\r\n 7月14日晴我们赢了!! \r\n
\r\n
无封面