web网页制作期末大作业.zip_web期末大作业资源-CSDN文库

共122个文件

jpg：64个

png：23个

html：13个

需积分: 46 191 浏览量 2019-08-08 18:02:07 上传评论 19 收藏 11.63MB ZIP 举报

在本项目中，“web网页制作期末大作业.zip”是一个包含学生在学习Web开发课程时完成的最终项目的压缩文件。这个项目可能涵盖了多个Web开发的重要知识点，包括HTML、CSS、JavaScript以及可能涉及到的数据库管理和交互设计。下面将详细介绍这些关键领域的知识。 1. HTML (HyperText Markup Language)：这是构建网页的基础，用于定义网页内容的结构和意义。HTML标记如`<html>`、`<head>`、`<body>`、`<title>`、`<p>`（段落）、`<a>`（超链接）等，用于创建网页的基本元素。在描述中提到的“1.accdb”文件可能是用来存储数据的Access数据库，这可能与HTML中的表单（`<form>`）元素有关，用于收集用户输入并可能将其存储到数据库中。 2. CSS (Cascading Style Sheets)：CSS负责网页的样式和布局。通过使用CSS，我们可以控制字体、颜色、布局、响应式设计等，使网页更具吸引力和易用性。例如，使用`margin`和`padding`调整元素间距，`display`属性设置元素的显示方式（如`block`或`inline`），以及媒体查询（`@media`）实现不同设备上的适配。 3. JavaScript：这是一种客户端脚本语言，用于增加网页的交互性。JavaScript可以处理用户事件（如点击按钮）、动态更新内容、验证表单数据、与服务器进行异步通信（AJAX）等。在“web网页大作业”中，很可能包含了JavaScript代码，用于实现网页的动态功能。 4. 数据库管理：在“1.accdb”文件中，我们看到一个Access数据库，这是微软的桌面数据库管理系统。在Web开发中，数据库常用于存储和检索用户数据。可能的应用场景是用户注册、登录、购物车、评论系统等。通过SQL（Structured Query Language）查询语言，开发者可以从数据库中读取、插入、更新和删除数据。 5. 交互设计：良好的Web页面不仅要有美观的视觉效果，还要有直观的交互体验。这涉及用户如何与页面元素互动，如按钮的点击反馈、表单的验证提示、页面导航的流畅性等。设计师会考虑用户体验（UX）和用户界面（UI）设计原则，确保网站易于理解和使用。 6. 响应式设计：随着移动设备的普及，网页需要适应各种屏幕尺寸。响应式设计通过使用弹性网格布局、媒体查询和灵活的图片尺寸，确保网页在不同设备上都能正常显示。 7. 版本控制：考虑到团队协作和项目管理，开发者可能使用了Git进行版本控制，以便跟踪代码更改、合并分支和回滚错误。 8. 测试与调试：在项目开发过程中，测试和调试是必不可少的步骤。开发者可能会使用浏览器的开发者工具检查和修复代码问题，确保网页在不同浏览器和环境下能正常工作。 "web网页制作期末大作业.zip"是一个综合性的项目，涵盖了Web开发的多个核心领域，包括HTML结构、CSS样式、JavaScript交互、数据库管理以及交互设计。通过深入理解和实践这些技术，学生能够掌握创建功能完整、用户体验优秀的Web应用所需的关键技能。

资源推荐

资源详情

资源评论

收起资源包目录

web网页制作期末大作业.zip （122个子文件）

1.accdb 0B

home.css 2KB

thoughts.css 1KB

help.css 802B

share.css 791B

setting.css 722B

head.css 479B

head.css 411B

foot.css 394B

foot.css~ 348B

《网页设计》大作业设计说明书.doc 4.86MB

button.gif 1KB

home.html 17KB

thoughts.html 5KB

setting.html 4KB

foot.html 3KB

help.html 2KB

share.html 1KB

index.html 1KB

head.html 1KB

header.html 1KB

head1.html 807B

head2.html 805B

0005.jpg 833KB

005.jpg 720KB

006.jpg 683KB

003.jpg 509KB

p444.jpg 321KB

p666.jpg 290KB

p4.jpg 224KB

p44.jpg 216KB

p6.jpg 131KB

0003.jpg 128KB

0004.jpg 127KB

002.jpg 91KB

car.jpg 89KB

001.jpg 84KB

0001.jpg 48KB

p66.jpg 41KB

p55.jpg 33KB

