网页设计与开发

来自CloudWiki

跳转至：导航，搜索

目录

1 课程简介
2 任务一我的第一个网页
3 任务二样式表
- 3.1 子任务01 使用样式表美化页面
- 3.2 子任务02 样式表的扩展与美化
4 任务三盒子模型
5 任务三插入图像与盒子嵌套
6 任务四导航菜单特效实现
7 任务五列表和表格
8 任务六表单的制作
- 8.1 子任务01 基本表单的制作
- 8.2 子任务02 表单的布局
9 任务七框架的制作
- 9.1 子任务01
- 9.2 子任务02
10 任务八移动开发框架
11 总任务网站的测试运行
12 入门

课程简介

任务一我的第一个网页

子任务01 演示分析商城网站

子任务02：制作我的第一个网页

我的第一个网页、
网页的保存
HTML文档结构
常用标签
常用属性
“码云”的使用(选学）、微云的使用
确定主题色（在线取色器：http://www.jiniannet.com/Page/allcolor）

案例：商苑电商：第一个网页、商院官网：第一个网页

子任务03 web服务器搭建与应用（选学）

拓展：

任务二样式表

子任务01 使用样式表美化页面

子任务02 样式表的扩展与美化

任务三盒子模型

子任务01：什么是盒子

子任务02：盒子的构建

项目实训4

子任务03：盒子的美化

拓展：搭建可持续网站

任务三插入图像与盒子嵌套

子任务01：插入文本

子任务02：插入图像

子任务03：盒子布局总结

拓展：网站开发实例（一）项目实训8 项目实训8_商苑电商

任务四导航菜单特效实现

子任务01：链接与导航

子任务02：按钮式导航

子任务03：弹出式菜单实现

理解盒子定位的概念、网页布局案例：美食天下

项目实训9

子任务05：阶段性复习

任务五列表和表格

子任务01 列表的使用

项目实训12、项目实训8 列表的使用

子任务02 表格的使用

子任务03 案例学习

项目综合实训（四）

任务六表单的制作

子任务01 基本表单的制作

子任务02 表单的布局

任务七框架的制作

子任务01

子任务02

任务八移动开发框架

子任务0：自适应网页

Canvas画布和SVG图像

参考文档:[1] https://www.runoob.com/html/html5-canvas.html

[2] https://www.runoob.com/html/html5-svg.html

地理定位

参考文档:[1]https://www.runoob.com/html/html5-geolocation.html

Web存储

https://www.w3school.com.cn/html5/index.asp

增强型表单

拖放

Web Workers

子任务01 Bootstrap入门

子任务02 Bootstrap进阶

子任务03 Bootstrap案例

https://v4.bootcss.com/docs/4.0/examples/

总任务网站的测试运行

谷歌浏览器下载：https://www.google.com/chrome/

返回首页

入门

取自“http://www.openbrains.net/mediawiki/index.php?title=网页设计与开发&oldid=24632”