自我介绍静态页面_自我介绍静态网页资源-CSDN文库

共7个文件

js：3个

css：2个

html：1个

需积分: 43 74 浏览量 2018-06-22 13:21:09 上传评论 6 收藏 37KB RAR 举报

在IT行业中，静态页面是指不依赖服务器端动态处理技术（如PHP、JSP或ASP等）而预先编译好的HTML、CSS和JavaScript文件。这些文件通常由开发者编写，然后直接发送到用户的浏览器进行渲染和展示。静态页面是互联网上最早出现的网页形式，至今仍广泛应用于个人博客、产品展示、简单的信息共享等场景。 "自我介绍静态页面"可能是一个专门用于展示个人信息的网页。它可能包含以下几个部分： 1. **头部**：页面的顶部通常包括logo、导航菜单和页眉。在这个例子中，页眉可能包含“自我介绍”的标题，以及一些链接，如“关于我”、“作品集”和“联系我”。 2. **主体**：页面的主要内容区域，用于详细介绍个人的背景、教育经历、工作经验、技能特长等。这部分可能使用HTML的`<div>`元素进行布局，结合CSS进行样式设计，以图文并茂的方式展示。 3. **个人照片**：一个自我介绍页面通常会有个人头像或全身照，展示个人形象，增加亲和力。 4. **技能展示**：通过图表、列表或者进度条的形式，展示掌握的技术栈，如HTML/CSS、JavaScript、Python、Java等，以及熟练程度。 5. **项目经验**：列出过去完成的项目，简单描述项目内容、使用的技术和成果，体现实践能力。 6. **教育背景**：展示学历信息，包括毕业院校、专业和取得的学位。 7. **联系方式**：提供电子邮件、社交媒体链接或者在线简历的下载链接，方便潜在雇主或合作伙伴联系。 8. **底部**：页脚区域可能包含版权信息、网站政策链接等。在压缩包文件名为“index”的情况下，这个文件很可能就是这个自我介绍页面的入口，即主HTML文件。HTML文件中可能包含了内联CSS和JavaScript，或者引用了外部的CSS和JS文件来实现页面的样式和交互功能。开发过程中，可以使用浏览器的开发者工具来调试和优化页面效果。静态页面的制作和发布流程相对简单，不需要服务器端的数据库支持，只需将文件上传到Web服务器，用户即可访问。同时，由于静态页面加载速度快，安全性高，对于个人展示类网站是一个理想的选择。然而，如果需要动态数据交互（如用户评论、实时更新等），则需要转向动态页面技术。

资源推荐

资源详情

资源评论

收起资源包目录

自我介绍.rar （7个子文件）

index

img

21.gif 1KB

main.js 853B

jquery-1.js 94KB

navFixed-1.js 804B

css

main.css 5KB

reset.css 212B

demo.html 4KB

<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <title>徐宝琴的简介</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/jquery-1.js"></script> <script src="js/navFixed-1.js"></script> <script src="js/main.js"></script> </head> <body> <section style="height: 631px;" id="block-firstPage"> <p style="display: block; top: 249px;" class="blockTitle">Hello World</p> <div id="fstPage-down"><a href="#block-intro" hidefocus="true"></a></div> </section> <section style="z-index: 1; position: fixed;" id="block-nav"> <header class="container"> <a class="fl" href="#block-firstPage" id="logo" hidefocus="true">徐宝琴</a> <nav class="fr"> <a href="#block-intro" id="nav-intro" hidefocus="true">个人简介</a> <a href="#block-skill" id="nav-skill" hidefocus="true">专业技能</a> <a href="#block-workEXP" id="nav-workEXP" hidefocus="true">工作经历</a> <a href="#block-wantMore" id="nav-wantMore" hidefocus="true">联系邮箱</a> </nav> </header> </section> <section style="margin-top: 0px;" id="block-intro"> <div class="container"> <div id="intro-text"> <ul class="fl"> <li><span>姓名</span> | 徐宝琴 </li> <li><span>手机</span> | 15115673972</li> <li><span>扣扣</span> | 476397805 </li> <li><span>所在地</span> | 安徽 - 池州</li> <li><span>微博</span> | @BlingBlingBAO</li> <li><span>wechat</span> | xbq476397805</li> </ul> <div class="fr"> <p>我叫徐宝琴，是财管13101班的一名大二的学生，在班上任团支书，在学生会也摸打滚爬过一年。<br>性格开朗，对待工作认真负责，待人真诚，善于沟通、有较强的组织能力与团队精神;活泼开朗、乐观上进、有爱心并善于施教并行;上进心强、勤于学习能不断进步自身的能力与综合素质。<br>我有时间概念，能在约定时间内保证完成任务。</p> <p>自学能力很强,在校自学了很多计算机知识,，懂得计算机的维护，熟练操纵windows、office办公软件，熟悉interne资源。会auto cad photoshop等软件;会用c语言编写一般程序。<br>我本人平常适应性强，责任心强，勤勉不懈，并具有良好的团队精神。在各种不同的兼职工作中，积累了丰富的经验优秀的口头、书面表达能力。 </p> </div> </div> </div> </section> <section id="block-skill"> <div class="container"> <div class="skill-title"> <h2>掌握技能</h2> </div> <div class="skills"> <ul class="skill-lang"> <li>基本技能</li> <li>英语</li> <li>office办公软件</li> <li>auto cad</li> <li>photoshop</li> <li>c语言</li> </ul> <ul class="skill-idea"> <li>专业技能</li> <li>税法</li> <li>会计</li> <li>财务管理</li> </ul> </div> </div> </section> <section id="block-workEXP"> <div class="container"> <div class="work-title"> <h2>兴趣爱好</h2> </div> <div class="workEXP-main"> <ul class="timebox"> <li class="time0">跑步</li> <li class="time1">羽毛球</li> <li class="time2">唱歌跳舞</li> </ul> <div class="timeline"></div> </div> </div> </section> <section style="height: 579px;" id="block-wantMore"> <p style="top: 249.5px;">It's me!<br> </p> </section> </body></html>

评论收藏

内容反馈