案例:

图片:

参考代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动手实践</title>
<style>*{margin: 0;padding: 0;font-size:14px;     }dd{width: 461px;height: 145px;margin: -4px;padding: 0;background: url("../素材/bg.png");   }.one,.three{padding-top:43px;width:120px;height:80px;display: inline-block;text-align: right;  }.two{color: white;padding-top:39px;width:90px;height:80px;display: inline-block;text-align: right;}a:hover{color: #ce4d52;background:url("../素材/bg1.png");}a{    color: white;display: block;width: 461px;height: 145px;text-decoration: none;}</style>
</head><body><dl><dt><img src="../素材/head.png" width="457" height="95" alt=""/></dt><dd><a href=""><span class="one">印刷流程<br>广告设计<br>企业形象设计</span><span class="two">&nbsp;<br>1<br>&nbsp;</span><span class="three"><br>&nbsp;平面设计<br>&nbsp;</span></a></dd><dd><a href="" ><span class="one">页面设计<br>HTML+CSS<br>JS和JQ交互特效</span><span class="two">&nbsp;<br>2<br>&nbsp;</span><span class="three">&nbsp;<br>网页设计<br>&nbsp;</span></a></dd><dd><a href="" ><span class="one">视觉创意设计<br>人机交互原则<br>UI设计规范</span><span class="two">&nbsp;<br>3<br>&nbsp;</span><span class="three">&nbsp;<br>网页设计<br>&nbsp;</span></a></dd></dl>
</body>
</html>

HTML5网页基础设计——课程介绍专栏相关推荐

  1. HTML+CSS+JavaScript网页制作案例教程-黑马程序员-第五章课后习题(课程介绍专栏效果)

    黑马程序员编著的教材  HTML+CSS+JavaScript网页制作案例教程 第五章:"课程介绍"专栏-课后习题参考代码 题目原型: 请结合给出的素材,运用列表标记,超链接标记以 ...

  2. 课程介绍专栏/html5+css/案例演示

    实现效果 合给出的素材,运用列表标签.超链接标签以及CSS控制列表与超链接的样式实现下图所示的课程介绍专栏效果.其中课程类别都是可以点击的链接,当鼠标移上时,其样式会发生变化. 鼠标移动到对应位置上的 ...

  3. HTML5前端页面设计,HTML5网页前端设计

    HTML5网页前端设计 编辑 锁定 讨论 上传视频 <HTML5网页前端设计>是2017年6月清华大学出版社出版的图书,作者是周文洁. 书    名 HTML5网页前端设计 作    者 ...

  4. html5网页前端设计 当当,HTML5网页前端设计实战

    本书是一本从零开始学习的Web前端开发教材,无需额外的基础.本书以项目驱动为宗旨,详细介绍了HTML5.CSS3与JavaScript的基础知识与使用技巧.本书包含例题228个,均在浏览器中调试通过. ...

  5. (第45册)HTML5网页游戏设计从基础到开发(第2版·微课视频版)

    HTML5是W3C组织近年来发布的一项引起业内轰动的Web新标准.它几乎颠覆现有Web应用, HTML5从根本上改变了开发商开发web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响将继续 ...

  6. UI设计课程介绍:UI设计都有哪些课程

    成为一个优秀的ui设计师除了需要掌握Photoshop.Illustrator等设计工具外,还需要掌握Dreamweaver.HTML.DIV+CSS等网站技术工具,同时还需要具备交互设计的思想.下面 ...

  7. 大学计算机课程实验,大学计算机基础实验课程介绍

    学会了Word(文字处理).excel(表格管理).powerpoint(幻灯片制作).frontpage(网页制作).access(数据库管理).outlook(邮件管理).publisher(广告 ...

  8. 计算机视觉专业要学什么课程,[08本]“计算机视觉基础”课程介绍和课件

    课程课件PDF及HTML介绍较大,可从SRTP FTP中下载:srtp.8800.org,用户名和密码都是srtp <计算机视觉基础>课程介绍 概述 本课程是信息科学与工程专业的选修课程, ...

  9. 快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

    为了寻找一个优质的网页模板,网页设计师和开发者往往可能会花上大半天的时间.不过幸运的是,现在的网页设计师和开发人员已经开始共享HTML5,Bootstrap和CSS3中的免费网页模板资源.鉴于网站模板 ...

最新文章

  1. ECCV2020最佳论文 | 全面解析光流计算模型RAFT
  2. web压力测试工具ab安装及使用
  3. CentOS6.5+puppet3.7.3 安装、配置及测试
  4. drive数据集_英伟达的最强人脸GAN开源了,它吃的高清数据集也开源了
  5. 【机器视觉】 dev_open_file_dialog算子
  6. 接口方法和映射器的statement id 是怎么绑定起来的?
  7. 读取/书写Java的XML格式properties文件
  8. java join 源码_java并发:join源码分析
  9. [pandas]方法总结
  10. vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
  11. 使用Python编写Prometheus监控metrics接口
  12. 数据结构之简单排序算法
  13. tsql 和 clr 的性能实测比对
  14. 【笔记+代码】网格搜索-GridSearchCV
  15. Adobe FLASH CS6 安装错误解决方法
  16. android录制屏幕接口,ARDC Android 远程桌面助手 录屏 演示 MD
  17. 六旋翼无人机(飞行器)设计(lunwen+任务书+开题+文综+翻译及原文+cad图纸)
  18. 人狗鸡米过河问题matlab代码
  19. U盘大小的双核 Android 移动电脑:仅重21克
  20. 解决u盘中病毒后如何文件被隐藏的问题

热门文章

  1. python 生成随机数据,随机中文,英文,数字,姓名等
  2. Go语言数据库框架——xorm
  3. cache 强缓存与弱缓存区别
  4. 华三AC+AP部署无线基本配置(华三AC配置)
  5. 微信小程序之授权登录
  6. 在Ubuntu中安装wannier90-3.1.0(非Intel-toolchain)
  7. python爬虫爬取图片保存到本地文件
  8. 史上最好用的图标设计软件 - 即时设计- 面向程序员的培训
  9. Redmi Note 9 4G 安装GooglePlay服务
  10. 浪潮十年:“云计算”中崛起,“智慧计算”中爆发