30天网站建设全程实录
2012-4
李晓斌 清华大学出版社 (2012-04出版)
李晓斌
386
无
《30天网站建设全程实录》以网页设计师的日常工作为背景,通过30天的设计制作讲解了一个网站从策划到上传的完整过程,以实例的形式具体讲解了网页设计师在面对一个网站设计任务时所要做的日常设计工作,并在其中穿插讲解了网页设计制作的各方面知识,全面解析了一位成功的网页设计师需要具备的技能和素质。在精辟讲解实例的同时,作者介绍了自己长期工作实践中的一些经验和技巧,旨在帮助读者形成独特的设计理念并掌握丰富的网页设计技巧。相信通过阅读本书,只要灵活运用本书所介绍的内容和技巧,即可以向资深网页设计师迈进一大步。 《30天网站建设全程实录》配套的光盘中提供了实例源文件和教学视频,方便读者参考和学习。全书内容叙述清晰、全面,是为网页设计师量身定制的专业书籍,适用于想成为网页设计师的广大读者。 随着互联网的快速发展,网页设计已经成为一个热门的行业。这个行业涵盖了网络技术、多媒体技术以及界面设计艺术等诸多内容。
决定 3月1日 我要做网站 策划 3月2日 定位及策划网站 网站需求分析 游戏网站的分类 网站的设计原则 网站的表现形式 网站的开发流程 项目的可行性分析 确定网站的面向对象 网站的内容及栏目结构 制定网站开发进度表 3月3日 申请域名和空间 域名的重要性及命名规则 域名后缀 注册 申请空间 3月4日 网页设计中的配色 网页色彩的表现原理 网页安全色 色彩的联想作用和心理效果 网页配色的基本方法 本网站的配色 网站布局 设计 3月5日 确定网站Logo 网站Logo 使用Photoshop制作网站Logo 3月6日 使用Photoshop设计网站按钮 新建文档 绘制椭圆和高光 输入文字、添加图层样式 3月7日 使用Photoshop设计网站导航 绘制圆角矩形 添加图层样式 输入导航栏文字 处理导航背景 添加导航其他背景 3月8日 使用Photoshop设计网站页面 绘制网站顶部导航 导入Logo、按钮和导航条 绘制会员登录部分 绘制游戏公告和游戏心得部分 绘制游戏视频和按钮部分 绘制排行榜部分 绘制页面版底信息部分 3月9日 用Photoshop切、切、切 分析页面布局结构 添加辅助线 切割页面素材图像 制作 3月10日 Dreamweaver光速入门 Dreamweaver的概述 Dreamweaver的配置要求 Dreamweaver的安装 Dreamweaver的界面组成 3月11日 用Dreamweaver建立站点 创建本地站点 站点的高级设置 3月12日 设置网站标题及基本信息 新建页面 设置页面标题 设置页面头信息 设置网页基本属性 3月13日 制作网站导航栏 在Dreamweaver中制作顶部导航 制作Flash按钮 制作Flash导航栏 插入Flash动画 3月14日 网站导航制作进阶 插入图像占位符 插入鼠标经过图像 插入Fireworks HTML 3月15日 制作页面整体框架 DIV的嵌套 CSS的布局 3月16日 表格布局方法 插入表格 表格属性 选择表格和单元格 拆分单元格 插入行或列 排序表格 导入表格数据 导出表格数据 3月17日 制作会员登录 3月18日 网站中文本要素 插入特殊字符 插入列表 插入日期 插入水平线 插入注释 简单的图文混排效果 3月19日 CSS样式表的应用 使用CSS样式表美化 CSS样式表的类型 CSS样式表的基本写法 创建内部样式表 创建外部样式表文件 链接外部样式表 CSS中的单位和值 CSS定义颜色值 群选择符 派生选择符 id选择符 类别选择符 3月20日 制作网站注册页面 制作网站注册页面主体框架 制作注册框 制作会员注册表单 制作版底信息 3月21日 制作首页主体部分内容 3月22日 运用DIV+CSS制作网站页面 Web标准的历史与发展 Web标准的构成 运用DIV+CSS布局制作网站页面 3月23日 页面中其他多媒体内容的实现 插入Flash动画 插入FLV视频 插入Shockwave动画 插入APPLET 插入ActiveX控件 为网页添加视频 3月24日 AP Div的使用 插入AP Div 实现AP Div的拖动 显示隐藏AP Div 利用AP Div溢出排版 3月25日 使用行为为网页添加特效 添加状态栏文本 添加弹出信息 打开浏览器窗口 检查表单 设置文本域文字 3月26日 为页面制作浮动广告 用Photoshop制作GIF动画 利用JavaScript来实现广告的浮动 3月27日 制作网站二级页面 制作二级页面框架 制作玩家论坛的主要内容 3月28日 制作框架页面 框架的使用 创建和保存框架、框架集 框架和框架集属性设置 框架页面制作 制作顶部 制作底部 3月29日 创建模板并设置网站链接 创建模板页面 创建可编辑区域、可选区域 定义重复区域 创建可编辑的可选区域 创建重复表格 创建基于模板的页面 编辑和使用库 为图像设置链接 为文字设置链接 设置E—mail链接 锚点链接 创建空链接 图像映射 脚本链接 完成 3月30日 网站的上传和搜索 检查浏览器兼容性 检查链接 创建站点报告 在Dreamweaverqb设置远程站点信息 使用Dreamweaver上传网站 使用其他上传工具上传网站 手动登录搜索引擎 使用登录软件登录搜索引擎
版权页: 插图: 网页配色的基本方法 色彩不同的网页给人的感觉会有很大差异,可见网页的配色对于整个网站的重要性。 一般在选择网页色彩的时候,会选择与网页类型相符合的颜色,而且尽量少用几种颜色,调和各种颜色使其有稳定感是最好的。例如,把鲜明的色彩用来作为中心色彩时,以这个颜色为基准,主要使用与它邻近的颜色,使其具有统一性。需要强调的部分可以使用其他别的颜色,或利用几种颜色的对比,这些都是网页配色的基本方法。 1.文本配色 比起图像或图形等布局要素来,文本配色就需要更强的可读性和可识别性。所以文本的配色与背景的对比度等问题就需要多费些脑筋。很显然,如果文字的颜色和背景色有明显的差异,其可读性和可识别性就会很强,这时主要使用的配色是明度的对比配色或者利用补色关系的配色。使用灰色或白色等无彩色背景的可读性高,和别的颜色也容易配色。但如果想使用一些比较有个性的颜色的话,就要注意颜色的对比度IN题。多试验几种颜色,要努力寻找那些熟悉的适合的颜色。 另外,在文本背景下使用图像,如果使用对比度高的图像,那么可识别性就要降低,这种情况下就要考虑降低图像的对比度。 2.网页配色关系 要想在网页中恰当地使用色彩,就要考虑各个要素的特点。背景和文字如果使用近似的颜色,其可识别性就会降低,这是文本字号大小处于某个值时的特征,即各要素的大小如果发生了改变,色彩也需要改变。 标题字号大小如果大于一定值,即使使用与背景相近的颜色对标题的可识别性也不会有太大的妨碍。相反,如果与周围的颜色互为补充,可以给人整体上调和的感觉。如果整体使用较接近的颜色,那么就对想要强调的内容使用补色,这也是配色的一种方法。 配色规则:如果想要把各种各样的颜色有效地调和起来,那么应制定一个规则,再按照它去做会比较好。例如,用同一色系的色彩制作某种要素时,按照种类只变换背景色的明度和饱和度,或者维持一定的明度和饱和度,只变换颜色。利用色彩的三要素——颜色、明度和饱和度来配色会比较容易。 文本配色平衡:在配色中最重要的莫过于整体的平衡。例如,为了强调标题使用对比强烈的图像或色彩,而正文使用它的补色作为强调色,就会使注意力分散,使整体的效果退色,这就是没有很好地考虑整体的平衡而发生的问题。如果标题的背景用较暗的颜色,再用最容易引人注意的白色作为标题的颜色,正文也使用与之相同的颜色,或者标题用很大的字,在很暗的背景下又用白色作为扩张色压倒其他要素,这样画画就会互相冲突而显得很杂乱。
《30天网站建设全程实录》配套的光盘中提供了实例源文件和教学视频,方便读者参考和学习。全书内容叙述清晰、全面,是为网页设计师量身定制的专业书籍,适用于想成为网页设计师的广大读者。
无
面面俱到,印刷也不错,但面面都比较浅
手把手教,确实不错。确实可以做网站,不过其中有关的软件都没有详细教学,只是硬式的去模范罢了。这点不够好,附带光盘挺不错的。