当前课程知识点：软件开发实训--动态网站开发 > 1 前端需求分析 > 1.6内容副页面分析 > 1.6.1副页面分析

返回《软件开发实训--动态网站开发》慕课在线视频课程列表

1.6.1副页面分析在线视频

下一节:1.6.2课程PPT

返回《软件开发实训--动态网站开发》慕课在线视频列表

1.6.1副页面分析课程教案、知识点、字幕

同学

你好

欢迎回到软件开发实训课堂

在上一节课

咱们对网站的内容区域做了分析

那么实际上还有其他的地方

比如说版权

我们还没有去分析

那么就留给你在课下完成的任务

如果有任何问题

你可以把它放在讨论里边

我们一起来探讨

那么这节课咱们对网站的副页面进行分析

看一看我们参照的网站

它的副页都有哪些内容需要我们去思考

需要去分析

好了

我们来具体看一下

对于网站的副页

它的表现形式

一般情况下

我们的网站除了主页以外

剩下的都是副页

而网站内容比较少

它的表现形式对于副页来讲一般也比较单一

通常情况下主要是列表页和详细页

所以对于网站的设计者来讲

往往只要涉及三个页面就可以了

在具体的展示时

会多出一个检索结果

实际上检索结果也是一种列表形式

所以它比列表只是多出了一个搜索的表单

当然了一般情况下

我们说网站的列表页通常都会提供一个搜索

或者是我们在网站的某个区域放一个全站的

检索表单

这样有助于用户按照他喜爱的关键字进行检索

而副页的还有一个展示文章的详细内容

或者公司简介之类的详细内容

这就是副页

他的展示形式

那么从图形的表示来讲

我们看一下这三种图形

第一个图

它主要是有一个左侧的边栏

这样除了显示你的主要的列表内容或详细内容

之外

还可以更多的显示导航之类的等等

而中间这个图多了一个右侧的边栏

右侧的边栏可使得你放更多的内容

比如说当前所在线的用户所在线的用户

或者是发一些小广告宣传产品等等

最右边只是少了一个左侧的边栏

把左边的放在了右边

这只是它的展现形式不同而已

而我们的参考网站采取的是

第一张图

第一个图

那么副页在我们的参考网站里面

它有顶部

还有黄色的区域是我们一个整个副页的标题

实际上就显示了这个页

他主要展示什么内容

用一个标题来完成

通过观察你发现实际上我们参考网站在黄色

区域所显示的就是我们主导航菜单的菜单内容

也就是菜单的名称

再看下面的区域和左侧的区域

也就是黄色下面的左侧区域

这些个都是公共的内容

所有的网页都会有

除了首页我们说的是副页的

所有网页都会有这些内容

那么唯独副页之间变化的就是我们内容区了

中间右侧的内容区是所有副页之间的变化区域

而它的顶部与首页相同

它的底部也与首页相同

所以当你把首页设计出来时

这两个部分

这两个部位就已经设计出来了

而对于黄色区域

在我们的参考网站它是没有背景的

我们这里用黄色只是表示与其他的区别

在网站上它没有背景

而且还多了一个小的三角

那么这个小三角它是出现在首字母的上面

这一行英文的首字母是Y出现的

Y的上面要注意它的位置

还有

当这句话的后面出现了我们的菜单名时

它的颜色发生了变化

用的颜色是这个颜色

那么你用CSS该怎么去实现它呢

这是我们对于副页

整个需要你注意的地方

那么副页里边

如果说对于列表页

我们可以看到它的宽度和左右的边距

你要设计出来

而这个左右边距对于右边来讲

实际上我们讲右边的边距

你只要看着不把边就行

通常情况下用5到10个px

而左边的区域是要与左边栏有明显的间隔

通常我们选的是10个px

这个也可以根据我们主要还是根据我们设计师

当时的设计该怎么去做

我们参考网站它就是10个px

还有左侧内容

CSS该怎么去做

这里都明确地给出了前景和背景颜色

而它的搜索引擎表单的入口也给出了它的宽度

在分析的时候都要注意到

这样

你在实现CSS时才能够更加明确的知道

自己的CSS该怎么去写

这里是咱们参考网站的一个整体页面

这是他的一个副页

周围的区域每个副页都是相同的

只有右侧的中间区域在变化

而且它的格调基本上不变

都是图片

在上面

标题在下面就是文章了

但这个文章在展现的时候

你需要注意一点

