网页设计与网站建设从新手到高手
2013-1
倪宝童、吴东伟、 等 清华大学出版社 (2013-01出版)
无
《网页设计与网站建设从新手到高手(双色印刷)》内容共分20章,前16章详细介绍网页制作的基础知识,如网站规划和网页设计、Photoshop处理网页图像、设计网页界面以及Flash制作网页动画、Dreamweaver设计网页文本、图像、链接和多媒体等元素的方法;使用XHTML、CSS以及JavaScript等Web标准化技术制作网页,以及应用网页行为、表单、框架和模板的技术。第17~20章综合应用了以上这些知识,设计并制作了4个完整的实例。《网页设计与网站建设从新手到高手(双色印刷)》配书光盘提供了书中实例完整素材文件和配音教学视频文件。
第1章网页设计基础 1.1网页界面构成 1.2网页版块结构 1.3网站整体策划 1.4网页色彩基础 1.5dreamweaver CS5简介 1.6photoshop CS5简介 1.7flash CS5简介 1.8网页设计理念 1.9高手答疑 第2章网页图像设计 2.1网页图像类型 2.2选择区域 2.3图层编辑 2.4编辑文本 2.5练习:设计化妆品广告网幅 2.6练习:设计个人博客网页界面 2.7高手答疑 第3章网页界面设计 3.1网页界面概述 3.2应用蒙版 3.3应用滤镜 3.4切片工具 3.5导出切片网页 3.6练习:设计网站进入页界面 3.7练习:制作网页切片 3.8高手答疑 第4章flash动画设计 4.1网页动画类型 4.2导入动画素材 4.3管理库资源 4.4绘制动画图形 4.5填充颜色 4.6处理动画文本 4.7练习:制作古诗鉴赏界面 4.8练习:制作动画banner 4.9练习:制作圣诞贺卡 4.10高手答疑 第5章补间动画设计 5.1创建补间动画 5.2引导动画 5.3遮罩动画 5.4逐帧动画 5.5补间形状动画 5.6传统补间动画 5.7flash滤镜效果 5.8动画预设 5.9练习:制作网站进入动画 5.10练习:制作动画导航条 5.11高手答疑 第6章添加网页中的文本 6.1建立站点 6.2网页文本概述 6.3插入文本 6.4插入特殊符号 6.5插入水平线和日期 6.6网页中的段落 6.7项目列表 6.8练习:制作企业介绍网页 6.9练习:设计人物介绍网页 6.10高手答疑 第7章添加网页图像元素 7.1插入图像 7.2插入鼠标经过图像 7.3插入导航条 7.4插入fireworkshtml 7.5插入photoshop图像 7.6设置网页图像属性 7.7练习:制作相册展示网页 7.8练习:制作图像导航条 7.9练习:制作新闻图片网页 7.10高手答疑 第8章网页中的链接 8.1超级链接类型 8.2插入文本链接 8.3插入图像链接 8.4插入邮件链接 8.5插入锚记链接 8.6绘制热点区域 8.7编辑热点区域 8.8练习:制作木森壁纸酷网站 8.9练习:制作百科网页 8.10练习:制作销售网络页 8.11高手答疑 第9章设计多媒体网页 9.1插入flash动画 9.2插入flv视频 9.3插入flashpaper 9.4插入shockwave视频 9.5插入javaapplet程序 9.6插入activex控件 9.7插入插件 9.8练习:制作导航条版块 9.9练习:制作音乐播放网页 9.10练习:制作视频网页 9.11高手答疑 第10章设计数据表格 10.1创建表格 10.2设置表格属性 10.3编辑表格 10.4spry框架 10.5练习:制作购物车页 10.6练习:制作产品展示页 10.7高手答疑 第11章xhtml标记语言 11.1xtml概述 11.2xtml基本语法 11.3xhtml元素分类 11.4xhtml常用元素 11.5练习:制作小说阅读页面 11.6练习:制作友情链接页面 11.7练习:制作全景图像欣赏页 11.8高手答疑 第12章设计网页元素样式 12.1css概述 12.2css样式分类 12.3css基本语法 12.4css选择器 12.5css选择方法 12.6使用css样式表 12.7编辑css规则 12.8练习:制作企业介绍页面 12.9练习:制作多彩时尚网 12.10高手答疑 第13章web2.0布局方式 13.1css盒模型 13.2流动定位方式 13.3绝对定位方式 13.4浮动定位方式 13.5练习:制作家居网页 13.6练习:制作商品列表 13.7高手答疑 第14章网页交互应用 14.1网页行为概述 14.2交换图像 14.3弹出信息 14.4打开浏览器窗口 14.5拖动ap元素 14.6改变属性 14.7显示—隐藏元素 14.8设置文本 14.9练习:制作拼图游戏 14.10练习:制作企业首页 14.11高手答疑 第15章交互页面设计 15.1插入表单 15.2插入文本字段 15.3插入按钮 15.4插入列表/菜单 15.5插入单选按钮 15.6插入复选框 15.7spry表单验证 15.8练习:制作问卷调查表 15.9练习:制作会员注册页面 15.10练习:制作留言板 15.11高手答疑 第16章网页框架应用 16.1创建框架集 16.2选择框架和框架集 16.3设置框架集属性 16.4设置框架属性 16.5保存框架和框架集文件 16.6设置框架链接 16.7框架标签 16.8练习:制作天讯内容管理系统页面 16.9练习:制作儿童动画页面 16.10高手答疑 第17章综合实例:设计新闻网页 17.1设计分析 17.2设计新闻网页界面 17.3制作新闻网页页面 17.4实现网页简单交互 第18章综合实例:设计旅游文化网站 18.1设计旅游网页界面 18.2设计旅游网站内容页面 18.3制作旅游网站子页 第19章综合实例:设计宾馆flash网站 19.1设计网站开头动画 19.2设计网站首页动画 19.3设计网站子页动画 第20章综合实例:设计企业网站 20.1设计分析 20.2设计企业网站界面 20.3制作企业网站模板 20.4制作企业网站页面
版权页: 插图: 本章将通过Photoshop和Dreamweaver,设计并制作一个新闻网站首页的前台页面。 本节将对整个页面的构图方式、色彩进行分析,介绍如何实现上中下式及混合式布局的网页。同时,还将介绍网站中的图像设计和交互设计等理念,完善前台页面。 在设计新闻网页之前,首先应分析整个新闻网页的结构,根据网页的结构确定采用的布局方式。通常新闻网页都会包括网站的Logo、导航条、搜索引擎、图像新闻展示栏目、头条新闻栏目、子新闻栏目以及版尾等部分。一个页面中会包含多个子新闻栏目。 按照多数网站设计师的习惯做法,应将Logo和导航条、搜索引擎等重要的栏目放置在网站的顶端,最醒目的位置,为网站的用户提供方便。 多数新闻网站都会提供图像新闻展示栏目和头条新闻栏目。 这些栏目将是吸引用户阅读网站内容的焦点,因此也应放置在显著的位置。例如在网站的导航条下方等。 对于网站中并列的新闻子栏目,则可将其受关注的程度作为排列的顺序,分别排放在头条栏目和图像新闻展示栏目的下方。 在选择新闻栏目排列方式时应因地制宜。如果网站中新闻标题较长,则可使用双栏排列,并可增加一个侧栏以弥补空缺。如果网站中新闻标题较短,则可实行3栏并排方式。 例如,本例就将使用3栏并排的方式显示新闻的栏目。 网页的版尾设计需要与网页的头部各栏目相呼应。在本例中,使用的是较高的网页头部栏目,因此相应地,版尾的高度也不能过低。 网页头部栏目中,左侧为Logo,右侧为搜索引擎栏,因此在网页的版尾中,既可以将Logo放在右侧,版权信息内容等放在左侧,追求别致的效果。也可以将Logo放在左侧,版权信息内容等放在右侧,追求网页头部与版尾的一致性。 2.色彩分析 新闻类网页通常需要设计得朴素、大方,因此在配色方面较少追求一些花巧、鲜艳的颜色,以防止这些颜色过于明显,分散用户对网页中文本的吸引力。 常见的新闻类网站以灰色、浅蓝色和深蓝色等主色调居多,例如,新华网、人民网等。灰色、浅蓝色和深蓝色等色调可以使浏览者感到理智与平静。 少数新闻网站会使用黑白红等搭配,也可凸显庄重、肃穆等风格。除此之外,还有些新闻网站采用黑白搭配,给人以严肃,刻板的感觉。 本例将选择浅蓝色和蓝灰色作为网站的主体色调,并点缀以桔黄色,既显大气,又不失别致。
《网页设计与网站建设从新手到高手(双色印刷)》由浅入深地介绍了使用Dreamweaver CS5、Flash CS5以及Photoshop CS5等软件进行网站设计和网页制作的方法。《网页设计与网站建设从新手到高手(双色印刷)》适合作为网站设计与网页制作的参考资料和培训教材,也可以作为高职高专院校的教材等。
无
说的比较详细,但是代码部分说得很少
书上的图片和文字说明太简单了吧?而且没有案例的素材,怎么一步一步模仿着做。
比想象的纸张要好点点