第12章 光影世界后台管理页面cl
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
12-6所示。
机械工业出版社
12.3 制作添加新闻页面
制作添加新闻页面
添加新闻页面是管理员通过表单输入新的新闻数据，然后提交到网站数据
库中的页面。添加新闻页面的效果如图12-10所示，布局示意图如图12-11所
示。
机械工业出版社Biblioteka 12.3 制作添加新闻页面
制作添加新闻页面
1．前期准备
在建立网站首页的准备工作中，用户曾经在网站根目录中建立了一个专门
存放JavaScript脚本的目录js，这里提前将添加新闻页面中需要用到的脚本文 件calender.js复制到目录js中。
2．制作页面
（1）页面结构代码 （2）添加JavaScript脚本实现网页特效
机械工业出版社
12.4 制作修改新闻页面
制作修改新闻页面
在修改新闻页面中，管理员可以选择要修改的新闻，然后在修改新闻表单
中重新定义新闻的各项内容。修改新闻页面的效果如图12-14所示，布局示意
图如图12-15所示。
机械工业出版社
12.5 网站的整合
网站的整合
在前面讲解的光影世界的相关示例中，都是按照某个栏目进行页面制作的，
并未将所有的页面整合在一个统一的站点之下。读者完成光影世界所有栏目的
页面之后，需要将这些栏目页面整合在一起形成一个完整的站点。 按照栏目的含义在D:\web\ch11下建立环保社区栏目的文件夹
environment，然后将前面章节中做好的环保社区页面及素材一起复制到文件
夹environment中。 最后还要说明的是，当这些栏目整合完成之后，记得正确地设置各级页面 之间的链接，使之有效地完成各个页面的跳转。
机械工业出版社
习题12
习题12 1．物业管理系统包括后台登录页面、后台管理首页、普通短信、群发短 信等页面，读者练习制作其中的后台登录页面，如图12-17所示。 2．制作后台管理首页，如图12-18所示。
机械工业出版社
所示。
机械工业出版社
12.1 制作后台管理登录页面
制作后台管理登录页面
1．前期准备
（1）建立目录
（2）新建网页 （3）页面素材
（4）外部样式表
2．制作页面
机械工业出版社
12.2 制作查询新闻页面
制作查询新闻页面
查询新闻页面是管理员在搜索栏中输入关键字后，通过系统搜索找出符合
条件的新闻列表页面。查询新闻页面的效果如图12-5所示，布局示意图如图
网页设计与制作教程 （HTML+CSS+JavaScript）
第 2版
第12章 光影世界后台管理页面
机械工业出版社
12.1 制作后台管理登录页面
制作后台管理登录页面
光影世界后台管理登录页面是管理员在登录表单中输入用户名、密码和验
证码进而登录系统的页面，该页面的效果如图12-1所示，布局示意图如图12-2
机械工业出版社
12.3 制作添加新闻页面
制作添加新闻页面
添加新闻页面是管理员通过表单输入新的新闻数据，然后提交到网站数据
库中的页面。添加新闻页面的效果如图12-10所示，布局示意图如图12-11所
示。
机械工业出版社Biblioteka 12.3 制作添加新闻页面
制作添加新闻页面
1．前期准备
在建立网站首页的准备工作中，用户曾经在网站根目录中建立了一个专门
存放JavaScript脚本的目录js，这里提前将添加新闻页面中需要用到的脚本文 件calender.js复制到目录js中。
2．制作页面
（1）页面结构代码 （2）添加JavaScript脚本实现网页特效
机械工业出版社
12.4 制作修改新闻页面
制作修改新闻页面
在修改新闻页面中，管理员可以选择要修改的新闻，然后在修改新闻表单
中重新定义新闻的各项内容。修改新闻页面的效果如图12-14所示，布局示意
图如图12-15所示。
机械工业出版社
12.5 网站的整合
网站的整合
在前面讲解的光影世界的相关示例中，都是按照某个栏目进行页面制作的，
并未将所有的页面整合在一个统一的站点之下。读者完成光影世界所有栏目的
页面之后，需要将这些栏目页面整合在一起形成一个完整的站点。 按照栏目的含义在D:\web\ch11下建立环保社区栏目的文件夹
environment，然后将前面章节中做好的环保社区页面及素材一起复制到文件
夹environment中。 最后还要说明的是，当这些栏目整合完成之后，记得正确地设置各级页面 之间的链接，使之有效地完成各个页面的跳转。
机械工业出版社
习题12
习题12 1．物业管理系统包括后台登录页面、后台管理首页、普通短信、群发短 信等页面，读者练习制作其中的后台登录页面，如图12-17所示。 2．制作后台管理首页，如图12-18所示。
机械工业出版社
所示。
机械工业出版社
12.1 制作后台管理登录页面
制作后台管理登录页面
1．前期准备
（1）建立目录
（2）新建网页 （3）页面素材
（4）外部样式表
2．制作页面
机械工业出版社
12.2 制作查询新闻页面
制作查询新闻页面
查询新闻页面是管理员在搜索栏中输入关键字后，通过系统搜索找出符合
条件的新闻列表页面。查询新闻页面的效果如图12-5所示，布局示意图如图
网页设计与制作教程 （HTML+CSS+JavaScript）
第 2版
第12章 光影世界后台管理页面
机械工业出版社
12.1 制作后台管理登录页面
制作后台管理登录页面
光影世界后台管理登录页面是管理员在登录表单中输入用户名、密码和验
证码进而登录系统的页面，该页面的效果如图12-1所示，布局示意图如图12-2