国开电大《WEB开发基础》形考任务1-5答案

实验5-电商网站前端页面响应式设计.zip售价: 12 学习币

附件大小: 6.54 MB, 下载次数: 797

下载 购买 记录

部分科目为随机出题，顺序是乱的 请用CTRL+F搜索查找你所需要的试题

实验4-电商网站前端页面 LESS 编写.zip售价: 12 学习币

附件大小: 805.41 KB, 下载次数: 555

下载 购买 记录

部分科目为随机出题，顺序是乱的 请用CTRL+F搜索查找你所需要的试题

实验3-电商网站前端页面动效实现.zip售价: 12 学习币

附件大小: 806.35 KB, 下载次数: 545

下载 购买 记录

部分科目为随机出题，顺序是乱的 请用CTRL+F搜索查找你所需要的试题

实验2-电商网站前端页面 CSS 样式编写.zip售价: 12 学习币

附件大小: 1.75 MB, 下载次数: 714

下载 购买 记录

部分科目为随机出题，顺序是乱的 请用CTRL+F搜索查找你所需要的试题

实验1-电商网站前端页面内容编写.zip售价: 12 学习币

附件大小: 2.64 MB, 下载次数: 668

下载 购买 记录

部分科目为随机出题，顺序是乱的 请用CTRL+F搜索查找你所需要的试题

如有任何需要疑问可以添加客服微信1797209584（QQ微信同号）

您可能需要国开电大《Flash动画制作》形考课程考核成品答案

您可能需要国开电大《计算机组网技术》形考任务1-4答案

本答案为成品，下载后直接上传提交到作业中即可

实验1：电商网站前端页面内容编写（16分）

【目标】根据素材中的设计图，编写网站首页，查询列表页和详情页三个网页的html内容（暂时不用编写CSS代码）

【时间】约4学时

【步骤】

1．根据素材中给定的网站首页设计图实现租房网首页HTML内容的定义

（1）顶部主导航栏和登录状态按钮

　　①点击logo，可跳转回首页

　　②点击”租房”，可跳转到租房列表页面

（2）上部广告区域

（3）中部热链接按钮列表

（4）下部二维码广告区域

（5）底部页脚内容

2．根据素材中给定的房源查询页面设计图实现“租房”页面的HTML内容

实验2：电商网站前端页面 CSS 样式编写（24分）（以下就不贴图了）

【目标】根据素材中的设计图要求，在实验1成果基础上，为网页添加CSS样式

【时间】约6学时

【步骤】

1.按图1所示，为实验1中的首页内容添加CSS样式，使其符合设计图的要求

2.按图2所示，为实验1中的租房列表页面添加CSS样式，使其符合设计图的要求

3.按图3所示，为实验1中的租房详情页添加CSS样式，使其符合设计图的要求

4.为自行添加的自定义页面内容区域，按照自己的设计，定义CSS样式。

【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。三个网页的HTML代码和CSS代码以及素材图片的压缩包作为实验报告附件。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的24%。

【实验评价要点】

辅导教师对提交的三个网页的HTML和CSS代码进行评价，评价应该包括：

1.能够使用CSS中定位属性，实现网页整体和局部的布局。

2.能够使用CSS中列表样式和浮动属性，定义各种列表和导航条的样式。

3.能够使用CSS中表格样式定义查询结果列表的样式

4.能够使用各种字体，背景，图片等样式，按照设计图要求，定义网页局部细节的样式

5.除完成设计效果图规定的样式外，还要对实验1中自行添加的部分内容，添加CSS样式。

实验3：电商网站前端页面动效实现（8分）

【目标】为首页添加规定的动画效果

【时间】约2学时

【步骤】

1.为首页上方广告区域添加动画效果：四张广告图片组成四面体形状，自动旋转。

2.中间三个热链接按钮，当鼠标悬停时，可添加旋转效果。

【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。三个网页的HTML代码和CSS代码以及素材图片的压缩包作为实验报告附件。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的8%。

【实验评价要点】

辅导教师对提交的企业网站站点进行评价，评价应该包括：

1.能够使用CSS3变换，将多个图片组成四面体

2.能够使用CSS3动画，定义四面体自动旋转，暂停等

3.能够使用过渡和变换，为普通按钮或图片添加动效

4.除完成设计效果图规定的动画效果外，还要对实验1和实验2中自行添加的部分内容，添加部分自行设计的动画效果。

实验4：电商网站前端页面 LESS 编写（12分）

【目标】将实验2中三个页面的CSS代码用less重新组织

【时间】约3学时

【步骤】

1.使用Less语法重新组织三个页面中相同的颜色、字体等属性值，集中定义在一处

2.使用Less语法根据定义的基准值，定义部分修正的值。

3.使用Less语法简写复杂结构的选择器定义

4.使用Less语法重用部分相同的样式属性。

【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。三个网页的HTML代码、CSS代码和less代码以及素材图片的压缩包作为实验报告附件。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的12%。

【实验评价要点】

辅导教师对学员的实际操作进行评价，评价应该包括：

1.能够合理使用Less的变量，集中定义相同的CSS属性值

2.能够合理使用算数计算，根据Less变量的值，动态生成新的CSS属性值

3.能够利用Less语法最大限度的简化和重用复杂选择器的结构

4.能够利用Less中的混合和函数最大限度的重用CSS属性

5.将自己添加的部分页面的CSS代码一并转为Less

实验5：电商网站前端页面响应式设计（20分）

【目标】按照素材中设计图将实验1和实验2中的首页，改为响应式

【时间】约5学时

【步骤】

1．根据以下三张不同设备下的设计图，使用Bootstrap栅格系统，将首页转为响应式网页 PC下