简介
说到网站建设,很多朋友仍然不知道网站“设计”和“制作”的概念;忽视前期策划的重要性……其实建设网站的思路比技术和内容更重要,如果你想建设一个专业的网站。
本作品以日记的形式用30天的时间制作、发布、推广一个网站——www.CrazyTribe.net。
分为5部分:网站赏析、网站策划、网站设计、网站制作、网站推广等。跟着本作品的操作,您将随着网络专业人士获取前所未有的成就感!通过精心安排的步骤,您将轻松掌握Dreanweaver、Fireworks、Flash、HTML、JavaScript、CSS、PhotoShop、EditPlus、CuteFTP等工具的使用和高级技术,更重要的是可以体会到网站建设的整套思路流程。本作品语言风趣幽默阅读轻松流畅,字里行间充斥着业界高手的续密思路,一定会给你带来与众不同的感受!
本作品两位作者:Weber是某知名网站的技术主管,自己有两个网站;章良是某知名网站的设计总监,自己有个设计类网站,对页面设计的把握相当有一手。另外在本作品的创作、出版过程中得到了众多个人网站站长的大力支持,是本完完全全的网人作品。
本作品以实例为中心,“以赛代练”是本作品的特点。最适合帮助初学者轻松跨越技术门槛;专业网站设计师的参考;网站美工的制作参考书和页面设计参考。本版CD含IE 5.5和程序源代码。
目录
世上本来有很多路,走的人多了,也便没了路?
个人网站的历史可以追溯到1995年,杨致远伙同几个哈佛大的辍学同学弄了个个人网站yahoo!没几年就发了......
6月12日阴我要做网站
思索
背景
个人网站的门槛越来越低
前辈的扶持
有一点动心
决定
6月13日明定位我的个人网站
个人网站的历史
个人网站的分类
展示个人
提供服务
模糊型
定位狂人部落
战前总动员——网站策划
为什么偷袭珍珠港能成为偷袭战术的经典案例,其实就是因为前期制订了一个无比周密的策划......
6月14日 阴网站策划
网站项目的可行性分析
. 确定网站的面向对象
阅定网站的内容以及栏目结构
内容
栏目
制订网站开发进度表
6月15日晴申请域名、搞定空间
域名的重要性及命名规则
域名后缀
注册
6月17日阴统一网页思想
师夷长技以制夷
6月18日 阴雨确定网站中文名和1ogo
网站命名
网站标志
6月19日阴颜色和框架
页面色彩
网站主色调
辅助色
色彩的统一
布局
出手——设计!
层是什么?层就是photoshop!photoshop是什么?你去s吧......
6月21日阴雨绵绵其实不是了
狂人部落
新狂人、新形象! new crgzier,grogt face!
6月22日 阴 用potoshop 6.0设计框架
建立设计稿文件
建立设计稿文件
绘制标题部分框架
画选择区
改为圆角
填充颜色
使用上面选好的颜色绘制轮廓
绘制下半部分
添加层
绘制选择区
添加边框
添加网格背景
在新建层中绘制一条直线
生成网格
绘制版权信息部分
绘制版权信息部分
6月23日阴photoshop 6.0完善首页设计稿
添加logo
将网站logo加入框架图片
设计会员注册区
搭建会员注册区框架
为会员注册部分添加内容
制作导航栏
输入栏目文字
处理导航栏背景
添加导航栏标题按钮
合并图层
复制栏目标题条
补充导航条“狂人日记”标题
将狂人日记加入原导航条
添加内容部分
存为web图片
测试图片
再出手——制作!
缜密思路遍布字里行间,如水银泻地般轻松掌握fieworks 4.0之精髓,切碎网页设计图犹如庖丁解牛........
dreamweaver 4.0光速入门:界面、操作、库、模板、行为、滤镜一览有余
6月24日阴用firworks4。o切、切、切
确定设计稿的切割方案
切割设计稿
添加辅助线
切割标题部分
切割会员注册部分
切割导航栏及内容部分
导出图片
优化并导出图片
6月25日晴在dreamweaver 4.0中建立站点——雄起!
建立站点
6月26日晴制作标题及会员登录部分
制作首页文档
制作标题部分
计算切片宽度
在dreamweaver 4.0中插入表格
插入图片
建立库元系
制作会员登陆部分
插入会员登录部分表格
登意图片宽度
插入右面两个图片
搭建会员注册单元
制作透明图
完善会员登录单元
会员登录单元返工,惨兮兮
6月27日阴有短时小雨制作导航栏
制作主体部分框架
制作导航栏
将导航栏部分的图片进行透明处理
6月28日阴制作首页主体部分的栏目介绍单元
平铺背景
建立切片
创建“网页制作基础”表格
加入背景图片
制作其余两个栏目
添加“版权声明”和“关于我们”
制作版权信息部分
6月29日阴利用jvavscript制作右键菜单及滚动字幕制作右键菜单
写javascript制作右键菜单
创建右键菜单的js文件
在dreamweaver中插入javascript代码
制作状态栏滚动字幕
制作状态栏滚动字幕
6月30日热死了使用dreamweaver行为创建翻转图片
在fireworks中创建供翻转图片
在dreamweaver中使用behaviors(行为)创建翻转图片
7月1日阴没有雨我不得不换个域名!
7月2日阴设置网站邮箱
增加新邮箱
在outlook express中增加webmaster的帐号
测试新邮箱
设置邮箱别名
使用代理/邮件服务器收发邮件
7月3日阴上传喽!
上传首页
设置ftp帐号
设置cuteptp的过滤器
设置cuteftp防火墙和socks端口
从我的网站上下载文件
cuteftp中的mp3搜索
7月4日阴登录搜索引擎
手工登录搜索引擎
将狂人部落登录到搜狐
使用登录软件登录搜索引擎
安装“登录奇兵”
使用登录奇兵登录搜索引擎
7月5日阴制作栏目模板
切割栏目页面设计稿
建立栏目页面
设定模板页面的样式表
保存模板并设定可编辑区域
7月6日还是阴制作文章内容模板
制作框架
添加样式
添加可编辑区
7月7日还是阴制作在线日记页面
测试chronleless 3.0脚本
分析源代码
制作在线日记的页面
在首页上加入chromeless的脚本
完善在线日记
7月8日 热 利用模板制作栏目页面和文章内容页面
利用模板制作文章内容页面
利用模板制作栏目页“macromeda专区”
制作相关下载页面
添加浮动提示框
测试一下
制作“版权声明”以及“关乐我们页面
7月9日热运用css的dropshadow滤镜添加字体阴影效果
在dreamweaver中运用css中的dropshadow滤镜
武装到牙齿——完善我们的网站
拆穿dhtml的西洋镜
学flash需要理由吗?不需要吗?需要吗?不需要!!!
全球经典flash网站阅兵式......
7月9日晴有阵雨使用flash需要理由吗?
7月10日晴有阵雨制作flash标题
建立flash框架
新建文件
导入图像
定义图形符号
在控制区域中调整背景
制作头像动画
生成四边形
在四边形框内做闪烁效果
制作另外几组矩形框闪现效果
在四边形框中加入人物头像
制作头像的渐变效果
将动画加入到主场景
制作按钮
新建按钮图形符号
将按钮添加到场景
创建蒙板层
制作蒙板
在文字层添加文字
为蒙板层关键帧添加标记
7月11日阴并闷热着使用f1ash 5.0的aetions加入鼠标响应事件
添加其他按钮的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日晴我们赢了!!
个人网站的历史可以追溯到1995年,杨致远伙同几个哈佛大的辍学同学弄了个个人网站yahoo!没几年就发了......
6月12日阴我要做网站
思索
背景
个人网站的门槛越来越低
前辈的扶持
有一点动心
决定
6月13日明定位我的个人网站
个人网站的历史
个人网站的分类
展示个人
提供服务
模糊型
定位狂人部落
战前总动员——网站策划
为什么偷袭珍珠港能成为偷袭战术的经典案例,其实就是因为前期制订了一个无比周密的策划......
6月14日 阴网站策划
网站项目的可行性分析
. 确定网站的面向对象
阅定网站的内容以及栏目结构
内容
栏目
制订网站开发进度表
6月15日晴申请域名、搞定空间
域名的重要性及命名规则
域名后缀
注册
6月17日阴统一网页思想
师夷长技以制夷
6月18日 阴雨确定网站中文名和1ogo
网站命名
网站标志
6月19日阴颜色和框架
页面色彩
网站主色调
辅助色
色彩的统一
布局
出手——设计!
层是什么?层就是photoshop!photoshop是什么?你去s吧......
6月21日阴雨绵绵其实不是了
狂人部落
新狂人、新形象! new crgzier,grogt face!
6月22日 阴 用potoshop 6.0设计框架
建立设计稿文件
建立设计稿文件
绘制标题部分框架
画选择区
改为圆角
填充颜色
使用上面选好的颜色绘制轮廓
绘制下半部分
添加层
绘制选择区
添加边框
添加网格背景
在新建层中绘制一条直线
生成网格
绘制版权信息部分
绘制版权信息部分
6月23日阴photoshop 6.0完善首页设计稿
添加logo
将网站logo加入框架图片
设计会员注册区
搭建会员注册区框架
为会员注册部分添加内容
制作导航栏
输入栏目文字
处理导航栏背景
添加导航栏标题按钮
合并图层
复制栏目标题条
补充导航条“狂人日记”标题
将狂人日记加入原导航条
添加内容部分
存为web图片
测试图片
再出手——制作!
缜密思路遍布字里行间,如水银泻地般轻松掌握fieworks 4.0之精髓,切碎网页设计图犹如庖丁解牛........
dreamweaver 4.0光速入门:界面、操作、库、模板、行为、滤镜一览有余
6月24日阴用firworks4。o切、切、切
确定设计稿的切割方案
切割设计稿
添加辅助线
切割标题部分
切割会员注册部分
切割导航栏及内容部分
导出图片
优化并导出图片
6月25日晴在dreamweaver 4.0中建立站点——雄起!
建立站点
6月26日晴制作标题及会员登录部分
制作首页文档
制作标题部分
计算切片宽度
在dreamweaver 4.0中插入表格
插入图片
建立库元系
制作会员登陆部分
插入会员登录部分表格
登意图片宽度
插入右面两个图片
搭建会员注册单元
制作透明图
完善会员登录单元
会员登录单元返工,惨兮兮
6月27日阴有短时小雨制作导航栏
制作主体部分框架
制作导航栏
将导航栏部分的图片进行透明处理
6月28日阴制作首页主体部分的栏目介绍单元
平铺背景
建立切片
创建“网页制作基础”表格
加入背景图片
制作其余两个栏目
添加“版权声明”和“关于我们”
制作版权信息部分
6月29日阴利用jvavscript制作右键菜单及滚动字幕制作右键菜单
写javascript制作右键菜单
创建右键菜单的js文件
在dreamweaver中插入javascript代码
制作状态栏滚动字幕
制作状态栏滚动字幕
6月30日热死了使用dreamweaver行为创建翻转图片
在fireworks中创建供翻转图片
在dreamweaver中使用behaviors(行为)创建翻转图片
7月1日阴没有雨我不得不换个域名!
7月2日阴设置网站邮箱
增加新邮箱
在outlook express中增加webmaster的帐号
测试新邮箱
设置邮箱别名
使用代理/邮件服务器收发邮件
7月3日阴上传喽!
上传首页
设置ftp帐号
设置cuteptp的过滤器
设置cuteftp防火墙和socks端口
从我的网站上下载文件
cuteftp中的mp3搜索
7月4日阴登录搜索引擎
手工登录搜索引擎
将狂人部落登录到搜狐
使用登录软件登录搜索引擎
安装“登录奇兵”
使用登录奇兵登录搜索引擎
7月5日阴制作栏目模板
切割栏目页面设计稿
建立栏目页面
设定模板页面的样式表
保存模板并设定可编辑区域
7月6日还是阴制作文章内容模板
制作框架
添加样式
添加可编辑区
7月7日还是阴制作在线日记页面
测试chronleless 3.0脚本
分析源代码
制作在线日记的页面
在首页上加入chromeless的脚本
完善在线日记
7月8日 热 利用模板制作栏目页面和文章内容页面
利用模板制作文章内容页面
利用模板制作栏目页“macromeda专区”
制作相关下载页面
添加浮动提示框
测试一下
制作“版权声明”以及“关乐我们页面
7月9日热运用css的dropshadow滤镜添加字体阴影效果
在dreamweaver中运用css中的dropshadow滤镜
武装到牙齿——完善我们的网站
拆穿dhtml的西洋镜
学flash需要理由吗?不需要吗?需要吗?不需要!!!
全球经典flash网站阅兵式......
7月9日晴有阵雨使用flash需要理由吗?
7月10日晴有阵雨制作flash标题
建立flash框架
新建文件
导入图像
定义图形符号
在控制区域中调整背景
制作头像动画
生成四边形
在四边形框内做闪烁效果
制作另外几组矩形框闪现效果
在四边形框中加入人物头像
制作头像的渐变效果
将动画加入到主场景
制作按钮
新建按钮图形符号
将按钮添加到场景
创建蒙板层
制作蒙板
在文字层添加文字
为蒙板层关键帧添加标记
7月11日阴并闷热着使用f1ash 5.0的aetions加入鼠标响应事件
添加其他按钮的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日晴我们赢了!!
WINDOWS NT中文版实战演练[电子资源]
光盘服务联系方式: 020-38250260 客服QQ:4006604884
云图客服:
用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
Video Player
×
Audio Player
×
pdf Player
×
亲爱的云图用户,
光盘内的文件都可以直接点击浏览哦
无需下载,在线查阅资料!