一、网页介绍

1.网页编辑:任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ )等任意html编辑软件进行运行及修改编辑等操作

2.知识应用:技术方面主要应用了网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件),基本网页设计所需的知识点全覆盖。

二、网页效果





三、源码实现

代码说明:以下仅展示部分代码供参考~

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head>
<body>
<div class="top">
<div class="nav">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="xueshi.html">动物学史</a></li>
<li><a href="xiaji.html">下级分类</a></li>
<li><a href="shengli.html">生理构造</a></li>
<li><a href="zhongqun.html">种群现状</a></li></ul>
</div>
</div>
<div class="xia">
<div class="title"><p>鲸目</p></div>
<div>
<div class="zuo">
<p>鲸目(学名:Cetacea)是哺乳纲下设的一个传统分类单元,包含现存约90种体态似鱼、皮肤裸露的水生哺乳动物和它们已灭绝的早期亲族,统称 鲸类 或 鲸豚类,习惯上体型大者称鲸(英:Whales),小者称豚(英:Dolphins)。大部分栖息于浅海,少数几种栖息于淡水。</p>
<p>鲸类的形体构造和生活习性明显异于任何哺乳类,故长期单列为一目。其祖先和演化史一度存有争议,但随着相关研究不断进展,现已充分证实鲸类由5000万年前的陆生偶蹄目入水后演化而成。DNA测序显示鲸类与河马互为姐妹群,二者构成的分支又与反刍亚目互为姐妹群。为避免偶蹄目成为并系群(即缺少部分演化支),现行分类将鲸目归入偶蹄目,降级为 鲸下目。</p>
<p>为适应水下环境,鲸类的前肢进化为鳍,后肢退化,并生出水平的尾鳍。鼻孔移生至头顶,须每隔一段时间将鼻孔露出水面置换氧气。无耳廓,但听力极佳。鲸类的两大支系——须鲸和齿鲸,在3400万年前分化。须鲸现存约15种,口内无齿,上颌有帘幕般的角质鲸须,滤食磷虾、小鱼等;普遍体型巨大,是世界上最大的一类动物。齿鲸现存约75种,口中多有利齿,捕食鱼类、头足类等;总体上体型较须鲸小,且不同种类间差距较大;拥有发达的声呐系统,活动时主要依靠回声定位功能;部分种类智商极高,甚至具备复杂的情感。</p>
<p>鲸类每胎仅产1崽,生长期长,在人类侵害下1/4的种类濒临灭绝 。尽管国际捕鲸委员会自20世纪80年代起规定禁止商业捕鲸,但冰岛、挪威、俄罗斯、日本等国仍在大量猎杀鲸类。</p>
</div>
<div class="you"><p><img src="data:images/t.jpg" width="430"></p>
<Br>
<p><img src="data:images/t1.jpg" width="430" height="258"></p></div>
</div><div class="clearit"></div>
<hr><div class="zi">
<h3>命名</h3>
<p>鲸目由 18 世纪法国动物学家 马蒂兰· 雅克· 布里松(法文:Mathurin Jacques Brisson,1723-1806)在 1762 年命名。“Cetacea” 来自拉丁文 cetus,意为“鲸”,词源为古希腊文 κῆτος(罗马化:kētos),意为“巨大的鱼”。</p>
<p>在证实鲸目演化自偶蹄目后,其分类层级降为下目,但学名未变。</p>
</div><div class="tu"><img src="data:images/s1.jpg" width="300" height="200"><img src="data:images/s2.jpg" width="300" height="200"><img src="data:images/s3.jpg" width="300" height="200"></div></div><div class="foot">鲸</div>
</body>
</html>

