简单个人网页制作大学生网页设计作业静态HTML个人博客主页DW个人网站模板下载大学生简单个人网页作品代码

共59个文件

jpg：26个

png：14个

html：8个

Dreamweaver网页作业

需积分: 40 67 浏览量 2022-07-28 01:05:44 上传评论 5 收藏 3.73MB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

平面设计.rar （59个子文件）

pingmiansheji

works.html 7KB

index.html 27KB

Assets

css

responsive.css 6KB

reset.css 1KB

thems.css 16KB

upload

banner_c.jpg 183KB

banner.jpg 121KB

pic3.jpg 43KB

banner_a.jpg 182KB

banner_e.jpg 213KB

pic1.jpg 136KB

pic2.jpg 58KB

banner_d.jpg 152KB

pic7.jpg 41KB

f1.jpg 3KB

pic6.jpg 19KB

pic4.jpg 89KB

pic5.jpg 178KB

map.jpg 313KB

f2.jpg 4KB

banner_b.jpg 164KB

banner_f.jpg 188KB

images

icon4.png 1KB

bg_2.png 192B

icon6.png 763B

p3.jpg 4KB

bg_4.png 906B

bg_3.jpg 130KB

icon5.png 743B

bg_1.png 25KB

icon2.jpg 3KB

nav_ico.png 43KB

p2.jpg 3KB

icon7.png 579B

code.jpg 8KB

p1.jpg 4KB

icon1.png 1KB

p4.jpg 3KB

logo.png 26KB

f_logo.png 7KB

icon3.jpg 3KB

plugins

FlexSlider

images

dot.png 317B

banner.jpg 54KB

ad_ctr.png 4KB

nav_ico.png 2KB

1472275993.gif 1.33MB

jquery.flexslider.js 40KB

index.html 1KB

jquery.flexslider-min.js 17KB

jquery-1.9.1.min.js 90KB

flexslider.css 3KB

banner.js 53KB

js_z.js 1KB

jquery-1.8.3.min.js 91KB

service.html 5KB

customer.html 6KB

news.html 8KB

about.html 6KB