有一个页面的文章是分栏的

通常我们这个文章就像这样

一一行的就下去了

这是一栏

有一个页面

你要注意的

就是它分了栏

两栏

来展示它的内容

那么CSS里边有分栏功能

该怎么分栏呢

好

这是我们关于网站的副页面的一个分析

它相对于主页来讲

还是比较简单的

那么你要详细的认真的把它从头到尾的再过一遍

然后把它形成文档

写到我们的需求分析里面去

好

关于副页面的分析就讲到这里

我们下节课再见

软件开发实训--动态网站开发课程列表：

1 前端需求分析

-1.1课程介绍

--1.1.1课程介绍

--1.1.2课程介绍PPT

--1.1.3随堂测试

-1.2网站需求分析

--1.2.2网站需求分析

--1.2.3需求PPT

--1.2.4随堂测试

-1.3网站首页分析

--1.3.1网站首页分析

--1.3.2首页分析PPT

--1.3.3随堂测试

-1.4导航菜单分析

--1.4.1导航菜单分析

--1.4.2课程PPT

--1.4.3随堂测试

-1.5内容区域分析

--1.5.1内容区域分析

--1.5.2课程PPT

--1.5.3随堂测试

-1.6内容副页面分析

--1.6.1副页面分析

--1.6.2课程PPT

--1.6.3软件系统需求分析

-1.7编写需求文档

-1.8需求分析理解

2 后端分析

-2.1后端页面总体分析

--2.1.1后端页面总体设计

--2.1.2课程PPT

--2.1.3随堂测试

-2.2用户管理功能设计

--2.2.1用户管理功能分析

--2.2.2课程PPT

--2.2.3随堂测试

-2.3内容与分类功能分析

--2.3.1内容与分类功能分析

--2.3.2课程PPT

--2.3.3随堂测试

-2.4网站配置功能设计

--2.4.1网站配置功能设计

--2.4.2课程PPT

--2.4.3软件系统设计

--2.4.4随堂测试

-2.5数据库及表结构分析

--2.5.1数据库及表结构分析

--2.5.2课程PPT

--2.5.3数据库设计

-总体设计文档

3 接口设计

-3.1前台模板约定

--3.1.1前台模板约定

--3.1.2课程PPT

--3.1.3随堂测试

-3.2网站配置接口设计

--3.2.1网站配置接口设计

--3.2.2课程PPT

--3.2.3随堂测试

-3.3菜单接口设计

--3.3.1菜单接口设计

--3.3.2课程PPT

--3.3.3随堂测试

-3.4内容接口设计

--3.4.1内容接口设计

--3.4.2课程PPT

--3.4.3随堂测试

-3.5幻灯片接口设计

--3.5.1幻灯片接口设计

--3.5.2课程PPT

--3.5.3随堂测试

-补充设计文档

-3.7接口设计

4 功能设计

-4.1用户管理功能设计

--4.1.1用户管理功能设计

--4.1.2课程PPT

--4.1.3随堂测试

-4.2菜单管理功能设计

--4.2.1菜单管理功能设计

--4.2.2课程PPT

--4.2.3随堂测试

-4.3内容管理功能设计

--4.3.1内容管理功能设计

--4.3.2课程PPT

--4.3.3随堂测试

-4.4网站配置信息设计

--4.4.1网站配置信息设计

--4.4.2课程PPT

--4.4.3随堂测试

-完成设计文档

-4.6随堂测试

5 环境搭建与开发

-5.1开发环境搭建

--5.1.1环境搭建

--5.1.2随堂测试

-5.2Web前端环境搭建

--5.2.1Web前端环境

-5.3创建用户实体

--5.3.1用户实体创建

--5.3.2随堂测试

-5.4用户实体表创建与初始化

--5.4.1用户实体表创建与初始化

--5.4.2随堂测试

-5.5用户数据访问接口实现

--5.5.1用户数据访问接口实现

--5.5.2随堂测试

-5.6环境搭建问题

-5.7环境搭建问题

6 用户管理功能实现

-6.1用户服务层接口实现

--6.1.1用户服务层接口实现

--6.1.2随堂测试

-6.2用户列表和编辑控制器实现

--6.2.1用户列表和编辑控制器实现

--6.2.2随堂测试

-6.3用户存储和删除控制器实现

--6.3.1用户存储和删除控制器实现

-6.4用户添加、编辑界面实现

--6.4.1用户添加、编辑界面实现

