顶部
收藏

网页设计与制作(HTML+CSS+JavaScript)


作者:
张洪斌 刘万辉
定价:
33.00元
ISBN:
978-7-04-037210-6
版面字数:
430.000千字
开本:
16开
全书页数:
303页
装帧形式:
平装
重点项目:
暂无
出版时间:
2013-04-24
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机类专业基础课程

高等职业教育专业教学资源库建设项目是教育部、财政部为深化高等职业教育教学改革,加强专业与课程建设,推动优质教学资源共建共享,提高人才培养质量而启动的国家级高职教育建设项目。软件技术专业(项目编号:2011-1-4)于2011年8月被教育部确定为高等职业教育专业教学资源库年度立项及建设专业。本书是高等职业教育专业教学资源库建设项目“网页设计与制作”课程的配套教材,是按照高职高专软件技术专业人才培养方案的要求,总结近几年国家示范性高职院校软件技术专业教学改革经验编写而成的。

本书采用模块化的编写思路,将HTML语言、CSS样式、JavaScript脚本三方面的学习内容分为Web站点的配置与发布、HTML静态网页设计、HTML高级应用、CSS的应用、JavaScript编程5个教学单元和14个教学任务。

每个单元通过引例陈述引出单元的教学核心内容,明确教学任务。每个任务的编写分为任务陈述、知识准备、任务实施、任务拓展、项目实训5个环节。

本书结构合理,内容丰富,实用性强,可以作为计算机类专业、商务类专业、艺术设计类专业的教学用书,也可以作为相关专业从业人员的自学用书。

