HTML5+CSS3网页布局项目化教程
上QQ阅读APP看书,第一时间看更新

项目1 制作一个网页广告单页的内容

☑项目简介

本项目将通过“制作一个网页广告单页的内容”,制作一个HTML页面来承载HTML知识,完成网页开发环境、HTML基础知识和HTML5标签的学习。

☑项目情景

随着高考平行志愿的执行,某工业大学信息工程系招生就业办公室希望能够制作一个网页,来宣传其系专业学科及招生情况,以期能够吸引更多优秀的毕业生报考。

招生就业办公室希望网页能够通过手机扫描二维码的方式在手机浏览,以弥补招生宣传渠道的不足,且网页所有内容都应该包含在这个网页上,包括:

● 招生广告词

● 关于我们

● 招生计划

● 专业介绍

● 实训环境

● 优秀毕业生

● 联系我们

● 新媒体分享

招生就业办公室已经将必要的图文材料整理好,并找到专业的设计公司完成了网页界面的设计工作。

你所在的科技公司已经拿到了设计稿,由于项目不大,你的项目主管希望担任前端工程师的你来完成本次项目的前端工作,并将你的成果交付程序员张妃完成逻辑制作,最后交给客户发布。

☑项目分析

拿到设计稿后,你需要根据网页制作的一般流程,完成网页的制作。

网页制作的一般流程如下:

首先,需求是明确的,项目的目标为:根据设计稿制作一个适合手机浏览的网页单页。

其次,需要制订项目完成的计划:

考虑知识的结构和类型,将“设置网页格式”“网页测试”“发布网页”的任务安排在了项目2。

☑能力目标

①能够选择合适的软件完成HTML网页页面的制作。

②能够根据内容属性选择HTML5标签并设置标签属性,同时保证代码符合W3C规范。