实验六 DIV+CSS的综合应用

【实验目的】

1.掌握DIV布局的方法;

2.利用CSS对DIV进行美化;

3.利用CSS对文本图像等网页元素进行美化

【实验环境】

连接互联网的PC
,Win7操作系统。

【实验重点及难点】

熟练使用DIV+CSS进行各种形式页面的布局。

【实验内容】

1、制作如下布局类型的页面,要求使用DIV技术。

2、在上面做的布局页面中添加各种元素,注意用CSS美化。

——如在header部分添加一个CSS制作的导航条:

——如在left中添加如下所示的导航:

——在body部分自己添加相关内容。

——底部添加你个人的基本信息。包含一个指向你邮箱的邮件链接。

可借鉴九江学院电子商务学院网页。

最新文章

  1. Java基础知识点1:基本类型包装类
  2. php获取html纯文本,解决编辑器手动键入空格造成的无意义空白字符(空值问题)
  3. 链表的Java实现
  4. js轮播
  5. 使用Sonatype Nexus搭建Maven私服后如何添加第三方JAR包?
  6. 参加 TiD 2015 是怎样一番体验?
  7. oracle常见权限分配
  8. AsyncTask类
  9. new Handler()和new Handler(Looper.getMainLooper())的区别
  10. android-用xml自定义背景(可自定义显示具体那一边)
  11. JavaScript原型链与继承
  12. static作用
  13. iOS基础 - UIDatePicker and UIPickerView and UITextField
  14. 翻译:MariaDB wait/nowait
  15. RHEL 6.6下Python 2.6.6升级到Python 3.6.6
  16. Android与H5交互 原理与对比
  17. solr源码分析之数据导入DataImporter追溯。
  18. Visual studio 利用Nuget 控制台安装已经下载好的插件
  19. iOS.Notification.Bar.Color
  20. 基于alpine用dockerfile创建的ssh镜像

热门文章

  1. 小程序开发-Map地图组件
  2. iptables实用知识 ,一文学会配置linux防火墙
  3. Mybatis源码学习第六天(核心流程分析)之Executor分析(补充)
  4. Live a "love to" life,not a "have to" life.
  5. 性能测试1:loadrunner介绍及代理录制
  6. Lambda表达式看这篇基本就够用了
  7. Appium之常用API
  8. get、post请求方式在jmeter中使用步骤
  9. selenium中各个模块操作:下拉框、鼠标悬浮连贯、拼图拖拽操作、以及其他拖拽操作、连线操作
  10. Java 合并、拆分PPT幻灯片