本书提供数字课程的学习,欢迎读者登录http://www.cchve.com.cn或http://hve.hep.com.cn获取相关教学资源,进行自主学习及交流活动。具体登录使用方法见书后“郑重声明”页。

  • 单元1 Web站点的配置与发布
    • 引例描述
    • 任务1 配置Web站点
    • 任务陈述
    • 知识准备
      • 1.1 网络基本概念
        • 1.1.1 Internet
        • 1.1.2 WWW服务
        • 1.1.3 域名
        • 1.1.4 IP地址
        • 1.1.5 统一资源定位符
    • 任务实施
      • 1.实施思路与方案
      • 2.安装IIS
      • 3.测试IIS
      • 4.配置Web站点
    • 任务拓展
      • 1.虚拟目录的概念
      • 2.通过虚拟目录搭建站点
    • 项目实训 企业网站的配置
    • 任务2 发布Web站点
    • 任务陈述
    • 知识准备
      • 1.2 网页与网站
        • 1.2.1 网页与网站的相关概念
        • 1.2.2 网页与网站的基本要素
    • 任务实施
      • 1.实施思路与方案
      • 2.使用“记事本”编写一个简单的HTML页
      • 3.用IIS测试、发布Web站点
    • 任务拓展
      • 1.编写HTML文件的注意事项
      • 2.认识Dreamweaver CS5界面
      • 3.使用虚拟实训平台进行测试
      • 4.域名与空间
    • 项目实训 免费域名的注册与空间申请
    • 单元小结
  • 单元2 HTML静态网页设计
    • 引例描述
    • 任务1 文字段落与图片的设置
    • 任务陈述
    • 知识准备
      • 2.1 HTML的基本概念
        • 2.1.1 HTML简介
        • 2.1.2 HTML的结构
        • 2.1.3 HTML的标签
      • 2.2 <html>、<head>与<body>标签
        • 2.2.1 <html>标签
        • 2.2.2 <head>标签
        • 2.2.3 <body>标签
      • 2.3 文字与段落
        • 2.3.1 标题标签<hn>
        • 2.3.2 换行标签<br>
        • 2.3.3 字体标签<font>
        • 2.3.4 段落标签<p>
        • 2.3.5 水平线标签<hr>
      • 2.4 <img>标签
    • 任务实施
      • 1.实施思路与方案
      • 2.HTML的基本结构文档编写
      • 3.个人信息介绍页面的图文混排
      • 4.其他页面HTML代码编写
    • 任务拓展
      • 1.特殊字符
      • 2.使用Dreamweaver创建与保存网页
      • 3.页面属性设置
      • 4.网页的基本排版
    • 项目实训 数字油画艺术作品展示页面编写
    • 任务2 页面布局
    • 任务陈述
    • 知识准备
      • 2.5 列表
        • 2.5.1 无序列表标签<ul>
        • 2.5.2 有序列表标签<ol>
        • 2.5.3 嵌套列表
        • 2.5.4 定义列表标签<dl>、<dt>、<dd>
      • 2.6 表格
        • 2.6.1 定义表格的基本语法
        • 2.6.2 表格标签<table>的属性
        • 2.6.3 表格的标题标签<caption>和表头标签<th>
        • 2.6.4 表格的边框显示状态
        • 2.6.5 设置分隔线的显示状态
        • 2.6.6 表格行的设置
        • 2.6.7 单元格的设置
    • 任务实施
      • 1.实施思路与方案
      • 2.HTML基本文档与表格的编写
      • 3.网站Logo、Banner与版权信息代码的编写
      • 4.列表导航代码的编写
    • 任务拓展
      • 1.表格的嵌套
      • 2.Dreamweaver中表格的控制
    • 项目实训 运用表格嵌套完成个人介绍页面
    • 任务3 超链接的使用
    • 任务陈述
    • 知识准备
      • 2.7 超链接
        • 2.7.1 超链接的概念
        • 2.7.2 超链接标签<a>
        • 2.7.3 链接路径
        • 2.7.4 书签链接
        • 2.7.5 图像的热区链接
    • 任务实施
      • 1.实施思路与方案
      • 2.使用表格布局与设置超链接制作书法作品页面
      • 3.制作其他作品页面
    • 任务拓展
      • 1.外部链接的使用
      • 2.下载文件的制作
    • 项目实训 企业网站主页设计
    • 单元小结
  • 单元3 HTML高级应用
    • 引例描述
    • 任务1 表单页面设计
    • 任务陈述
    • 知识准备
      • 3.1 表单的基本概念
        • 3.1.1 表单简介
        • 3.1.2 表单的定义
      • 3.2 表单元素
        • 3.2.1 添加表单控件
        • 3.2.2 输入类表单控件
        • 3.2.3 菜单列表类表单控件
        • 3.2.4 文本域标签
    • 任务实施
      • 1.实施思路与方案
      • 2.订单信息表单设计
      • 3.作品评价表单设计
    • 任务拓展
      • 1.表单边框的应用
      • 2.使用Dreamweaver进行表单设计
    • 项目实训 注册与留言表单设计
    • 任务2 窗口框架的使用
    • 任务陈述
    • 知识准备
      • 3.3 框架
        • 3.3.1 框架的含义与基本构成
        • 3.3.2 框架集标签<frameset>
        • 3.3.3 子窗口标签<frame>的设定
        • 3.3.4 窗口的名称与链接
    • 任务实施
      • 1.实施思路与方案
      • 2.定义主框架default.html页面
      • 3.定义顶部嵌套top.html页面
      • 4.定义左侧嵌套left.html页面
      • 5.定义右侧展示页面
    • 任务拓展
      • 1.浮动窗口标签<iframe>的应用
      • 2.使用Dreamweaver创建与编辑框架
    • 项目实训 专题学习网站框架设计
    • 任务3 多媒体页面设计
    • 任务陈述
    • 知识准备
      • 3.4 多媒体对象的基本知识
        • 3.4.1 音频媒体的格式
        • 3.4.2 视频媒体的格式
      • 3.5 插入多媒体对象
        • 3.5.1 滚动字幕标签<marquee>
        • 3.5.2 插入多媒体文件<embed>标签
        • 3.5.3 嵌入背景音乐
    • 任务实施
      • 1.实施思路与方案
      • 2.插入背景音乐
      • 3.插入Flash动画
    • 任务拓展
      • 1.认识Flash Swish软件
      • 2.快速制作Flash文本动画
      • 3.使用Dreamweaver插入Flash元素
    • 项目实训 软件界面设计
    • 单元小结
  • 单元4 CSS的应用
    • 引例描述
    • 任务1 CSS的引用
    • 任务陈述
    • 知识准备
      • 4.1 CSS简介
        • 4.1.1 CSS的概念与功能
        • 4.1.2 CSS的特点
      • 4.2 CSS的使用
        • 4.2.1 样式表的规则
        • 4.2.2 选择符的分类
        • 4.2.3 添加CSS的方法
        • 4.2.4 CSS的继承
        • 4.2.5 CSS样式的冲突
        • 4.2.6 CSS的注意事项
    • 任务实施
      • 1.实施思路与方案
      • 2.创建并定义CSS样式表
      • 3.链接样式表
    • 任务拓展
      • 1.类标签与id标签的应用
      • 2.使用伪类定义超链接样式
    • 项目实训 使用样式表美化网页页面
    • 任务2 页面样式设置
    • 任务陈述
    • 知识准备
      • 4.3 字体、颜色、背景与文字属性
        • 4.3.1 设置CSS的字体属性
        • 4.3.2 颜色及背景属性
        • 4.3.3 文本属性
      • 4.4 边距、填充与边框属性
        • 4.4.1 边距与填充属性
        • 4.4.2 边框属性
      • 4.5 列表属性
    • 任务实施
      • 1.实施思路与方案
      • 2.定义CSS样式表
      • 3.编写并调用CSS文件代码
    • 任务拓展
      • 1.滤镜属性的使用
      • 2.光标属性的使用
    • 项目实训 百度搜索页面样式设计
    • 任务3 区块与层的页面布局
    • 任务陈述
    • 知识准备
      • 4.6 CSS布局基础
        • 4.6.1 CSS布局元素类型
        • 4.6.2 盒模型
        • 4.6.3 定位及尺寸属性
      • 4.7 常用布局结构
        • 4.7.1 单行、单列结构
        • 4.7.2 二列式布局结构
        • 4.7.3 三列式布局结构
    • 任务实施
      • 1.实施思路与方案
      • 2.网站头部信息与基础样式的编写
      • 3.主页CSS页面布局
      • 4.个人介绍页面的CSS页面布局
    • 任务拓展
      • 1.CSS导航菜单的制作
      • 2.针对IE浏览器版本的兼容性
    • 项目实训 网站DIV+CSS页面布局
    • 单元小结
  • 单元5 JavaScript编程
    • 引例描述
    • 任务1 下拉菜单的设计
    • 任务陈述
    • 知识准备
      • 5.1 DHTML简介
      • 5.2 JavaScript简介
      • 5.3 JavaScript的特点
      • 5.4 JavaScript常量、变量、数组、运算符和表达式
        • 5.4.1 数据类型与常量
        • 5.4.2 变量的定义
        • 5.4.3 变量的作用域
        • 5.4.4 数组
        • 5.4.5 运算符与表达式
      • 5.5 程序控制结构
        • 5.5.1 分支结构
        • 5.5.2 循环结构
      • 5.6 函数的定义与引用
        • 5.6.1 函数的定义
        • 5.6.2 函数的调用
        • 5.6.3 用户类的定义
      • 5.7 浏览器内置对象的使用
        • 5.7.1 浏览器信息(navigator)对象
        • 5.7.2 窗口(window)对象
        • 5.7.3 网址(location)对象
        • 5.7.4 屏幕(screen)对象
        • 5.7.5 历史记录(history) 对象
        • 5.7.6 文档(document)对象
      • 5.8 页面中标签的访问与属性的设置
        • 5.8.1 页面标签对象的引用
        • 5.8.2 读写HTML对象的属性
        • 5.8.3 表单及其控件的访问
      • 5.9 事件的指派与处理函数的编写
        • 5.9.1 事件的指派
        • 5.9.2 常用事件的类型
    • 任务实施
      • 1.实施思路与方案
      • 2.下拉菜单的HTML结构
      • 3.样式设计
      • 4.编写JavaScript脚本
    • 任务拓展
      • 1.设置最近被单击过的超链接外观属性
      • 2.字符串(String)对象的属性与方法的使用
      • 3.数学(Math)对象的属性与方法的使用
    • 项目实训 实现下拉框的级联
    • 任务2 美化表格
    • 任务陈述
    • 知识准备
      • 5.10 DOM对象的意义与结构
      • 5.11 DOM对象的节点类型
        • 5.11.1 元素(Element)节点
        • 5.11.2 属性(Attitude)节点
        • 5.11.3 文本(Text)节点
        • 5.11.4 注释节点
        • 5.11.5 文档节点
      • 5.12 DOM对象节点及其属性的访问
        • 5.12.1 访问父节点
        • 5.12.2 访问子节点
        • 5.12.3 访问兄弟节点
      • 5.13 DOM对象节点的创建与修改
        • 5.13.1 创建节点
        • 5.13.2 添加节点
        • 5.13.3 删除节点
        • 5.13.4 替换节点
        • 5.13.5 复制节点
      • 5.14 DOM节点对象的事件处理
    • 任务实施
      • 1.实施思路与方案
      • 2.表格数据结构的建立
      • 3.样式文件的建立
      • 4.事件处理文件的建立
      • 5.加载CSS与JavaScript页面内容
    • 任务拓展
      • 用户自定义对象
    • 项目实训 JavaScript选项卡的设计
    • 任务3 表单验证界面的设计
    • 任务陈述
    • 知识准备
      • 5.15 DOM对象中属性节点的操作
        • 5.15.1 属性节点的创建与添加
        • 5.15.2 DOM对象事件的引发
      • 5.16 表单验证的意义与实现
        • 5.16.1 表单验证的意义
        • 5.16.2 表单验证的类型及其实现
    • 任务实施
      • 1.实施思路与方案
      • 2.HTML页面的设计
      • 3.样式文件的建立
      • 4.JavaScript脚本的建立
    • 任务拓展
      • 1.JSON对象做属性节点的值
      • 2.使用递归函数遍历节点树
    • 项目实训 在线测试系统与在线脚本编辑器的设计
    • 单元小结
  • 参考文献

