学习任务

     制作日照职业技术学院招生信息网页面

     网页来源：日照职业技术学院招生信息网

     网页效果图（点击查看）

     网页效果演示（点击观看）

     设计稿（点击下载）

学习目标

     1.加深对盒子模型的理解

     2.能够综合应用文本属性、字体属性、边框属性等CSS样式对网页进行布局

准备工作

1.使用HBuilderX新建项目，如图所示（点击图像可查看大图）。

  在本例当中，需要建立一个名为enroll的文件夹，在文件夹中建立名为enroll.html的网页文件，另外建立CSS文件enroll.css，并在enroll.html中链接使用enroll.css文件。

该文件夹内还包括css、images文件夹。

2.准备好制作网页需要的图像。在本例中，所有用到的图像放在images文件夹中。

点击图像可查看大图

观看视频

素材下载

     文字和图像素材（点击下载）

拓展训练

  制作山东省生态环境厅页面

  1. 点击查看网页效果图

  2. 点击下载素材

  3. css参考代码