学生奥迪汽车静态网页设计作品

  • 作品介绍
  • 作品截图
  • 网页代码
  • 作品地址

作品介绍

本网页设计期末大作业成品使用DIV CSS布局制作,题材为奥迪概念车。顶部LOGO区及首页的汽车区使用 CSS3动画属性 制作了鼠标经过动画特效(鼠标经过图片缓慢放大,鼠标离开缓慢缩小)。同时顶部LOGO区域使用 CSS3动画属性 制作了响应式加载效果。
网页整体简洁大气,每个页面都配了不同的BANNER大图,每个页面也制作了返回顶部按钮,子页面顶部制作了返回首页按钮。除了CSS文件中 有几行CSS3动画样式(可删除),其他代码均为基础代码。大图及导航背景区域宽度为100%自适应屏幕,主体内容区域为1200PX。整体宽屏设计十分漂亮。

作品截图

网页代码

说明:本作品为LILIXING.com原创作品,为了保障作品原创性,以下仅为首页部分代码供参考

<body>
<div class="head shadow"><a href="index.html"><img src="data:images/logo.png" height="100px"></a>
</div>
<div class="banner"><img src="data:images/banner.jpg" width="100%"></div>
<div class="menu"><ul><li><a href="chea.html">奥迪Aicon</a></li><li><a href="cheb.html">奥迪PB18 e-tron</a></li><li><a href="chec.html">奥迪Elaine</a></li><li><a href="ched.html">奥迪e-tron Vision Gran Turismo</a></li></ul>
</div>
<div class="foot">奥迪概念车</div>
<a href="#top" style="position:fixed; right:20px; bottom:20px;"><img src="data:images/top.png" width="50px"></a>
</body>

作品地址

stu-works.com/html/qiche/287.html

学生汽车网页设计作品静态HTML网页模板源码 大学生汽车网站制作 简单汽车网页设计成品相关推荐

  1. HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...

    HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还 ...

  2. asp毕业设计——基于asp+access的中学网站设计与实现(毕业论文+程序源码)——中学网站

    基于asp+access的中学网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的中学网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章目录: 基于 ...

  3. java毕业设计——基于JSP+sqlserver的环境美容服务公司网站设计与实现(毕业论文+程序源码)——公司网站

    基于JSP+sqlserver的环境美容服务公司网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于JSP+sqlserver的环境美容服务公司网站设计与实现,文章末尾附有本毕业设计的论文 ...

  4. asp毕业设计—— 基于asp+access的课程教学网站设计与实现(毕业论文+程序源码)——教学网站

    基于asp+access的课程教学网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的课程教学网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下载开 ...

  5. C#毕业设计——基于C#+asp.net+sqlserver的精品课程教学网站设计与实现(毕业论文+程序源码)——教学网站

    基于C#+asp.net+sqlserver的精品课程教学网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net+sqlserver的精品课程教学网站设计与实现,文章末尾 ...

  6. asp毕业设计——基于asp+sqlserver的旅游网站设计与实现(毕业论文+程序源码)——旅游网站

    基于asp+sqlserver的旅游网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+sqlserver的旅游网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦.需要下 ...

  7. java毕业设计——基于java+Spring+JSP的宠物网站设计与实现(毕业论文+程序源码)——宠物网站

    基于java+Spring+JSP的宠物网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于java+Spring+JSP的宠物网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦 ...

  8. asp毕业设计——基于asp+sqlserver的个人网站建设设计与实现(毕业论文+程序源码)——个人网站建设

    基于asp+sqlserver的个人网站建设设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+sqlserver的个人网站建设设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦 ...

  9. asp毕业设计——基于asp+sqlserver的美食网站设计与实现(毕业论文+程序源码)——美食网站

    基于asp+sqlserver的美食网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+sqlserver的美食网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章 ...

  10. asp毕业设计—— 基于asp+access的论坛网站设计与实现(毕业论文+程序源码)——论坛网站

    基于asp+access的论坛网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于asp+access的论坛网站设计与实现,文章末尾附有本毕业设计的论文和源码下载地址哦. 文章目录: 基于 ...

最新文章

  1. Linux下的Shell工作原理
  2. java上机题四取三排列_Java练习题
  3. Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目
  4. CSS3给网页穿上美丽的外衣
  5. matlab改变矩阵的元素,Matlab中元素不变情况下改变矩阵形态——reshape()
  6. apache禁止訪问某些文件或文件夹的方法
  7. iOS进阶--提高XCode编译速度、Xcode卡顿解决方案
  8. Java分布式面试题及答案,附架构师必备技术详解
  9. SAP各模块常用数据库表大全--->常用表
  10. 康佳android 9tv,汇总:康佳电视机型与软件对应关系速查表 附电视升级方法
  11. Optimizing the Transition Waste in Coded Elastic Computing(实现0浪费弹性编码计算)
  12. 新浪(1998年12月—2000年3月)
  13. MYSQL 名人博客
  14. 双线macd指标参数最佳设置_经典实用的双线MACD指标
  15. SPL工业智能:发现时序数据的异常
  16. Typhon之异常错误克星TLSException
  17. 小米NFC手机复制加密IC门禁卡
  18. 欧姆龙e5dc温控器_E5□C(E5AC/E5EC/E5CC/E5DC)温控器如何进行AT自整定?
  19. Linux红帽RHEL 7/8 系统重置root用户密码
  20. 输入一个字符串,将其逆序输出。

热门文章

  1. 利用反射过滤对象的null值
  2. ffmpeg.exe dos下怎么用 放在哪里
  3. 老板不相信我的方案结论!怎么让数据分析驱动决策?
  4. 扎金花游戏 PHP 实现代码之大小比赛
  5. 今天的中巴等各式车子的企业即时通讯
  6. 反向链接推进技巧: 有技巧的“跟风”策略
  7. 捍卫军人的尊严(武汉548公交车一幕)
  8. 如何从初级程序员变成高级程序员?赶紧看一看
  9. 2020年7大技术趋势
  10. 我要去 Google 工作了