用dreamweaver软件设计一份个人简历的网页模板，保存为html的格式。
发布网友
发布时间：2022-04-28 21:31
共2个回答
热心网友
时间：2023-09-16 17:11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
html {
margin: 0;
padding: 0;
}
body {
background: #337e61;
margin: 20px 0;
text-align: center;
color: #152628;
font-size: 11px;
}
a {
color: #152628;
font-size: 1.15em;
font-style: italic;
text-decoration: underline;
}
a:link, a:visited {
font-weight: normal;
}
a:hover {
font-weight: bold;
}
#header, #general, #objective, #skillareas, #history, #awards, #lastModified, #copyright {
width: 720px;
margin: 0 auto;
text-align: left;
border-left: 8px solid #f3fff4;
border-right: 8px solid #f3fff4;
}
#header {
background: url(ui/1/header.gif);
height: 200px;
border-top: 8px solid #f3fff4;
}
#header h1#title {
position: relative;
top: 5px;
left: 50px;
color: #ddfbb2;
font-size: 18px;
margin: 0;
}
#general {
background: #86be76;
border-top: 1px solid #f3fff4;
border-bottom: 1px solid #f3fff4;
}
#general .row {
margin: 5px 20px;
}
#general .row #realname, #general .row #titlename, #general .row #birthday, #general .row #phone, #general .row #mobile, #general .row #email, #general .row #homepage, #general .row #im {
float: left;
width: 140px;
font-size: 13px;
font-style: normal;
font-weight: bold;
}
#general .row #realnameValue, #general .row #titleValue, #general .row #birthdayValue, #general .row #phoneValue, #general .row #mobileValue, #general .row #emailValue, #general .row #homepageValue, #general .row #imValue {
color: #000;
text-decoration: underline;
}
#objective h2, #skillareas h2, #history h2, #awards h2 {
position: relative;
margin: 0;
top: 20px;
left: 20px;
font-size: 18px;
}
#objective {
background: url(ui/1/ui.gif);
height: 100px;
color: #f3fff4;
border-bottom: 1px solid #f3fff4;
}
#objective p {
position: relative;
top: 10px;
left: 20px;
color: #ddfbb2;
font-size: 16px;
font-weight: bold;
}
#skillareas {
background: #92DCAF;
color: #152628;
border-bottom: 1px solid #f3fff4;
}
#skillareas ol {
margin: 30px;
padding: 0;
list-style-type: upper-roman;
}
#skillareas ol li.skill {
margin: 0 40px;
font-size: 13px;
padding: 0;
}
#skillareas ol li.skill h3 {
color: #152628;
font-size: 13px;
margin: 10px 0;
}
#skillareas ol li.skill ul.skillset {
margin: 0;
padding: 0;
list-style-type: lower-alpha;
}
#skillareas ol li.skill ul.skillset li {
margin: 5px 40px;
padding: 0;
color: #000;
text-decoration: underline;
}
#history {
background: #152628 url(ui/2/grid.gif);
color: #f3fff4;
border-bottom: 1px solid #f3fff4;
}
#history ol {
margin: 30px;
padding: 0;
list-style-type: upper-roman;
}
#history ol li.job {
margin: 0 40px;
font-size: 13px;
padding: 0;
}
#history ol li.job h3 {
color: #f3fff4;
font-size: 13px;
margin: 10px 0;
}
#history ol li.job div.year {
float: left;
color: #ddfbb2;
font-size: 13px;
font-weight: bold;
}
#history ol li.job div.employer {
color: #ddfbb2;
float: right;
width: 440px;
}
#history ol li.job p.description {
clear: both;
color: #ddfbb2;
margin: 0;
padding: 5px 0 5px 140px;
text-decoration: underline;
}
#awards {
background: #41B8AC;
color: #152628;
border-bottom: 1px solid #f3fff4;
}
#awards ol {
margin: 30px;
padding: 0;
list-style-type: upper-roman;
}
#awards ol li.award {
margin: 0 40px;
font-size: 13px;
padding: 0;
}
#awards ol li.award h3 {
color: #152628;
font-size: 13px;
margin: 10px 0;
}
#awards ol li.award div.date {
float: left;
color: #000;
font-size: 13px;
font-weight: bold;
width: 140px;
}
#awards ol li.award div.organization {
float: left;
color: #000;
}
#awards ol li.award p.description {
clear: both;
color: #000;
margin: 0;
padding: 5px 0 5px 140px;
text-decoration: underline;
}
#lastModified {
color: #f3fff4;
background: url(ui/1/btm.gif);
height: 179px;
text-align: right;
}
#copyright {
color: #f3fff4;
font-size: 12px;
text-align: right;
border-bottom: 8px solid #f3fff4;
margin-top: -20px;
}
</style>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PorkFat 的简历</title>
</head>
<body>
<div id="header">
<h1 id="title">PorkFat 的简历</h1>
</div>
<div id="general">
<div class="row">
<label id="realname">真实姓名:</label>
<label id="realnameValue">PorkFat</label>
</div>
<div class="row">
<label id="titlename">英文名或职称:</label>
<label id="titleValue">世界上最靓一块猪腩肉</label>
</div>
<div class="row">
<label id="birthday">生日:</label>
<label id="birthdayValue">1983 年 12 月 5 日</label>
</div>
<div class="row">
<label id="phone">电话:</label>
<label id="phoneValue">021-61448888</label>
</div>
<div class="row">
<label id="mobile">移动电话:</label>
<label id="mobileValue">13601952581</label>
</div>
<div class="row">
<label id="email">电子邮件:</label>
<label id="emailValue">ActionScript2.0@gmail.com</label>
</div>
<div class="row">
<label id="homepage">主页:</label>
<label id="homepageValue">
<a href="javascript:;" title="主页">我的主页</a>
</label>
</div>
<div class="row">
<label id="im">即时通迅:</label>
<label id="imValue">QQ:37953456,MSN:alshock3@msn.com</label>
</div>
</div>
<div id="objective">
<h2>求职意向</h2>
<p>寻一份互联网相关专职工作.</p>
</div>
<div id="skillareas">
<h2>技能</h2>
<ol>
<li class="skill">
<h3>XHTML & CSS</h3>
<ul class="skillset">
<li>精通XHTML,HTML,CSS, 能完全手工编写</li>
<li>能熟练地用各种软件生成HTML/XHTML</li>
<li>熟悉标准, 能手工编写XHTML+CSS的标准网页</li>
<li>了解亲和力规范</li>
<li>有多年站点开发, 维护经验</li>
</ul>
</li>
<li class="skill">
<h3>Fireworks</h3>
<ul class="skillset">
<li>熟练掌握Fireworks</li>
</ul>
</li>
<li class="skill">
<h3>其它</h3>
<ul class="skillset">
<li>有一个月的JAVA学习经历</li>
<li>有一个星期的C++学习经历</li>
<li>有两天的WML学习经历</li>
<li>能借助SDK文档编写VBS脚本</li>
<li>胸口碎大石</li>
<li>空手入白刃</li>
<li>十万掌上压</li>
</ul>
</li>
</ol>
</div>
<div id="history">
<h2>学历及工作经验</h2>
<ol>
<li class="job">
<h3>大学毕业</h3>
<div class="year">2003</div>
<div class="employer">某某某学校</div>
<p class="description">习得服虎掌法</p>
</li>
<li class="job">
<h3>网站程序员</h3>
<div class="year">2003</div>
<div class="employer">某某网络有限公司</div>
<p class="description">学明文字.</p>
</li>
</ol>
</div>
<div id="awards">
<h2>所获奖项</h2>
<ol>
<li class="award">
<h3>经典论坛第一届样式表设计赛</h3>
<div class="date">2004年9月13日</div>
<div class="organization" >蓝色理想 经典论坛</div>
<p class="description">嘿嘿,爽歪了.</p>
</li>
<li class="award">
<h3>武皇至尊大赛</h3>
<div class="date">2005年5月5日</div>
<div class="organization" >武皇至尊大赛 组委会</div>
<p class="description">少年组红花纪念奖.</p>
</li>
</ol>
</div>
<div id="lastModified">Last Modified: 2004年9月</div>
<div id="copyright">© 2004 PorkFat</div>
</body>
</html>
热心网友
时间：2023-09-16 17:11