宠物网页代码 html静态网页设计制作 dw静态网页成品模板素材网页 web前端网页设计与制作 div静态网页设计相关推荐

  1. HTML5期末大作业:漫画网站设计——海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作 计算机毕设网页设计源码

    HTML5期末大作业:漫画网站设计--海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例 企业网站制作 计算机毕设网页设计源码 常见网页设计作业题材有 个 ...

  2. 静态HTML网页设计作品商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码

    HTML5期末大作业:商城网站设计--蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计 文章目录 HTML5期末大作业:商城网站设计--蘑菇街商城(1页) HTML+CS ...

  3. HTML5期末大作业:商城网站设计——蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码

    HTML5期末大作业:商城网站设计--蘑菇街商城(1页) HTML+CSS+JavaScript web前端课程设计_web前端课程设计代码,web课程设计-HTML网页制作代码 常见网页设计作业题材 ...

  4. 网页设计作业 开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

    HTML5期末大作业:旅行网站设计--开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...

  5. HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

    HTML5期末大作业:旅行网站设计--开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...

  6. web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)

    web前端大一实训~制作卡布漫画网站设计与实现 (HTML+CSS+JavaScript) 学生动漫网页设计模板下载 卡不漫画大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学 ...

  7. HTML+CSS+JS 生鲜水果蔬菜商城网站设计——天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品_期末大作业

    HTML5期末大作业:生鲜水果蔬菜商城网站设计--天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...

  8. web前端实训大作业:餐饮网站设计——美食城(7个页面) HTML+CSS+JavaScript

    web前端实训大作业:餐饮网站设计--美食城(5个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要 ...

  9. Web前端开发之网站制作流程详细讲解

    一个网站想要顺利的运行就离不开HTML5网页技术开发人员,因此熟悉整个网站的开发建设流程对HTML5网页技术开发人员尤为重要,本篇文章扣丁学堂小编就和大家分享一下Web前端开发之网站制作流程,希望可以 ...

  10. HTML5期末大作业:生鲜水果蔬菜商城网站设计——天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业

    HTML5期末大作业:生鲜水果蔬菜商城网站设计--天天生鲜水果蔬菜商城(10页) web前端设计与开发期末作品/期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物 ...

最新文章

  1. Win10不能使用Genymotion模拟器的解决方案
  2. 使用JProfiler查看GC Roots
  3. mod4最优路径问题
  4. [VSTO系列]三、简单的UI设计/QQ联系人导出(下)
  5. 使用阿里云火车票查询接口案例——CSDN博客
  6. 搜索宝典:搜索资料的三重境界【帮助高级篇】
  7. 简单的datalist分页代码
  8. Java 并发(JUC 包-01)
  9. es6 Atomics对象
  10. 去年购房者平均年龄为29.5岁 80后家庭人均居住面积最小
  11. 【React框架-1】React概览
  12. 【面试题】---前端需要掌握的知识点-----更新...
  13. BZOJ1057 [ZJOI2007]棋盘制作 【最大同色矩形】
  14. 双击 计算机 打不开,电脑双击桌面图标打不开的解决方法
  15. 小米手机开启Root权限
  16. 疫情中计算机方面的直播课,线上课程,前沿讲座,主要是人工智能方面,计算机视觉,爬虫等
  17. smartSVN 新建仓库
  18. 连续支付(周期扣款)功能开发及注意事项
  19. 将音频转化为文字的软件——职场必备宝典
  20. 好看的多级菜单html,jQuery实现美观的多级动画效果菜单代码

热门文章

  1. Lucas-Kanade 20 Years On 正反向/累加/合成求解算法
  2. RDS - 远程桌面服务
  3. app跳转到指定app
  4. 计算机操作系统--缺页中断与越界中断
  5. 股票交易成本有哪些费用?
  6. java浮点类型数据运算并保留小数点后几位工具类
  7. Gradle version 和 Android Plugin Version是什么东东,有啥关系
  8. 别让CDN的回源把你的服务器拖垮,采用正确的回源策略
  9. 部分主流视频网站下载方法
  10. Junit4 initializationError初始化错误 终于解决了!!!