02.jpg 32KB

04.jpg 31KB

03.jpg 31KB

01.jpg 30KB

12.jpg 28KB

05.jpg 26KB

p77.jpg 25KB

33.jpg 22KB

p7.jpg 15KB

p777.jpg 14KB

p3.jpg 14KB

p2.jpg 12KB

5.jpg 12KB

p1.jpg 12KB

baidu.jpg 11KB

11.jpg 10KB

55.jpg 10KB

tencent.jpg 9KB

8.jpg 9KB

p5.jpg 7KB

45.jpg 7KB

44.jpg 7KB

22.jpg 7KB

p11.jpg 6KB

6.jpg 6KB

thinking3.jpg 6KB

9.jpg 6KB

34.jpg 5KB

2.jpg 5KB

1.jpg 5KB

ali.jpg 4KB

thinking4.jpg 4KB

thinking1.jpg 4KB

4.jpg 4KB

thinking2.jpg 3KB

IBM.jpg 3KB

7.jpg 2KB

zhihu.jpg 2KB

SpaceX.jpg 2KB

3.jpg 1KB

signin.js 5KB

FauX1.js 4KB

FauX.js 4KB

FauX2.js 799B

0002.png 1.54MB

共 122 条

<!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>维度-分享思维，改变世界</title> <link rel="stylesheet" type="text/css" href="../css/home.css" > </head> <body> <div> <iframe src="head.html" frameborder="0" width="1349px" height="220px" scrolling="no" class="background"> </iframe> </div> <br /> <br /> <div> <h3>最新动态</h3> <br /> <hr /><br /> <br /> <div> <table align="left" > <tr> <td rowspan="2"><img src="../images/1/1.jpg"></td> <td class="black" >来自 <a href="" target="_self" class="black"> 科技 </a></td> <tr> <td> <a href="" target="_self" class="blue">SpaceX与Google的无人驾驶汽车未来技术</a></td> </tr> </tr> </table><br /><br /> <br/> <div class="div_one"> <a href="" target="_self"><img src="../images/2/car.jpg" id="picture"> </a> 谷歌的无人驾驶车没有配备方向盘、油门、刹车、后视镜等部件，通过车联网系统，无人驾驶车可以输入甚至接收地址来接送乘客。从谷歌公布的视频看，该车是两人座纯电动车，时速最高25英里（约合40公里），外观类似迷你版的菲亚特500或奔驰Smart，车辆正中拥有一个液晶屏幕，用户通过屏幕可以完成所有指令。车辆无论在公路还是沙地上均运行得非常稳定。<a href="" target="_self" class="purple">...显示全部</a> </div><br /> <div class="div_two"> <a href="" target="_self" class="a_one">+ 关注思维 </a> <a href="" target="_self" class="a_one">1243条评论</a> <a href="" target="_self" class="a_one">感谢 </a> <a href="" target="_self" class="a_one">分享</a> <a href="" target="_self" class="a_one">收藏</a> <a href="" target="_self" class="a_one">举报</a> <a href="" target="_self" class="a_one">没有帮助</a> </div><br /> <br /> <table align="left" > <tr> <td rowspan="2"><img src="../images/1/2.jpg"></td> <td class="black" >来自 <a href="" target="_self" class="black"> 互联网 </a></td> <tr> <td> <a href="" target="_self" class="blue">如何做到手机控制家庭的智能化?</a></td> </tr> </tr> </table><br /><br /> <br/> <div class="div_one">         随着智能手机的普及，所有硬件产品跟智能手机结合，通过手机的连网应用，都被打上“智能化”的标签，市场上“智能硬件”产品如雨后春笋般冒出来，各大厂商暗潮涌动，高举着“智能化产品”的旗帜，争先恐后的抢占市场，因为每一次技术的更新换代，都可能导致产业格局的再次“洗牌”。在个人/家庭消费市场，当前随着安防智能化发展趋势的影响，传统的门铃产品正经历着从最早的模拟电路到数字电路、再由数字电路到现阶段基于TCP/IP网络传输协议的可视门铃过程。现有市场上基于Wi-Fi的可视门铃是通过Wi-Fi模块连接家庭网络，带有一定网络环境限制，物联智慧提供的智能可视门铃解决方案在现有方案的基础上增加了更为便捷的远程网络连接和实时视频监控及开锁的功能，实现家庭安全的升级应用。<a href="" target="_self" class="purple">...显示全部</a> </div><br /> <div class="div_two"> <a href="" target="_self" class="a_one">+ 关注思维 </a> <a href="" target="_self" class="a_one">1048条评论</a> <a href="" target="_self" class="a_one">感谢 </a> <a href="" target="_self" class="a_one">分享</a> <a href="" target="_self" class="a_one">收藏</a> <a href="" target="_self" class="a_one">举报</a> <a href="" target="_self" class="a_one">没有帮助</a> </div><br /> <br /> <table align="left" > <tr> <td rowspan="2"><img src="../images/1/3.jpg"></td> <td class="black" >来自 <a href="" target="_self" class="black"> 心理学</a></td> <tr> <td> <a href="" target="_self" class="blue">积极心理暗示与智商</a></td> </tr> </tr> </table><br /><br /> <br/> <div class="div_one">         心理学家巴甫洛夫认为：暗示是人类最简单、最典型的条件反射。过去人们只重视一个人的智力因素，认为智商的高就能成功，这其实是个误区教育界. <a href="#" target="_self"><img src="../images/2/p1.jpg" id="picture"> </a><a href="#" target="_self"><img src="../images/2/p11.jpg" id="picture"> </a>心理学界越来越明确地意识到心理暗示的威力，个体的心理素质对其成功、成才有非常重要的影响，其影响作用甚至比智力大得多智商心理暗示 <a href="" target="_self" class="purple">...显示全部</a> </div><br /> <div class="div_two"> <a href="" target="_self" class="a_one">+ 关注思维 </a> <a href="" target="_self" class="a_one">996条评论</a> <a href="" target="_self" class="a_one">感谢 </a> <a href="" target="_self" class="a_one">分享</a> <a href="" target="_self" class="a_one">收藏</a> <a href="" target="_self" class="a_one">举报</a> <a href="" target="_self" class="a_one">没有帮助</a> </div><br /> <br /> <table align="left" > <tr> <td rowspan="2"><img src="../images/1/4.jpg"></td> <td class="black" >来自 <a href="" target="_self" class="black"> 生物学 </a></td> <tr> <td> <a href="" target="_self" class="blue">克隆人的大脑等生物组织与父体是否相似?</a></td> </tr> </tr> </table><br /><br /> <br/> <div class="div_one"> <a href="" target="_self"><img src="../images/2/p2.jpg" id="picture"> </a> 从生物学角度来说，克隆人具有与本体相同的染色体。然而基因的定向表达依赖于环境，同时线粒体的基因也不同。因此绝不会相同。比如同卵双胞胎就是同样原理。此外，如果你说的相同是指本质上的完全地一样，更严格地来说，现有的技术只能证明指纹不同，而不能证明指纹相同。在某观测精度下相同的两样东西，提高精度以后不一定相同，而完全一样的概率总是无限趋近于零。 <a href="" target="_self" class="purple">...显示全部</a> </div><br /> <div class="div_two"> <a href="" target="_self" class="a_one">+ 关注思维 </a> <a href="" target="_self" class="a_one">902条评论</a> <a href="" target="_self" class="a_one">感谢 </a> <a href="" target="_self" class="a_one">分享</a> <a href="" target="_self" class="a_one">收藏</a> <a href="" target="_self" class="a_one">举报</a> <a href="" target="_self" class="a_one">没有帮助</a> </div><br /> <br /> <table align="left" > <tr> <td rowspan="2"><img src="../images/1/5.jpg"></td> <td class="black" >来自 <a href="" target="_self" class="black"> 体育 </a></td> <tr> <td> <a href="" target="_self" class="blue">加强锻炼能长寿么?</a></td> </tr> </tr> </table><br /><br /> <br/> <div class="div_one"> <a href="" target="_self"><img src="../images/2/p3.jpg" id="picture"> </a> 历代寿星中，有许多一生劳作的农民，也有诸多每日静坐的高僧。那么，长寿之道到底是在于运动还是在于静养呢？大象在野外生活，可活200年，而关在动物园中的大象，则活不到80年；野兔可活15年，而家兔只活4至5年。可见，野生动物经常东奔西跑，体质锻炼得好，因此活得久。如动物一样，常做适当运动的人，身体强健，生病少，寿命也长。《吕氏春秋》中说得好：“流水不腐，户枢不蠹……”法国思想家伏尔泰讲得更明确：“生命在于运动”。 <a href="" target="

评论收藏

内容反馈