网页设计项目化教程图书目录

时间：2023-02-17 11:04:02 | 来源：营销百科

时间：2023-02-17 11:04:02 来源：营销百科

网页设计项目化教程图书目录：项目一 网页设计与制作概述- 1 -

任务一 网页构成元素分析- 1 -

一、网页基础知识- 2 -

二、网页的发展史- 2 -

三、网页配色- 4 -

任务二 网页的版式分析- 6 -

一、认识网站- 7 -

二、网页设计的常用软件简介- 7 -

三、网页版式设计- 8 -

四、Web标准概述- 9 -

项目拓展实训- 10 -

项目二 DREAMWEAVER CS4 简介- 12 -

任务一 本地站点的创建与管理- 13 -

一、初识Dreamweaver CS4- 13 -

二、Dreamweaver CS4的操作环境介绍- 14 -

三、本地站点的规划- 19 -

一、站点的创建- 20 -

二、站点的管理- 22 -

任务二 创建一个简单的网页- 24 -

一、网页中的图像- 25 -

二、网页中的动画- 25 -

一、新建并保存HTML空白网页文档- 25 -

二、编辑HTML文档- 26 -

三、保存并浏览网页- 28 -

项目拓展实训- 29 -

项目三 XHTML基础- 30 -

任务一 网页文档的基本结构- 31 -

一、认识HTML- 32 -

二、认识XML- 32 -

三、从HTML转向XHTML- 32 -

四、XHTML基本语法- 33 -

一、认识网页文档声明DOCTYPE- 33 -

二、认识DTD- 34 -

三、网页文档的主体结构- 34 -

四、文档校验- 35 -

任务二 页面内容制作与布局- 37 -

一、区段格式标签- 37 -

二、字符格式标签- 38 -

三、列表标签- 39 -

四、超链接标签- 40 -

五、图像标签- 41 -

六、表格标签- 41 -

七、表单标签- 42 -

一、网页布局结构设计与制作- 43 -

二、网页素材添加- 45 -

项目拓展实训- 49 -

项目四 标准化网页制作- 50 -

任务一 DIV CSS网页布局- 51 -

一、什么是CSS- 51 -

二、CSS有什么用- 51 -

三、如何使用CSS- 52 -

四、CSS语法- 53 -

五、选择器- 53 -

六、盒子模型- 54 -

七、background背景属性- 56 -

八、float浮动属性- 56 -

九、clear清除属性- 56 -

一、网页结构分析- 57 -

二、模块化布局- 58 -

任务二 导航制作及背景BANNER- 62 -

一、ul和li- 62 -

二、border边框属性- 62 -

三、文本常用属性- 63 -

一、banner背景制作- 64 -

二、导航制作- 65 -

任务三 列表美化布局- 68 -

一、背景定位- 69 -

二、margin外边距属性- 69 -

三、padding内填充属性- 70 -

一、列表制作- 71 -

二、列表美化- 73 -

任务四 表单美化布局- 74 -

一、表单制作- 76 -

二、表单美化- 77 -

项目拓展实训（一）- 78 -

项目拓展实训（二）- 79 -

项目五 JAVASCRIPT和JQUERY应用- 80 -

任务一 JAVASCRIPT表单验证- 81 -

一、什么是JavaScript- 81 -

二、JavaScript有什么用- 81 -

三、如何使用JavaScript- 81 -

四、submit事件- 82 -

五、表单取值- 83 -

六、函数的定义- 84 -

一、表单制作- 84 -

二、利用sumbit事件编写校验函数- 85 -

任务二 JAVASCRIPT正则表达式表单验证- 87 -

一、什么是正则表达式- 87 -

二、正则表达式语法- 87 -

三、修饰符- 88 -

四、方括号- 88 -

五、元字符- 89 -

六、量词- 89 -

七、支持正则表达式的 String 对象的方法- 90 -

八、常用正则表达式- 90 -

一、编写校验的数据规则- 91 -

二、利用正则函数校验数据- 92 -

任务三 JQUERY制作选项卡- 96 -

一、什么是jQuery- 96 -

二、jQuery的使用- 96 -

三、jQuery API的使用- 97 -

一、制作选项卡布局- 98 -

二、为选项卡增加jQuery行为- 101 -

任务四 JQUERY制作5图焦点图- 102 -

一、setInterval的使用- 102 -

一、制作焦点图布局- 103 -

二、为焦点图增加jQuery行为- 105 -

项目拓展实训（一）- 108 -

项目拓展实训（二）- 109 -

项目六 商业网站制作- 110 -

任务一 使用PHOTOSHOP设计网站首页布局- 111 -

一、初识Photoshop CS4- 111 -

二、Photoshop CS4的操作环境介绍- 111 -

一、分析网页类别- 119 -

二、确定网页的风格- 119 -

三、编排网页功能结构- 119 -

四、 成品制作- 119 -

任务二 使用PHOTOSHOP完成网站子页布局- 124 -

一、网页设计形式与内容相统一- 125 -

二、网页设计的模块化和可修改性- 125 -

三、网页设计中网页命名要简洁- 125 -

一、确定子页的风格- 125 -

二、成品制作- 126 -

任务三 制作网站首页- 130 -

一、首页结构分析- 130 -

二、模块化布局制作- 131 -

任务四 制作网站子页- 143 -

一、子页结构分析- 143 -

二、模块化布局制作- 143 -

任务五 网站发布- 151 -

一、准备web服务器- 151 -

二、连接web服务器- 152 -

三、上传站点- 154 -

四、访问远程站点- 155 -

项目拓展实训- 155 -