数据处理技术（Python）-资源 HTML满屋花案例 HTML满屋花-任务指导书.docx

Html满屋花页面开发 任务指导书 1 任务说明 1.1 任务内容 本例使用前端html中的基本dom元素, 加上css对布局的控制, 对页面的美化, 这样, 我们就能够开发出一个简单的静态页面。. 1.2知识点/技能点 Html图片的引用 Html导航栏的制作 基本的form表单 1.3 任务目标（效果） 2 任务准备 2.1 环境要求 系统：WIN7/WIN10 HBuilder X 谷歌浏览器 2.2 新建项目 在浏览器有哪些信誉好的足球投注网站HBuilder X下载相应版 打开HBuilder X之后，新建项目 填写项目名称和项目存储位置，以及选择项目模板 自动生成以下文件夹及文件: 2.3 基本布局实现及基本美化 2.4调整内层div的大小以及浮动位置 2.5头部美化和导航栏的构建 2.6创建form表单 2.7实现鲜花分类模块 2.8实现本站快讯和鲜花推荐模块 2.9新品上市和鲜花导购及页面布局的修饰 3 考核标准 项次 内容 分值 评分细则 1 新建项目 10分 使用模板创建项目 2 基本布局实现及基本美化 10分 html布局 css美化 3 调整内层div的大小以及浮动位置 10分 调整内层div的大小 调整浮动位置 4 头部美化和导航栏的构建 10分 头部美化 导航栏的构建 5 创建form表单 20分 Input标签中类型多样的使用 6 实现鲜花分类模块 10分 p标签的使用 ul标签的使用 css美化 7 实现本站快讯和鲜花推荐模块 10分 div标签 img标签 8 新品上市和鲜花导购及页面布局的修饰 20分 灵活使用类名开发像似的模块 学会找错误 本例可作为大多数的静态网页的主页，其布局堪称经典，而css样式表的统一性可以以少量代码完成模块式开发，高效且迅速。