<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="js/mootools.r420.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>www.chinaz.com</title>
</head>
<!-- when the page loads, hide all sliders -->
<body onload = "EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide();">
<div id="container">
<!-- THE STARTING POINT -->
<div id="start" class="positioning">
<div class="inside">
<div class="text" style="text-align:center">
<img src="images/index.gif" alt="melissahie.com" /></div>
<div class="navigator"><div id="gotowork"><img src="images/button_start.gif" alt="ready go!" /></div></div>
</div>
</div>
<!-- ABOUT -->
<div id="about" class="positioning">
<div class="inside">
<img src="images/title_about.gif" alt="about me, me, me" />
<div class="header">I suppose this is where I write about myself.</div>
<div class="text">
Hi! My name is Melissa Hie. I am currently residing in Los Angeles, and I am a recent Computer Science graduate from <a href="http://www.ucla.edu/">UCLA</a> (Class of '07). I am not too fond of my major, but I admit it is an interesting field and has given me valuable experiences I would not possess otherwise. My real passion lies in web and graphic designing.<br />
<br />
In my free time, I enjoy watching TV shows. Lots and lots of it. My all time favorite is <a href="http://en.wikipedia.org/wiki/The_X-Files">The X-Files</a>, which I have been watching literally half my life! Other honorable mentions are Battlestar Galactica and House MD. I like playing videogames, and occasionally trying to speak Japanese (actually, it's my minor in college). I also enjoy reading books, but I like webcomics even better! My favorite comics are <a href="http://www.xkcd.com/">XKCD</a> and <a href="http://www.pbfcomics.com/">The Perry Bible Fellowship</a>. These guys are brilliant.
</div>
<div class="navigator"><div id="gotoskills"><img src="images/button_skills.gif" alt="on to my portfolio!" /></div></div>
</div>
</div>
<!-- WORK -->
<div id="work" class="positioning">
<div class="inside">
<div id="sliderEva" class="slider"><img src="images/screenshot/evacare.jpg" id="evacareout" alt="Eva Care Group" /><br /><br />
<a href="http://www.evacare.net/">launch</a> | click on the image to close</div>
<div id="sliderst4r" class="slider"><img src="images/screenshot/st4rbuck.jpg" id="st4rout" alt="st4rbuck.net" /><br /><br />
my past portfolio site | click on the image to close</div>
<div id="sliderRick" class="slider"><img src="images/screenshot/rickdavid.jpg" id="rickout" alt="RickDavidPhoto.com" /><br /><br />
<a href="http://www.rickdavidphoto.com/">launch</a> | click on the image to close</div>
<div id="sliderLakiff" class="slider"><img src="images/screenshot/lakiff.jpg" id="lakiffout" alt="LAKIFF" /><br /><br />
click on the image to close</div>
<img src="images/title_work.gif" alt="work, work." />
<div class="header">some stuff I've done</div>
<div class="text">click on the thumbnails for full-view of each site<br/>
<div id="evacarein" class="button"><img src="images/thumb/evacare.jpg" alt="Eva Care Group" /></div> <div id="st4rin" class="button"><img src="images/thumb/st4rbuck.jpg" alt="st4rbuck.net" /></div> <div id="rickin" class="button"><img src="images/thumb/rickdavid.jpg" alt="RickDavidPhoto.com" /></div> <div id="lakiffin" class="button"><img src="images/thumb/lakiff.jpg" alt="LAKIFF" /></div>
</div>
<div class="navigator"><div id="gotoprint"><img src="images/button_print_design.gif" alt="view print design" /></div></div>
</div>
</div>
<!-- CONTACT -->
<div id="contact" class="positioning">
<div class="inside">
<img src="images/title_contact.gif" alt="contact me!" />
<div class="header">ways to reach me</div>
<div class="text">please contact me through email: <a href="mailto:melissa at melissahie dot com">melissa (at) melissahie (.) com</a><br />
<br /><b>Note:</b> I am currently available for freelancing, but would also welcome a full-time job opportunity. If you are interested please contact me with details (preferably something more than just the generic "I have a project you might be interested in..."). I've found that I work best when I actually connect with the people I work for :)<br /><br />
来源：<a href="http://melissahie.com/" target="_blank">http://melissahie.com/</a> 代码整理：<a href="http://www.chinaz.com/" target="_blank" class="red">中国站长站</a>尊重他人劳动成果，转载请自觉注明出处<br />
<br />
Copyright © 2007 by Melissa Hie | All Rights Reserved<br />
script by <a href="http://www.mootools.net/">mootools.net</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://getfirefox.com/">Get Firefox</a>
</div>
<div class="navigator"><div id="gotohome"><img src="images/button_home.gif" alt="go back home" /></div></div>
</div>
</div>
<!-- PRINT -->
<div id="print" class="positioning">
<div class="inside">
<div id="sliderPrf6" class="slider"><img src="images/print/phirhofall06.jpg" id="prf6out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<div id="sliderPrs7" class="slider"><img src="images/print/phirhospring07.jpg" id="prs7out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<img src="images/title_print.gif" alt="Print Design" />
<div class="header">my printed works</div>
<div class="text">
<div id="prf6in" class="button"><img src="images/thumb/phirhofall06.jpg" alt="Phi Sigma Rho Rush Flyer" /></div> <div id="prs7in" class="button"><img src="images/thumb/phirhofall07.jpg" alt="Phi Sigma Rho Rush Flyer" /></div>
</div>
<div class="navigator"><div id="gotoabout"><img src="images/button_about.gif" alt="Skillsets" /></div></div>
</div>
</div>
<div id="skills" class="positioning">
<div class="inside">
<img src="images/title_skills.gif" alt="Skills" />
<div class="header"></div>
<div class="text">
<ul id="purple">
<li>Advanced knowledge in (X)HTML, CSS</li>
<li>Comfortable with hand-coding (X)HTML and CSS from scratch</li>
<li>Working knowledge of PHP and MySQL</li>
<li>Proficiency in Adobe Photoshop</li>
<li>Dedicated, fast learner, detail oriented</li>
<li>Languages: English (proficient), Indonesian (proficient), Japanese (intermediate)</li>
</ul>
</div>
<div class="navigator"><div id="gotocontact"><img src="images/button_contact.gif" alt="contact me" /></div></div>
</div>
</div>
</div>
<script type="text/javascript">
// navigations
var skroll = new Fx.Scroll(window, {duration: 1500, wait: false, transition: Fx.Transitions.quadInOut});
// website layouts
var EvaSlider = new Fx.Slide('sliderEva', {duration: 1000, transition: Fx.Transitions.bounceOut});
var st4r = new Fx.Slide('sliderst4r', {duration: 1000, transition: Fx.Transitions.bounceOut});
var rickSlider = new Fx.Slide('sliderRick', {duration: 1000, transition: Fx.Transitions.bounceOut});
var lakiffSlider = new Fx.Slide('sliderLakiff', {duration: 1000, transition: Fx.Transitions.bounceOut});
$('gotohome').addEvent('click', function(){ skroll.toElement('start'); });
$('gotoabout').addEvent('click', function(){ skroll.toElement('about'); });
$('gotowork').a
新思路新创意桌面式导航
需积分: 3 155 浏览量
2011-07-28
14:16:05
上传
评论
收藏 379KB ZIP 举报
桌面式导航.zip （31个子文件） 
桌面式导航 css 
styles.css 3KB images 
button_skills.gif 2KB button_print_design.gif 2KB index.gif 19KB button_home.gif 2KB print 
phirhofall06.jpg 55KB phirhospring07.jpg 56KB Thumbs.db 6KB title_contact.gif 1KB title_print.gif 2KB title_about.gif 2KB button_contact.gif 2KB button_about.gif 2KB Thumbs.db 25KB thumb phirhofall06.jpg 6KB st4rbuck.jpg 9KB phirhofall07.jpg 7KB Thumbs.db 8KB rickdavid.jpg 13KB lakiff.jpg 13KB evacare.jpg 13KB screenshot st4rbuck.jpg 22KB Thumbs.db 7KB rickdavid.jpg 39KB lakiff.jpg 40KB evacare.jpg 34KB title_skills.gif 1KB button_start.gif 2KB title_work.gif 1KB js mootools.r420.js 20KB index.htm 10KB
评论0
最新资源