html5网页设计作业.zip_网页制作图片素材百度网盘资源-CSDN文库

共14个文件

html：5个

png：3个

mp4：3个

5星 · 超过95%的资源需积分: 5 149 浏览量 2020-12-24 00:30:17 上传评论 19 收藏 89.46MB ZIP 举报

HTML5是下一代超文本标记语言，它在2014年正式发布，是对HTML4标准的大幅升级。HTML5的设计目标是提供更好的可用性、可访问性和更强的交互性，以便构建更丰富的网络应用程序。本作业"html5网页设计作业.zip"包含五个页面，旨在展示HTML5的一些核心特性。 HTML5引入了新的结构元素，如<header>、<nav>、<section>、<article>和<footer>等，这些元素帮助开发者更好地组织页面结构，提高语义化，使搜索引擎和屏幕阅读器能更好地理解网页内容。例如，<header>通常用于定义页面或部分的头部，<nav>用于导航链接，<section>则用于定义独立的内容区块，<article>代表独立的、自包含的内容，而<footer>用于显示页脚信息。 HTML5增强了表单控制，新增了多种输入类型，如色选器(<input type="color">)、日期选择器(<input type="date">)、电子邮件输入(<input type="email">)等，这使得用户界面更加友好，同时减少了客户端验证的工作。此外，<form>标签中的<formaction>属性可以为空，这样表单数据会提交到同一页面，方便进行服务器端处理。再者，HTML5支持离线存储，通过<applicationcache>或localStorage，网页可以缓存数据，即使在网络断开的情况下也能访问部分内容。这对于创建离线应用或者提高页面加载速度非常有用。多媒体是HTML5的一大亮点。<audio>和<video>标签使得内嵌音频和视频变得简单，不再需要Flash等第三方插件。同时，它们提供了多个源(src)的支持，可以针对不同的浏览器选择合适的编码格式，如MP3、Ogg或WebM。图形绘制方面，HTML5引入了Canvas元素，这是一个基于JavaScript的2D绘图环境，可以动态生成图像，非常适合创建图表、游戏或动画。另一个强大的图形工具是SVG（Scalable Vector Graphics），它用于创建矢量图形，具有清晰的分辨率和无限的放大能力。此外，HTML5还引入了Web Workers和WebSockets，前者允许在后台运行脚本，提升网页的计算性能，后者则提供了双向通信的实时连接，适合开发实时应用，如聊天室或在线游戏。至于压缩包内的"14朱智平"，这可能是其中一个网页文件或目录的名字，具体的内容需要解压后查看。这个文件可能包含了HTML5代码实现的页面，可能运用了上述提到的一些特性。这个HTML5网页设计作业涵盖了HTML5的核心概念和技术，通过实际操作，可以帮助学习者深入理解HTML5如何增强网页设计和开发的效率与质量。

资源详情

资源评论

资源推荐

收起资源包目录

html5网页设计作业.zip （14个子文件）

14朱智平

css

css.css 2KB

images

t2.jpg 744KB

banner.png 2.87MB

a92.png 51KB

logo.png 31KB

gg.jpg 38KB

index.html 2KB

video.mp4 8.32MB

gongshi.html 5KB

fenji.html 7KB

video

video.mp4 44.11MB

video2.mp4 33.76MB

shipin.html 1KB

