资源天下logo 资源天下网站
首 页 课 件 试 卷 教 案 毕业论文 图书软件 职教研究 论文发表 会员中心 会员账户
首页 >> 毕业论文(设计) >> 计算机毕业论文(设计) >> 基于HTML5和CSS3的响应式网页开发
基于HTML5和CSS3的响应式网页开发
资料类别
   计算机毕业论文(设计)
课程(专业)
  软件工程
关键词
  响应式网页|HTML5
适用年级
  高职
身份要求
  普通会员
金 币
  30  (金币如何获得?

文件格式

  word
文件大小
  2121K
发布时间
  2020-02-13 16:58:00
预览文件
  0945112.png(只能预览部分内容)
下载次数
  0
发布人   kj008

 内容简介:
   基于HTML5和CSS3的响应式网页开发,毕业论文,共17页,4836字。
  摘 要:本网页主要采用HTML5和CSS3以及JavaScript等技术开发的旅游类响应式网页。开发目标和技术要点体现在网页的响应式上,同时引用了百度地图API,丰富了网页的内容。
  关键词:JavaScript;响应式网页;HTML5;CSS3;百度地图API
 
  1 引言
  随着信息技术的飞速发展与互联网应用的日益普及,个性化网页的建立已经成为前端开发工程师思考的问题之一。而网页的布局结构,动态交互性,包括响应式等诸多元素都要遵循W3C规范,使用HTML5和CSS3技术实现网页结构和表现, JavaScript脚本语言实现了网页的交互性[1]。HTML5和CSS3的技术在现代网页技术中发展得非常迅猛,原因在于它提升了整个网页的渲染速度,加上网页切片技术的革命性突破,解决了美工设计和图片过多带来的响应慢的缺点[2]。并且CSS3样式在标准浏览器中渲染丰富,效果绚丽[3]。
  2014年是响应式网站的元年,移动互联网用户数量已经超过了桌面用户。除了智能手机之外,使用平板电脑和电视机进行上网的用户也在持续增加。因此在互联网大规模的普及下,让网页尽量兼容各类通讯设备,适应各种分辨率的屏幕,并确保优良的用户体验,这是前端工程师必须要解决的问题。
  响应式网页可以根据接收设备的不同分辨率自动调整网页布局,将同一网页的内容以不同的布局方式正常地在各种接收设备上显示[4]。
  2 需求分析
  从技术的角度来看,响应式网页主要考虑一下以下几个因素:根据手机屏幕小的特点要把台式机的版面裁切成手机版面,只显示最核心的内容。台式机屏幕分辨率大多数都是1920*1080px,而笔记本电脑的分辨率相对小一些,为了简化版面的布局,让大屏幕的台式机去兼容小屏幕的笔记本,所以台式机和笔记本电脑使用相同的布局。当屏幕宽度大于或等于1200px时与屏幕宽度为1366px下的网页布局一致。当屏幕宽度一般在640px到1200px之间时以屏幕宽度为1024px为标准对网页进行布局。而当屏幕宽度低于860px时,网页布局以720px为准展示。具体分析如图2-1所示。
  .............

 相关说明:
    1、下载本站部分资料,需要注册成为本站会员。如果你尚未注册或登录,请首先注册登录
    2、48小时内下载同一文件,不重复扣金币。
    3、下载后请用WinRAR WinZIP解压缩后使用。
    4、如采用迅雷等下载工具下载失败,请直接用浏览器下载。
    5、如仍有其他下载问题,请看常见问题解答

 下载地址:  

相关毕业论文(设计)
1 基于HTML5的手机实时游戏设计与
2 大学城熙街网页响应式设计与开发
3 基于HTML5和CSS3的响应式网
4 基于CodeIgniter的游戏论
5 易扬众和信息技术有限公司响应式网页
6 基于HTML5的椰子科普作品制作
推荐毕业论文(设计)
1 超市商品销售信息管理数据库设计
2 小型图书管理系统
3 基于Web的高校寻物启事及失物招领
4 FoxERP成本管理系统
5 学习成绩管理系统设计
6 旅游网站的设计与实现
7 基于机器视觉的射击竞赛自动报靶系
8 办公自动化管理系统——《Java
9 基于OpenGL的3D粒子特效系
10 java课程设计—简易标准运算器
11 小型电子商务系统
12 Android手机上个性化便签设计
网友评论(点击发表评论
序号评论人评论内容时间


设为首页   加入收藏   下载与付款   上传课件   资料征集   论文撰写论文发表   免责声明   常见问题    分类说明   联系本站   会员登录
资源天下(www.zytxs.com) 版权所有