本书模拟网站建设的真实流程,以一个真实的电子商务网站“易购商城”为例,详细讲述网站建设和管理维护的全过程。内容包括网站策划、PHP运行环境搭建、网页排版布局、网站制作、网站测试、网站发布和管理维护等,涉及网站建设的整个流程。书中的模块代码由编者严格按照统一代码缩进,统一命名规范的原则精心编写而成。代码注释规范且全面,对关键代码和函数几乎每行语句均有注释。 本书采用模块式的教材编写方式,每个模块基本根据“知识储备”“模拟制作任务”“知识点拓展”“实训”“职业技能知识点考核”和“练习与实践”的结构来组织内容,全方位剖析了网站设计制作中的各个步骤和拓展领域。 本书既适合作为高等院校计算机及其他相关专业“网站建设与管理维护”课程的教材或参考用书,也可作为其他各类、各层次学历教育和短期培训的选用教材,还适合作为网页后台代码编写人员的参考用书。

03模块静态网页基础 静态网页是相对于动态网页而言的,是指没有后台数据库、不含程序和不可交互的网页。静态网页是网站建设的基础,静态网页和动态网页相互依存。本模块主要介绍网页设计工具——Dreamweaver CS5的常用操���,如插入表格、图像、视频和Flash动画等网页元素,同时介绍了HTML的常用标签。另外,讲解了CSS(层叠样式表)的基础知识,以及如何用CSS设计超链接的样式和实现网页**效果等。
1. 能使用CSS定义网页样式
2. 常用网页元素的插入和编辑
3. 表单的制作
1. CSS的基本语法
2. CSS选择器的种类
3. CSS的使用方式
4. 常用HTML标签语法
5. HTML标签的属性设置 知识储备 知识1Dreamweaver CS5的工作环境
启动Dreamweaver后,单击“新建”项目下的HTML,即可进入Dreamweaver的工作界面。Dreamweaver的工作窗口主要由应用程序栏、插入栏、文档工具栏、文档窗口、面板组、属性检查器和标签选择器等部分组成,如图31所示。
1) 应用程序栏
应用程序窗口顶部包含一个工作区切换器、菜单栏(主要包括“文件”“编辑”“查看”“插入”“修改”“格式”“命令”“站点”“窗口”“帮助”等菜单)以及其他应用程序控件。单击菜单栏中的命令,在弹出的下拉菜单中选择要执行的命令。
图31Dreamweaver CS5工作界面
2) 插入栏
插入栏包含用于将各种类型的“对象”(如图像、表格和层)插入到文档中的按钮。每个对象都是一段HTML[1]代码,使用户在插入时设置不同的属性。例如,可以在“插入”栏中单击“图像”按钮插入图像。也可以不使用插入栏而使用菜单“插入”|“图像”命令插入图像。
3) 文档工具栏
文档工具栏包含一些按钮,它们提供在各种“文档”窗口视图(如“设计”视图、“拆分”视图和“代码”视图)间快速切换的选项、各种查看选项和一些常用操作(如“在浏览器中预览/调试”“文件管理”“验证标记”“检查浏览器兼容性”等)。
用户可以在“标题”右侧的文本框中输入一个标题,它会显示在浏览器的标题栏中。单击“在浏览器中预览/调试”按钮,在弹出的菜单中选择一个浏览器,可以预览网页显示效果,快捷键是F12。
注意: 单击“查看”|“工具栏”|“文档”命令菜单,就会在Dreamweaver CS5中显示文档工具栏。若去掉“文档”选项前的对钩,就可以隐藏文档工具栏。
4) 文档窗口
文档窗口用于显示当前正在创建和编辑的文档。将鼠标在文档中单击,即可开始在光标位置输入网页元素并进行编辑。
5) 面板组
面板组是分组在某个标题下面的相关面板的集合,用来帮助用户监控和修改工作。主要包括“插入”面板、“行为”面板、“CSS样式”面板和“文件”面板等。用户可以根据自己的需要,选择隐藏和显示面板。若要展开某个面板,请双击其选项卡。
6) “属性”面板
属性检查器用于查看和更改所选对象或文本的各种属性。“属性”面板会随着选择对象的不同而有所不同。单击“属性”面板右下角的三角箭头可以折叠/展开“属性”面板。单击“属性”面板右上角的下拉菜单选择“关闭”或“关闭面板组”命令可以关闭“属性”面板。如果要重新打开,可以单击“窗口”|“属性”命令。
7) 标签选择器
标签选择器位于“文档”窗口底部的状态栏中。显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。
8) “文件”面板
“文件”面板类似于Windows资源管理器,用于管理文件和文件夹,无论它们是Dreamweaver站点的一部分还是位于远程服务器上。用户还可以通过“文件”面板访问本地磁盘上的全部文件。
知识2样式表的优点
样式设计是指应用HTML语言和CSS(层叠样式表)设计网页的外观样式。CSS是Cascading Style Sheet的缩写,译为“层叠样式表”或“级联样式表”。虽然CSS在网页里与HTML编写在一起,但是它不属于HTML。它可以扩展HTML的功能,如调整字间距、行间距,取消链接的下画线、多种链接效果和固定背景图像等。CSS可以实现原来HTML标签无法实现的效果。一个样式表又称为CSS,由样式规则组成,具有以下特点。
(1) 同时更新站点的多个页面,更快更容易。
在对多个网页文件设置同一种属性时,无须对所有的文件进行反复操作,只需给多个页面都应用相同的样式表就可以了。利用外部样式表,可以将站点上所有网页都指向同一个外部CSS文件,只要更改外部CSS文件的某一规则,整个站点的外观就会随之发生改变。
(2) 格式和结构分离。
CSS通过将定义结构的部分和定义格式的部分相分离,使用户对页面的布局可以施加更多的控制。
(3) 制作体积小,页面下载速度快。
样式表只包含简单的文字,不需要图像、执行程序及插件。使用CSS可以减少表格标签及其他加大HTML体积的代码,从而减小文件的大小。浏览页面时,外部样式表文件会被加载到浏览者的计算机缓存中,这样就大大提高了页面的下载速度。
知识3CSS的基本语法
CSS的样式规则由三个部分构成: selector(选择器)、property(属性)和value(属性的取值)。基本的格式如下。
(1) selector: CSS选择器,用来定义样式类型并将其运用到特定的部分,有类选择器、标签选择器、ID选择器和关联选择器四种。
(2) property: 指将要被设置的属性,如color。
(3) value: 赋给property的值,例如赋给color的值可以为red或者#FF0000。下面是一个典型的例子。

