
本书通过一个完整的门户网站项目全面系统地介绍了使用HTML+CSS+JavaScript技术来制作静态网站的方法,内容包括网站开发流程和相关岗位职责与要求、HTML+CSS+JavaScript的基本语法、网页客户端开发方法与技巧、网站的部署和运营等。本书以“讲清语法、学以致用”为指导思想,秉承“教、学、做合一”的原则,以“激发学者兴趣”为着眼点,认真组织内容,精心设计案例。书中内容浅显易懂并且实用,不仅仅将笔墨着力于语法讲解上,还通过一个个鲜活、典型的小实例,以及完整的门户网站来贯穿全书,达到学以致用的目的。同时又紧跟HTML5与CSS3的最新发展动态,适应性和实战性较强。
本书适合的读者 本书通过一个整体门户网站项目来讲解HTML、JavaScript和CSS的基本语法,书中每个知识点都有一个鲜活、典型的小实例,并在每章节后面有一个章节为知识综合案例,使学者达到学以致用的目的。本书可作为网页制作初学者的入门教程,同时也可为网站建设的专业人士提供一些参考。 为什么要学习HTML、JavaScript和CSS技术 Internet又称因特网,是全球性的网络,是一种公用信息的载体,这种大众传媒比以往的任何一种通讯媒体都要快,它缩短了人与人之间的距离,而网站就是Internet中信息载体的宿主单元,网站中的网页是人与人交流的主要窗口,因此,作为计算机相关专业的学生,无论是专业的网站设计人员,还是网站爱好者,都应该掌握一定的网站建设与制作技术。 如今建设互联网的各种新技术层出不穷并且日新月异,但有一点是肯定的,不管是采用什么技术设计的网站,用户在客户端通过浏览器打开看到的网页都是静态网页,都是由HTML、JavaScript和CSS技术构成的,所以如果您想从事网页设计或从事网站管理相关工作,就必须学习HTML、JavaScript和CSS技术,哪怕只是简单地了解,因为HTML、JavaScript和CSS技术是网页制作技术的基础和核心。 本书特色 (1)针对性、适用性强。 本书的编者都有10年以上软件开发教学经验,3年以上软件企业项目开发与管理企业经验,教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的,重点讲解HTML、JavaScript和CSS网站客户端技术。 在本书的编写中,本着“学生会学,教师好教,企业需要”的原则,注意理论与实践的一体化,并注重实用性,每个知识点的介绍采用理论介绍、案例源代码、运行效果和源代码解释4个步骤完成,每章节有一个综合案例,综合案例针对软件企业项目开发过程来讲解,步骤为提出问题,分析问题,一步步解决问题,适用性非常强。并且为了学生扩展能力的培养,每章节中安排了学生任务扩展的项目实训。 (2)精心设计,理论与案例实训完美结合。 本书以HTML语言、JavaScript脚本、CSS样式三方面的知识,将教材分为15章,每章节的讲解都是先讲解理论知识,再介绍小案例,最后以完整网站项目贯通详解。 本书不仅仅分章节讲解HTML语言、JavaScript脚本、CSS样式三方面的知识,还试图为读者描绘一幅HTML、CSS、JavaScript的角色图,即HTML、CSS、JavaScript三者在网页制作这个大的生态环境中各自扮演的角色。 其中,HTML是网页制作的主要语言,是页面的基础架构;CSS简称样式表,是目前唯一的网页页面排版样式标准,它能使任何浏览器都听从指令,可开发Internet客户端的应用程序,Javascript是基于对象和事件驱动并具有相对安全性的客户端脚本语言,主要用来给HTML网页添加动态功能,比如响应用户的各种操作,减轻服务器端压力。 设计网站时需要利用相关工具来完成,好的工具能使设计者事半功倍,目前比较流行的网页设计工具是Dreamweaver,利用Dreamweaver进行网页设计在本书中有详细介绍。 设计出来的网站,必须能通过浏览器访问,甚至要能通过Internet来访问,所以网站必须要部署与发布,部署与发布有局域网和Internet发布,并且发布需要熟悉过程和一些网络术语,这在本书中都有详细介绍。 了解了以上内容,可以使读者理清思路,避免盲目学习,不然读者在学习过程中会有盲人摸象的感觉。 致谢 本书的编写过程是一个不断解决问题和完善的过程,在编写的过程中,所有参加教材编写的老师都是尽心尽力,利用宝贵的休息时间来编写的,是他们对本书编写进行了大量的调研,多次审订,并提出宝贵的修改意见,才使得本书得以顺利出版,否则本书不可能形成,在此表示忠心的感谢,同时也感谢书后参考文献的所有作者们,感谢他们的资料给予本书的引导作用。 本书由谢英辉任主编并负责教材总体设计与统稿,胡胜丰、雷军环,彭维捷,刘灿勋任副主编,参与了本书的编写工作和相关资料的整理工作,其中谢英辉负责第1、2、3、13、14、15章的编写,胡胜丰负责第8、9、10、11、12章的编写,雷军环负责第4、5章的编写,彭维捷负责第6章的编写,刘灿勋负责第7章的编写。 本书的结构是一种新的尝试,能否得到同行的认可,能否给教学带来新的感受,都要经过实践的检验。由于作者水平有限,错误之处在所难免,恳请各位读者给予批评和指正。 编 者
第1章 网站部署与发布及设计分析 /1 1.1 网页的基本概念 /1 1.2 网站的发布与测试 /5 1.2.1 在实验室或局域网内部发布HTML页面 /5 1.2.2 在Internet上发布网站 /7 1.3 软件开发流程 /8 1.4 网站开发人员相关岗位职责和要求 /10 1.5 网站开发工具和项目实施 /11 1.6 项目实训:免费域名的注册与空间申请 /12 1.7 综合练习 /12 第2章 HTML页面与框架 /14 2.1 HTML页面文件的整体结构 /15 2.2 HTML文件的标签与语法 /15 2.3 HTML文档编写规范 /16 2.4 利用Dreamweaver进行HTML页面设计 /16 2.4.1 Dreamweaver介绍 /16 2.4.2 Dreamweaver设计页面过程 /19 2.5 项目实训:独立动手制作网页 /21 2.6 认识框架与框架集网页 /21 2.7 典型应用项目范例:利用框架制作设计院门户网站网页 /23 2.8 项目实训:利用框架设计网页 /27 2.9 综合练习 /27 第3章 表格 /29 3.1 表格标签 /29 3.1.1 利用<table>标签布局网站页面 /29 3.1.2 利用<tr>、<th>和<td>标签设计统计数据表格 /30 3.2 格式化表格与单元格 /32 3.2.1 通过设置表格的宽度高度和边框颜色来突出网页主题 /32 3.2.2 设置滚动公告消息的背景颜色与背景图片 /33 3.2.3 设置表格的边框大小和显示方式 /34 3.2.4 数据表格整体位置及单元格数据对齐方式的设置 /35 3.2.5 单元格背景颜色与背景图片的制作 /36 3.3 表格标题制作 /37 3.4 合并单元格 /38 3.5 设置表格的表头、主体与表尾 /39 3.6 表格列的设置 /41 3.7 典型应用项目范例:利用表格布局门户网站页面 /42 3.8 项目实训:大学门户网站首页布局设计 /46 3.9 综合练习 /47 第4章 表单 /48 4.1 认识表单 /48 4.1.1 表单简介 /48 4.1.2 <form>标签 /48 4.2 使用输入标签<input>插入数据控件 /50 4.3 列表标签<select> /53 4.4 文字域标签<textarea> /55 4.5 虚框修饰标签<fieldset><legend> /56 4.6 典型应用项目范例:设计用户注册功能 /57 4.7 文件上传与下载 /60 4.8 项目实训:学生独立完成留言簿功能 /63 4.9 综合练习 /64 第5章 HTML网页格式设置 /65 5.1 HTML网页文字美化 /65 5.1.1 标题字格式 /65 5.1.2 文字修饰 /67 5.1.3 字体设置 /71 5.2 HTML网页段落设置 /73 5.3 HTML网页列表显示 /75 5.3.1 有序列表 /76 5.3.2 无序列表 /77 5.4 HTML网页其他标签 /80 5.4.1 水平线标签<HR> /80 5.4.2 滚动文字标签<MARQUEE> /82 5.4.3 输入空格等特殊符号 /84 5.4.4 插入或删除线标签 /84 5.4.5 设置提示文字 /84 5.4.6 设置跑马灯效果 /85 5.5 典型应用项目范例:网站滚动消息公告设计 /86 5.6 综合练习 /89 第6章 图片与超链接 /90 6.1 网页图片的格式 /90 6.2 插入图片 /91 6.3 设置影像地图 /94 6.3.1 定义影像地图热点 /94 6.3.2 在HTML文件中建立影像地图 /95 6.3.3 建立图像影像关联 /96 6.4 典型应用项目范例:影像地图在门户网站中的应用 /97 6.5 路径的概念 /98 6.5.1 统一资源定位器URL /98 6.5.2 相对路径和绝对路经 /99 6.6 超链接标签<A> /100 6.7 超链接的应用 /101 6.7.1 图片链接 /101 6.7.2 邮箱链接 /102 6.7.3 书签链接 /103 6.7.4 其他相关标签 /104 6.8 典型应用项目范例:超链接在项目中的应用 /105 6.9 综合练习 /107 第7章 网页上的特殊元素与特效 /109 7.1 加入音乐 /109 7.1.1 常见的音乐格式 /110 7.1.2 音乐相关的标签 /111 7.2 加入视频和Flash /113 7.3 元信息标签<META>的应用 /115 7.4 嵌入Java Applet实现烟花特效网页 /118 7.5 嵌入JavaScript实现跑马灯特效网页 /119 7.6 典型应用项目范例:嵌入Flash网页动画 /120 7.7 综合练习 /121 第8章 JavaScript基础语法 /123 8.1 JavaScript概述 /123 8.2 JavaScript的功能 /124 8.3 编写第一个JavaScript程序 /125 8.4 在HTML页面中引入JavaScript的方式 /126 8.4.1 内部引用JavaScript /126 8.4.2 外部引用JavaScript /127 8.4.3 内联引用JavaScript /128 8.5 JavaScript基本语法 /129 8.5.1 JavaScript代码编写格式及规范 /129 8.5.2 JavaScript保留字 /130 8.5.3 基本的输出方法 /130 8.6 JavaScript交互基本方法 /131 8.6.1 显示警告对话框的alert( )方法 /131 8.6.2 显示确认对话框的confirm( )方法 /132 8.6.3 显示提示对话框的prompt( )方法 /133 8.7 基本数据类型、常量和变量 /135 8.7.1 基本数据类型 /135 8.7.2 常量 /135 8.7.3 变量 /136 8.7.4 变量的声明及作用域 /136 8.8 表达式和运算符 /137 8.8.1 表达式 /137 8.8.2 算术运算符和赋值运算符 /138 8.8.3 比较运算符和逻辑运算符 /141 8.8.4 位运算符和条件运算符 /143 8.8.5 其他运算符 /144 8.8.6 运算符的优先级 /147 8.9 典型应用项目范例:在网页上显示系统日期时间 /148 8.10 项目实训:根据半径的值求圆的周长、面积和体积 /149 8.11 综合练习 /149 第9章 JavaScript程序控制语句 /150 9.1 顺序控制语句 /150 9.2 分支控制语句 /152 9.2.1 if语句 /152 9.2.2 if...else语句 /153 9.2.3 switch语句 /155 9.3 循环控制语句 /157 9.3.1 while语句 /157 9.3.2 do…while语句 /158 9.3.3 for 语句 /159 9.3.4 for…in语句 /161 9.3.5 break和continue语句 /163 9.4 典型应用项目范例:网页分时问候 /163 9.5 项目实训:将成绩分数按4个等级输出结果 /165 9.6 综合练习 /165 第10章 JavaScript函数与对象 /166 10.1 函数概述 /166 10.2 JavaScript内置函数 /167 10.3 自定义函数 /181 10.4 典型应用项目范例:在网页上实现日期验证 /183 10.5 内置对象 /186 10.5.1 浏览器信息对象(navigator) /186 10.5.2 窗口对象(window) /188 10.5.3 屏幕对象(screen) /191 10.5.4 历史记录对象(history) /191 10.5.5 文档对象(document) /191 10.6 JavaScript操作页面中标签元素与属性 /192 10.6.1 页面标签对象的引用 /192 10.6.2 HTML文档中控件对象的属性 /195 10.6.3 表单及其控件的访问 /196 10.7 典型应用项目范例:弹出“用户登记”新窗口 /197 10.8 综合练习 /199 第11章 JavaScript事件触发与响应处理 /200 11.1 事件触发与响应 /200 11.2 常用事件程序编写 /201 11.2.1 click事件 /201 11.2.2 change事件 /202 11.2.3 select事件 /202 11.2.4 focus事件 /203 11.2.5 load事件 /204 11.2.6 鼠标移动事件 /205 11.2.7 onblur事件 /207 11.3 其他常用事件 /208 11.4 典型应用项目范例:Web页面打印 /210 11.5 综合练习 /212 第12章 JavaScript应用实例 /213 12.1 状态栏跑马灯 /213 12.2 禁止使用鼠标右键 /214 12.3 随机播放背景音乐 /216 12.4 动态导航菜单 /217 12.5 具有提示效果的超链接 /218 12.6 在网页上实现表单验证 /219 12.7 综合练习 /221 第13章 CSS /222 13.1 CSS文档制作与应用 /222 13.1.1 CSS文档制作 /222 13.1.2 CSS语言在HTML文档中的应用方式 /223 13.2 CSS选择器 /225 13.3 设置CSS样式 /226 13.3.1 设置字体样式 /226 13.3.2 设置文字样式(Text Property) /228 13.3.3 设置背景样式(Background Property) /230 13.3.4 设置区域样式(Box Property) /231 13.3.5 设置分类样式(Classification Property) /233 13.4 典型应用项目范例:门户网站菜单列表的设计 /234 13.5 定位效果制作 /241 13.5.1 利用层制作图层叠加特殊效果 /241 13.5.2 制作图片透明效果 /242 13.5.3 鼠标指针变换 /243 13.6 综合练习 /243 第14章 认识HTML5 /245 14.1 HTML5语法的改变 /245 14.1.1 HTML5中的标记方法 /245 14.1.2 HTML5与早期版本HTML的兼容性 /246 14.2 新增的和废除的元素 /247 14.3 新增的和废除的属性 /249 14.4 全局属性 /251 14.5 典型应用项目范例:HTML5离线访问功能的实现 /253 14.6 综合练习 /256 第15章 认识CSS3 /257 15.1 概要介绍 /257 15.1.1 CSS3新特性 /257 15.1.2 CSS的发展历史 /259 15.2 CSS3的功能 /259 15.2.1 模块与模块化结构 /259 15.2.2 CSS3自动拉伸背景图片新功能应用 /260 15.3 典型应用项目范例:CSS3文字特殊效果制作 /262 15.4 综合练习 /263 附录A /265 参考文献 /270
http://www.hxedu.com.cn/hxedu/fg/book/bookinfo.html?code=G0219940