国家开放大学电大《WEB开发基础》形考任务答案1-5
栏目:网页 发布时间:2024-08-22
PG电子模拟器设计公司, pg电子模拟器试玩在线【目标】根据素材中的设计图,编写网站首页,查询列表页和详情页三个网页的html内容(暂时不用编写CSS代码)  (3)下方租房信息列表及分页按钮,其中点击租房列表中的图片可跳转到详情页  3.根据素材中给定的房屋详情页面设计图实现租房详细信息页面的HTML内容  说明:对页面内容和布局结构,根据自己的理解可以进行适当改造和修改加工,不可完全雷同  实验报告由实验目标、实验

  pg电子模拟器试玩在线【目标】根据素材中的设计图,编写网站首页,查询列表页和详情页三个网页的html内容(暂时不用编写CSS代码)

  (3)下方租房信息列表及分页按钮,其中点击租房列表中的图片可跳转到详情页

  3.根据素材中给定的房屋详情页面设计图实现租房详细信息页面的HTML内容

  说明:对页面内容和布局结构,根据自己的理解可以进行适当改造和修改加工,不可完全雷同

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

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

  7.除完成设计效果图规定的内容外,还要模仿当前网页设计,自行添加一个自定义的网页内容区域,并用HTML实现其基础内容和结构

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  4.除完成设计效果图规定的布局效果外,还要保证自行添加的自定义部分内容在不同设备下也能支持响应式


本文由:PG电子模拟器设计公司提供