目录 01模块绪论 知识储备 知识1Web概述 知识2网站的基本概念 知识3网站的分类 知识4网站建设的常用动态网页语言 知识5网站建设的整体规划 知识6电子商务网站的解决方案 引例: 欣赏三种不同类型网站的首页 模拟制作任务 任务1编写一个电子商务网站规划书 知识点拓展 职业技能知识点考核 练习与实践 02模块PHP开发环境搭建 知识储备 知识1在Windows下使用AppServ组合包 知识2使用Dreamweaver配置本地PHP站点 知识点拓展 职业技能知识点考核 练习与实践 03模块静态网页基础 知识储备 知识1Dreamweaver CS5的工作环境 知识2样式表的优点 知识3CSS的基本语法 知识4常用CSS选择器 知识5CSS的使用方式 知识6CSS选择器的嵌套与继承 模拟制作任务 任务1插入和编辑表格 任务2插入图像 任务3插入音频和视频 任务4插入FLV格式视频 任务5插入Flash动画 任务6制作超链接 任务7制作表单 任务8超链接的四种状态的样式设计 任务9网页**效果的实现 知识点拓展 职业技能知识点考核 练习与实践 04模块网页的排版布局 知识储备 知识1页面的基本构成 知识2常见的网页结构类型 知识3页面布局设计 知识4网页布局方法 知识5页面排版布局趋势(Web 2.0) 模拟制作任务 任务1使用CSS DIV布局一个网页 知识点拓展 职业技能知识点考核 练习与实践 05模块PHP语言轻松入门 知识储备 知识1PHP语言基础 知识2PHP变量和常量 知识3PHP的数据类型 知识4PHP运算符 知识5PHP流程控制语句 知识6PHP字符串处理 知识7PHP数组 知识8PHP日期和时间函数 知识9PHP函数 知识10PHP图像处理函数 知识点拓展 职业技能知识点考核 练习与实践 06模块PHP与Web页面交互 知识储备 知识1表单及常用表单元素 知识2表单提交方式和参数值获取方式 知识3在PHP中获取表单数据 知识4复杂表单设计 知识5Cookie管理 知识6Session管理 模拟制作任务 任务1制作一个注册表单 实训利用Session判断用户的访问权限 实训目的 实训内容 实训过程 实训总结 职业技能知识点考核 练习与实践 07模块PHP数据库编程 知识储备 知识1MySQL管理工具SQLyog的安装和连接 知识2创建数据库和表 知识3导出和导入数据库 知识4运行SQL语句 知识5常用SQL语句 知识6连接服务器和选择数据库 知识7创建查询和显示查询结果 知识8获取检索记录数量 知识9插入、更新和删除记录 知识10ADODB类库概述 知识11使用ADODB操作MySQL 知识12ADODB类库常用函数 模拟制作任务 任务1制作一个分页浏览的PHP网页 任务2制作一个支持字段排序的PHP网页 知识点拓展 实训一个完整的学生管理程序设计和实现 实训目的 实训内容 实训过程 实训总结 职业技能知识点考核 练习与实践 08模块注册登录 知识储备 知识1注册登录模块的工作原理 知识2PHP中的加密函数 模拟制作任务 任务1编写注册模块 任务2编写登录模块 任务3编写注销模块 任务4用jQuery实现表单的验证 知识点拓展 实训复杂表单的验证 实训目的 实训内容 实训过程 实训总结 练习与实践 09模块商品发布、购物车和订单 模拟制作任务 任务1编写商品展示页面 任务2编写浏览具体商品页面 任务3编写购物车页面 任务4编写结算和生成订单页面 任务5编写订单查询页面 任务6浏览商品信息 任务7使用在线HTML编辑器添加商品 任务8实现商品图片上传 任务9使用在线HTML编辑器修改商品 任务10删除商品信息 知识点拓展 练习与实践 10模块前端开发layui框架和jqGrid控件 知识储备 知识1layui简介 知识2layui常用参数和回调函数 知识3layui常用方法使用 知识4layDate组件 知识5jqGrid控件 知识点拓展 职业技能知识点考核 11模块网站测试发布与宣传推广 知识储备 知识1网站测试内容及方法 知识2不同浏览器的测试 知识3链接测试 知识4网页下载时间测试 知识5空间申请和网站发布 知识6网站的宣传与推广 知识7网页维护和更新 知识点拓展 职业技能知识点考核 练习与实践 附录APHP相关资源 附录B职业技能知识点答案 参考文献