-6.5用户管理添加用户调试

--6.5.1用户管理添加用户调试

7 用户管理功能实现二

-7.1用户查询模板实现

--7.1.1用户查询模板实现

--7.1.2随堂测试

-7.2用户信息编辑的实现

--7.2.1用户信息编辑的实现

-7.3单个用户删除实现

--7.3.2单个用户删除实现

-7.4多个用户删除实现

--7.4.1多个用户删除实现

8 用户管理功能实现三

-8.1用户列表分页基本实现

--8.1.1用户列表分页基本实现

-8.2用户列表查询结果分页实现

--8.2.1用户列表查询结果分页实现

-8.3通用日期处理

--8.3.1通用日期处理

-8.4整型日期处理

--8.4.1整型日期处理

--8.4.2随堂测试

-8.5枚举数据的应用

--8.5.1枚举数据的应用

--8.5.2Spring Boot开发

9 后台主界面实现

-9.1登录逻辑实现

--9.1.1登录逻辑实现

--9.1.2随堂测试

-9.2登录界面及流程调试

--9.2.1登录界面及流程调试

--9.2.2随堂测试

-9.3管理主界面实现

--9.3.1管理主界面实现

--9.3.2随堂测试

-9.4授权验证拦截器实现

--9.4.1授权验证拦截器实现

--9.4.2随堂测试

-9.5拦截器调试

--9.5.1拦截器调试

10 分类管理实现

-10.1分类接口实现

--10.1.1分类接口实现

-10.2分类添加、编辑实现

--10.2.1分类添加、编辑实现

-10.3分类树结构实现

--10.3.1分类树结构实现

-10.4分类删除实现

--10.4.1分类删除实现

--10.4.2随堂测试

11 内容管理实现

-11.1内容实体定义

--11.1.1内容实体定义

-11.2相关接口定义

--11.2.1相关接口定义

-11.3服务接口实现

--11.3.1服务接口实现

-11.4内容添加、编辑模板实现

--11.4.1内容添加、编辑模板实现

-11.5内容添加、编辑控制器实现

--11.5.1内容添加、编辑控制器实现

-11.6内容检索页面实现

--11.6.1内容检索页面实现

-11.7内容分类树实现

--11.7.1内容分类树实现

12 UEditor富文本编辑器

-12.1修改UEditor相关问题

--12.1.1修改UEditor相关问题

-12.2整合UEditor到内容编辑界面

--12.2.1整合UEditor到内容编辑界面

-12.3UEditor图片对话框应用

--12.3.1UEditor图片对话框应用

-12.4文件上传问题处理

--12.4.1文件上传问题处理

13 网站配置管理实现

-13.1网站配置相关类实现

--13.1.1网站配置相关类实现

-13.2网站配置界面模板实现

--13.2.1网站配置界面模板实现

-13.3网站配置调试

--13.3.1网站配置调试

14 网站前端组件实现

-14.1网站首页布局实现

--14.1.1网站首页布局实现

-14.2菜单Vue组件实现

--14.2.1菜单Vue组件实现

--14.2.2随堂测试

-14.3幻灯片Vue组件实现

--14.3.1幻灯片Vue组件实现

-14.4滚动Vue组件实现

--14.4.1滚动Vue组件实现

--14.4.2随堂测试

-14.5滚动接口实现

--14.5.1滚动接口实现

-14.6滚动接口调试

--14.6.1滚动接口调试

-14.7幻灯片接口实现

--14.7.1幻灯片接口实现

15 网站前端页面实现

-15.1首页区域实现

--15.1.1首页区域实现

-15.2首页内容脚本实现

--15.2.1首页内容脚本实现

-15.3首页完善

--15.3.1首页完善

-15.4Vue组件放入单文件

--15.4.1Vue组件放入单文件

-15.5详细页面实现

--15.5.1详细页面实现

-15.6前端问题

16 测试与发布

-16.1网站测试介绍

--16.1.1网站测试介绍

--16.1.2课程PPT

-16.2功能测试

--16.2.1功能测试

--16.2.2课程PPT

-16.3打包发布

--16.3.1打包发布

-16.4部署运行

--16.4.1部署运行

--16.4.2随堂测试

1.6.1副页面分析笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航课程版权归原始院校所有，
本网站仅通过互联网进行慕课课程索引，不提供在线课程学习和视频，请同学们点击报名到课程提供网站进行学习。