contact.html 6KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> <title>天佑设计</title> <link rel="stylesheet" type="text/css" href="Assets/css/reset.css"/> <script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="Assets/js/js_z.js"></script> <script type="text/javascript" src="Assets/js/banner.js"></script> <link rel="stylesheet" type="text/css" href="Assets/css/thems.css"> <link rel="stylesheet" type="text/css" href="Assets/css/responsive.css"> <script language="javascript"> $(function(){ $('#owl-demo').owlCarousel({ items: 1, navigation: true, navigationText: ["上一个","下一个"], autoPlay: true, stopOnHover: true }).hover(function(){ $('.owl-buttons').show(); }, function(){ $('.owl-buttons').hide(); }); }); </script> </head> <body>  <div class="header"> <div class="head clearfix"> <div class="logo"> <a href=""><img src="Assets/images/logo.png" alt="天佑设计"/></a> </div> <div class="nav_m"> <div class="n_icon">导航栏</div> <ul class="nav clearfix"> <li class="now"><a href="index.html">网站首页</a></li> <li><a href="about.html">关于天佑</a></li> <li><a href="works.html">作品展示</a></li> <li><a href="service.html">服务介绍</a></li> <li><a href="customer.html">我们客户</a></li> <li><a href="news.html">新闻动态</a></li> <li><a href="contact.html">联系我们</a></li> </ul> </div> </div> </div>   <div id="banner" class="banner"> <div id="owl-demo" class="owl-carousel"> <a class="item" target="_blank" href="" style="background-image:url(Assets/upload/banner.jpg)"> <img src="Assets/upload/banner.jpg" alt=""> </a> <a class="item" target="_blank" href="" style="background-image:url(Assets/upload/banner.jpg)"> <img src="Assets/upload/banner.jpg" alt=""> </a> <a class="item" target="_blank" href="" style="background-image:url(Assets/upload/banner.jpg)"> <img src="Assets/upload/banner.jpg" alt=""> </a> <a class="item" target="_blank" href="" style="background-image:url(Assets/upload/banner.jpg)"> <img src="Assets/upload/banner.jpg" alt=""> </a> </div> </div>  <div class="bg_a"> <div class="wrap"> <div class="i_name"> <p>OUR SERVICE</p> <em>我们的服务</em> <img src="Assets/images/bg_1.png" alt=""/> </div> <ul class="i_service clearfix"> <li> <a href=""> <div class="tu"><img src="Assets/images/p1.jpg" alt=""/></div> <div class="title">视觉形象</div> <div class="ctn"> 通过对产品策略、外观、结构、功能以及整个生产系统的布局等设计，从而更直观传递出产品的品质及个性，是提升产品价值的重要影响因素。 </div> </a> </li> <li> <a href=""> <div class="tu"><img src="Assets/images/p2.jpg" alt=""/></div> <div class="title">包装画册</div> <div class="ctn"> 通过对产品策略、外观、结构、功能以及整个生产系统的布局等设计，从而更直观传递出产品的品质及个性，是提升产品价值的重要影响因素从而更直观传递出产品的品质及个性，是提升产品价值的重要影响因素。 </div> </a> </li> <li> <a href=""> <div class="tu"><img src="Assets/images/p3.jpg" alt=""/></div> <div class="title">品牌策划</div> <div class="ctn"> 通过对产品策略、外观、结构、功能以及整个生产系统的布局等设计，从而更直观传递出产品的品质及个性，是提升产品价值的重要影响因素。 </div> </a> </li> <li> <a href=""> <div class="tu"><img src="Assets/images/p4.jpg" alt=""/></div> <div class="title">产品规划</div> <div class="ctn"> 通过对产品策略、外观、结构、功能以及整个生产系统的布局等设计，从而更直观传递出产品的品质及个性，是提升产品价值的重要影响因素。 </div> </a> </li> </ul> </div> </div> <div class="wrap"> <div class="i_name"> <p>THE PERMANENT WORKS</p> <em>天佑作品</em> <img src="Assets/images/bg_1.png" alt=""/> </div> <div class="works"> <dl class="clearfix"> <dt> <img src="Assets/upload/pic1.jpg" alt=""/> <div class="des"> <div class="title"><a href="">汽车营行品牌设计</a></div> <div class="ctn">汽车营行是在互联网新浪潮下，采用O2O电子商务模式创立的专业汽车交易平台。汽车营行借鉴国际二手车信息服务和交易服务体系的成熟经验，积极探索和尝试适合国内二手车交易市场现状的二手车信息服务、交易服务运作模式进行创新运用。目前主要为广大车主提供二手车资讯、车辆检测、车辆帮卖和车险、车贷等金融服务。</div> <a href="" class="d_more">查看详情</a> </div> </dt> <dd> <ul class="clearfix"> <li> <img src="Assets/upload/pic2.jpg" alt=""/> <div class="des"> <div class="title"><a href="">汽车营行品牌设计</a></div> <div class="ctn">汽车营行是在互联网新浪潮下，采用O2O电子商务模式创立的专业汽车交易平台。汽车营行借鉴国际二手车信息服务和交易服务体系的成熟经验，积极探索和尝试适合国内二手车交易市场现状的二手车信息服务、交易服务运作模式进行创新运用。目前主要为广大车主提供二手车资讯、车辆检测、车辆帮卖和车险、车贷等金融服务。</div> <a href="" class="d_more">查看详情</a> </div> </li> <li> <img src="Assets/upload/pic2.jpg" alt=""/> <div class="des"> <div class="title"><a href="">汽车营行品牌设计</a></div> <div class="ctn">汽车营行是在互联网新浪潮下，采用O2O电子商务模式创立的专业汽车交易平台。汽车营行借鉴国际二手车信息服务和交易服务体系的成熟经验，积极探索和尝试适合国内二手车交易市场现状的二手车信息服务、交易服务运作模式进行创新运用。目前主要为广大车主提供二手车资讯、车辆检测、车辆帮卖和车险、车贷等金融服务。</div> <a href="" class="d_more">查看详情</a> </div> </li> <li>