liuyan.html 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cyberpunk 2077</title> <link href="css/css.css" rel="stylesheet" type="text/css" /> </head> <body> <video src="./video/video2.mp4" loop="loop" autoplay="autoplay"></video> <div> <div style="width:980px;margin:0 auto;"><img src="images/banner.png" style="width:980px;"/></div> <div id="main"> <div id="main_im"> <div class="nav"><a href="index.html" >网站首页</a><a href="gongshi.html" >公司介绍</a><a href="fenji.html" >剧情介绍</a><a href="shipin.html" >视频欣赏</a><a href="liuyan.html" >在线留言</a></div> <br /> <br /> <h1 style="font-size:24px; text-align:center; color:#f00;">《赛博朋克2077》世界观、剧情及基本玩法介绍</h1> <br /> <p class="i_p"> <br /> 　　《赛博朋克2077》是一款角色扮演游戏，背景舞台设定在科技极度发达的腐败未来世界中，玩家要扮演赛博朋克V努力在黑暗的未来中存活。今天为大家分享的就是一篇《赛博朋克2077》世界观、剧情及基本玩法介绍，一起来了解一下吧。<br /> <strong><font color="gold">游戏背景介绍</font></strong> <br /> 　　2077 年美国，国家已经失去权力，巨大企业群体以支配者之姿君临社会，住在摩天大楼要塞中的众人决定一切事物。　　但另一方面，在远离他们的下层街头，流氓、私商每天都辛勤贩卖着非法药品与非法电子音乐。　　位于两者中间的位置，则是充斥轻薄的人际关系与只有表象的流行文化。　　再加上暴力和贫穷等调味料，就构成了这个不断有人在追求不可能实现的美国梦，从来就不会休眠的夜城。　　在这个混沌的世界当中，关键就是能否确定自己的存在，如果想要独立生存，就必须要使用高品质的改造零件来强化身体，以求能够接下高风险的困难工作。拒绝接受他人干涉，只顺从自己的意志……这就是赛博朋克的精神。　　在《赛博朋克2077》当中，玩家要操纵新入行的赛博朋克「V」，在这个充满改造过的街头混混、技术宅网络玩家，以及冷血企业战士的世界里，朝赌命的刀锋迈步前进。<br /> <strong><font color="gold">成为近未来的佣兵，纵横大街小巷</font></strong> <br /> 　　游戏要在全美最危险的都市里，制作出能生存下来的主角，并持续培育其成长。<br /> <b>▼创造游戏主角</b> 　　<br /> 在《赛博朋克2077》当中，游戏主角「V」的性别、外观和经历，都可以自由编辑。　　角色成长要素也会在各种层面影响游戏过程，透过在街头上的战斗和网络上的情报战来提升技能，并以有暗示功能的眼球或是反射神经增幅器等改造零件来强化身体。<br /> <b>▼非固定式的职业系统</b> <br /> 　　在《赛博朋克2077》中登场的三个玩家职业「网络玩家」、「技师」、「狐狼」，并不是固定的职业。　　玩家可以选择自己喜欢的特殊能力，让角色成长为自己心目中的赛博朋克。<br /> <b>▼采用第一人称视角</b> <br /> 　　《赛博朋克2077》的游戏类型被称为FPP-RPG（第一人称视角角色扮演游戏）。　　能以主角的立场来体验游戏内容，让玩家对故事的投入感提升到最高限度，就是本作的设计方针。<br /> <b>▼互动式的对话操作</b> <br />　　玩家是对话中的主角，并不是旁观者。所以在《赛博朋克2077》当中，采用互动式的对话系统，尽可能增加玩家在对话当中可执行的行动。　　对于表露出敌意的角色，可以称赞他的刺青让他开心，也可以开个两枪提早结束对话，一切都看玩家选择。<br /> <b>▼黑色游戏</b> 　<br />　《赛博朋克2077》加入了黑色电影的要素，以成熟的说故事手法来描述游戏剧情。　　主角在和众多人物交流的过程当中，将会面临许多不见得能以善恶二元来区隔的困难选项。<br /> <strong><font color="gold">游戏舞台是巨大颓废都市</font></strong> <br />　夜城，汇集众多梦想家的都市。只要能在这里获得成功，就可以过上衣食无缺的生活。　　可是一但你让企业不高兴，那脑袋上大概就要开个洞了。<br /> <b>▼在广大地图上自由探索</b> <br />　夜城是一个完全开放的世界，玩家可以自由移动到各个地方，不管做什么都可以……但如果没有准备好的话，可不能保证你能活着回来。城市分为六个不同区域，有数百个建筑物和房间可以进入。　　在这个市场的字典里没有「无聊」这个词，快去兜个风吧。<br /> <b>▼不要吝于投资自己</b> <br />　身为赛博朋克，必须要随时注意装备。　　穿上流行设计的外装，购买（或是偷窃）自己中意的车辆。　　只要在黑市里弄到军用机械，想必能在攻略任务时派上用场。　　也可以用赚到的报酬，投资在城市里的各种设施上。<br /> <b>▼挟持网络来收集情报</b> <br />　夜城是一个用网络连结起来的城市，在各种地点都可以连上虚拟空间。　　但是网络上有各种可疑系统、防火墙，以及层层的防护程式存在，就等着烧烂入侵者的大脑。　　在任务过程中，还可能会碰上守护巨大企业塔的敌对网络玩家，在虚拟与现实空间双方都要兵刃相交。<br /> <strong><font color="gold">被埋葬在夜城黑暗里的真相……</font></strong> <br />《赛博朋克2077》，是一款追求以故事为主的游戏设计，同时也有丰富动作要素的作品。　　主线故事将焦点放在提供玩家最高水准的单人游戏体验上，将会有长达数十小时的游戏内容。而且还有众多支线任务以及街头故事，不管是想要好好投入游戏的深度玩家，轻松享受动作游戏的休闲玩家，都是非常适合的作品。　　这种【随玩家选择来改变剧情发展】的设计可以说已经是CD Projekt RED象征了。没错，本作依然沿用了这个设计，以夜城作为舞台的故事，将会依照你的玩法而有完全不同的发展。　　会走上什么结局，都是玩家自己的选择。 <div class="center "> <a href="#"><img src="images/t2.jpg" width="780" /></a></div> <br /> <br /> <br /> <br /> <p class="i_p"></p> </div> </div> <div id="foot"></div> </div> </body> </html>