国家职业教育专业教学资源库建设项目是教育部、财政部为深化高等职业教育教学改革,加强专业与课程建设,推动优质 教学资源共建共享,提高人才培养质量而启动的国家级高职教育建设项目。软件技术专业资源库教材是国家职业教育专业教学资源库软件技术建设项目的配套教材, 是按照高职高专软件技术专业人才培养方案的要求,总结近几年国家示范性高职院校软件技术专业教学改革经验编写而成的。主要包括《C语言程序设计》、《数据 结构(C语言描述)》、《SQL Server 2005数据库及应用(第3版)》、《Java程序设计》、《JSP程序设计案例教程》、《C#程序设计》、《ASP.NET程序设计》、《软件测试》、 《软件开发与项目管理》、《JavaEE企业级项目开发(Struts2+Hibernate+Spring)》,共11种,均为“十二五”职业教育国家 规划教材。教材编写团队汇集了全国各地长期在教学一线工作的优秀教师、国家级及省市级精品课程项目主持人或教学名师。

网页设计与制作(HTML+CSS+JavaScript)课程与纸质教材一体化设计,紧密配合,充分运用多种形式媒体资源,极大地丰富了知识的呈现形式,拓展了教材内容。在提升课程教学效果同时,为学生学习提供思维与探索的空间。

相关图书