个人网站设计-I DEVICE
2015-02-06 17:14
337 查看
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>欢迎来到爱设备网站</title>
<link rel="stylesheet" href="MyStyle.css" type="text/css"/>
<base target="_blank"/>
</head>
<body>
<div class="header">
<img class="logo" src="u=2273938360,13391215&fm=116&gp=0_副本.png" alt="点此加载图片"/>
<div class="topic">
<p class="word1">I DEVICE</p>
<p class="word2">我们的心,您的设备</p>
</div>
<div class="pic">
<img src="41d000_273d87e05f3236a242711250078dfd6d.png_srz_p_143_70_75_22_0.50_1.20_0.png" alt="点击加载图片"/>
</div>
<div class="navagation">
<img class="pic1" src="8d2c2a4846503b9067e2fd2f590445c2.wix_mp_srz_p_30_30_75_22_0.50_1.20_0.jpg" alt=""/>
<img class="pic2" src="b67d062dc57b4fbce6342c776b8becb0.wix_mp_srz_p_30_30_75_22_0.50_1.20_0.jpg" alt=""/>
<img class="pic3" src="fe7017590fbd384c7502a64601c7b444.png_srz_p_30_30_75_22_0.50_1.20_0.png" alt=""/>
<ul class="HPnava">
<li><a href="">HOME</a></li>
<li><a href="">PRODUCT</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">CONTACT</a></li>
<li><a href="">BLOG</a></li>
</ul>
</div>
</div>
<div class="zhuti">
<div class="bkgr">
<div class="word3">
<h1>NEWEST PRODUCT</h1>
<p>I'm a paragraph. Click here to add your own text and edit me. It’s easy.
Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font.
I’m a great place for you to tell a story and let your users know a little more about you.
</p>
</div>
</div>
<div class="product">
<img src="41d000_9fe71ce33f104cde3c3adc4e06bcb30c.png_srz_p_514_439_75_22_0.50_1.20_0.png" alt="点击加载图片"/>
</div>
</div>
</body>
</html>
这是按照网上提供的模板,利用网上提供的资料,在此基础上加上自己的设计和创意,完成的网站原型!在此感谢wix-web
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>欢迎来到爱设备网站</title>
<link rel="stylesheet" href="MyStyle.css" type="text/css"/>
<base target="_blank"/>
</head>
<body>
<div class="header">
<img class="logo" src="u=2273938360,13391215&fm=116&gp=0_副本.png" alt="点此加载图片"/>
<div class="topic">
<p class="word1">I DEVICE</p>
<p class="word2">我们的心,您的设备</p>
</div>
<div class="pic">
<img src="41d000_273d87e05f3236a242711250078dfd6d.png_srz_p_143_70_75_22_0.50_1.20_0.png" alt="点击加载图片"/>
</div>
<div class="navagation">
<img class="pic1" src="8d2c2a4846503b9067e2fd2f590445c2.wix_mp_srz_p_30_30_75_22_0.50_1.20_0.jpg" alt=""/>
<img class="pic2" src="b67d062dc57b4fbce6342c776b8becb0.wix_mp_srz_p_30_30_75_22_0.50_1.20_0.jpg" alt=""/>
<img class="pic3" src="fe7017590fbd384c7502a64601c7b444.png_srz_p_30_30_75_22_0.50_1.20_0.png" alt=""/>
<ul class="HPnava">
<li><a href="">HOME</a></li>
<li><a href="">PRODUCT</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">CONTACT</a></li>
<li><a href="">BLOG</a></li>
</ul>
</div>
</div>
<div class="zhuti">
<div class="bkgr">
<div class="word3">
<h1>NEWEST PRODUCT</h1>
<p>I'm a paragraph. Click here to add your own text and edit me. It’s easy.
Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font.
I’m a great place for you to tell a story and let your users know a little more about you.
</p>
</div>
</div>
<div class="product">
<img src="41d000_9fe71ce33f104cde3c3adc4e06bcb30c.png_srz_p_514_439_75_22_0.50_1.20_0.png" alt="点击加载图片"/>
</div>
</div>
</body>
</html>
这是按照网上提供的模板,利用网上提供的资料,在此基础上加上自己的设计和创意,完成的网站原型!在此感谢wix-web
相关文章推荐
- 个人博客网站设计第二天:网站优化
- 公司邮件+网站+后台部署设计方案〖罗斌个人工作经验谈〗
- 经典网页设计:20佳很酷的个人网站设计案例
- 经典网页设计:顶尖的个人作品集网站设计欣赏【上篇】
- 网页设计实例--我的个人网站
- 个人网站设计心得
- 经典网页设计:25个优秀的个人网站设计欣赏
- 40款不容错过的个人摄影设计作品集网站
- 40款不容错过的个人摄影设计作品集网站
- 经典网页设计:精美的个人作品集网站设计欣赏【下篇】
- [组图]国外最流行的五种个人网站设计风格
- 个人电子商务网站建设之——整站静态化实现的选择、设计与实现(二):静态页面的实现方式;
- 基于asp.net的个人网站设计
- 40款不容错过的个人摄影设计作品集网站
- [转]铁路订票网站个人的设计浅见
- 个人博客网站设计第三天:排名趋势
- 艳情女星精通编程 自己设计个人网站(多图)
- 经典网页设计:20佳很酷的个人网站设计案例
- 个人网站设计:25个国外优秀案例带给你灵感