网页设计与制作:基于计算思维序言
时间:2023-07-07 22:39:01 | 来源:营销百科
时间:2023-07-07 22:39:01 来源:营销百科
网页设计与制作:基于计算思维序言:前 言
随着信息技术的不断发展,互联网已经成为当前传播信息的重要途径。越来越多的网站出现在互联网上,网站开发及网页设计与制作技术受到人们越来越多的关注。随着万维网联盟W3C的建立以及Web标准的制定,HTML、CSS以及JavaScript成为网页设计中最重要的三个组成部分,这就需要网页设计人员更加全面地了解相关的知识。网页设计与制作是一门综合性的学科,它涉及心理学、美学、工程科学、程序设计等诸多方面,计算思维成为这一过程中人们必须具备的基础性思维方式,用来指导相关知识的学习。
本书主要内容
本书主要围绕HTML、CSS和JavaScript来介绍网页设计过程中的相关知识和应用,并结合网页设计软件Dreamweaver的使用来讲解网页设计过程的具体操作。在每个知识环节,都穿插了大量的实例来对知识点进行剖析和讲解,使得读者能够在学习这一部分内容后,对其本质有更深入的了解,从而能够在实际的网页设计过程中加以运用。
第1章介绍网页制作的基础知识,包括网站的分类、网页的基本构成元素、与网页相关的基本概念,并介绍网站制作的基本流程以及与网页设计相关工具。
第2章介绍HTML语言的基本语法和基本结构,包括标题、段落、文字格式、列表等元素的学习。
第3章介绍CSS的基本概念、CSS选择器、在网页中应用CSS等相关知识,并详细介绍通过CSS对文字和段落进行样式的控制。
第4章介绍有关网页颜色、图像和多媒体的基础知识,包括网页中颜色的表示、网页安全色、网页配色,网页中的图像类型、图像在网页中的应用等知识,以及在网页中使用声音、视频等多媒体对象。
第5章介绍表格在网页中的使用,包括表格的基本操作及使用表格进行网页布局的方法。
第6章介绍超链接的基本概念及网页中不同类型的超链接,并介绍通过CSS对超链接的样式进行设置的基本方法。
第7章介绍CSS布局的基本模型——盒模型,对盒模型的组成进行深入讲解,并介绍浮动定位、位置定位等CSS布局的主要定位方式。
第8章介绍CSS布局在网页布局中的实际应用,包括网页的整体布局、网页中的组件布局等,如导航菜单、图文混排、全图排版等,并介绍Dreamweaver软件中Spry页面组件的使用。
第9章介绍Dreamweaver中模板和库项目的概念和作用,并通过实例展示模板和库项目在网页设计过程中如何提高网页制作效率。
第 10 章介绍网页中表单的基本概念及组成表单的不同元素,并通过实例讲解网站访问者与网站之间进行信息交互的方法,还介绍Dreamweaver中可以自动完成验证功能的Spry表单对象。
第11章介绍Dreamweaver中行为的基本概念和一些基本的内置行为,并介绍通过行为给网页中的元素添加动态效果的方法。
第12章介绍JavaScript的基本概念和在网页中的使用,包括JavaScript的基本语法、内置对象等概念,并通过实例讲解通过JavaScript对用户的输入数据进行验证、联动菜单的建立等方法。
第13章介绍JavaScript框架的作用及jQuery框架的基本功能,包括使用jQuery操作网页元素以及基本的网页动画效果的实现,并介绍一些常用的jQuery插件的使用,如图像幻灯片插件、内容切换插件等。
第14章介绍网站的测试、发布和维护的基本概念和方法,包括通过Dreamweaver测试网页在不同浏览器下的兼容性、是否有无效的超链接、对网页文件进行清理操作等。
第15章通过一个综合案例,介绍网页从原型设计到页面效果图设计,再到网页设计的一系列过程,完整体现网页编写的真实过程。
第16章介绍内容管理系统CMS的基本概念,并结合Joomla这一CMS系统,介绍通过CMS建立网站的基本过程,包括站点的搭建、分类管理、菜单管理、文章管理等基本操作。
在本书的附录中,介绍HTML的常用标签、CSS的常用属性,以及与网页设计相关的Dreamweaver、Firebug插件等软件的基本使用方法。
本书提供案例相关文件、部分习题答案及电子课件,可登录华信教育资源网注册后下载。
本书主要特色
1.基于计算思维的原理和概念的讲解
在基本概念的讲解上,通过计算思维方法的引入和图示化的讲解,以简单明了的方式讲述基本概念的原理,使读者可以快速地了解并掌握。
2.CSS布局原理的深入讲解
CSS布局是一种不同于传统表格布局的基于Web标准的网页布局方式。本书通过对CSS布局的基本原理和不同布局方式的深入讲解,展示CSS布局的基本方法和不同布局方式之间的区别。
3.网页组件的模块式讲解
本书详细讲解网页整体及各组成部分的实现过程,如水平导航和垂直导航、列表、图文混排、Spry菜单栏、Spry选项卡式面板等。读者可以通过掌握基本的网页组件,快速地设计出不同类型的网页。
4.大量的实用案例
本书提供大量的实用案例,除各章中讲解原理的基础案例和具有逼真效果的真实案例外,还包括一个从设计阶段开始到全部完成的网站综合案例,使读者可以通过案例了解网页设计的基本原理,并掌握在实际工作中网页设计的流程。
本书使用对象
本书适合作为高等院校网页设计与制作课程的教学用书,也可以作为网页设计工作人员的参考用书。
本书由王海波、张伟娜、王兆华编着。第1、2、3、7、8、13、15、16章由王海波编写,第4、5、6章由王兆华编写,第9、10、11、12、14章由张伟娜编写,刘立新主审。
由于编者水平有限,书中难免有不妥之处,敬请读者批评指正。
作 者