项目一:网页制作基础知识 ------- “技能成才,强国有我”页面制作

实战演练-----制作“技能成才,强国有我”页面

任务1.1:网页相关概念

任务1.2:网页相关软件

任务1.3:我的第一个网页

项目一测试题

项目一作业题

项目二:HTML语言-------"类脑计算机智能技术系统"页面制作

任务2.1:HTML图像标记

任务2.2:HTML文档头部相关标记

任务2.3:“咸阳职院”专题页制作

任务2.4:网页布局

实战演练-----制作“类脑计算机智能技术系统”页面

项目二作业题

项目二测试题

项目三:CSS样式-------“走进陕西,体味非遗文化”页面制作

任务3.1:CSS基础选择器

任务3.2:CSS字体样式属性

任务3.3:CSS文本外观属性

任务3.4:CSS复合选择器

任务3.5:CSS新增选择器

实战演练-----制作“走进陕西,体味非遗文化”页面

项目三测试题

项目三作业题

项目四:DIV模型-------“致敬逆行者”页面制作

实战演练-----制作“致敬逆行者”页面

任务4.1:盒子模型

任务4.2:边框属性

任务4.3:内外边距属性

任务4.4:背景属性

任务4.5:盒子的宽与高

任务4.6:元素类型

任务4.7:标记

任务4.8:元素转换

任务4.9:浮动float

任务4.10:元素定位

任务4.11:Z-index

任务4.12:《我和我的祖国》首页

项目四测试题

项目四作业题

项目五:常用标记-------“时代楷模 大国工匠”页面制作

任务5.1:列表标记

任务5.2:控制列表样式

任务5.3:超链接标记

任务5.4:锚点链接标记

任务5.5:伪类控制超链接

任务5.6:“穿搭速递”首页制作

实战演练-----制作“时代楷模 大国工匠”页面

项目五测试题

项目五作业题

项目六:表单-------“公益爱心志愿者协会”会员注册页面制作

任务6.1:认识表格相关标记

任务6.2:CSS控制表格样式

任务6.3:认识表单

任务6.4:input控件

任务6.5:textarea控件

任务6.6:select控件

任务6.7:CSS控制表单样式

任务6.8:“千年之恋注册”页面制作

任务6.9:新增表单控件

实战演练-----制作““公益爱心志愿者协会”会员注册页面

项目六测试题

项目六作业题

项目七:JavaScript-------“中国军魂”百叶窗页面制作

任务7.1:JavaScript简介

任务7.2:变量

任务7.3:数据类型

任务7.4:运算符

任务7.5:条件语句

任务7.6:循环语句

任务7.7:函数

实战演练-----制作“中国军魂”百叶窗页面

项目七测试题

项目七作业题

校企合作资源

第1章 认识HTML和使用DreamWeaver

第2章 HTML中表格和表单的应用

第3章 CSS样式美化网页

第4章 DIV+CSS布局

第5章 应用CSS布局网页和HTML列表

第6章 应用CSS设置链接和导航菜单

第7章 HTML中模板和框架的使用

课程思政案例

课程思政案例(一)

课程思政案例(二)

学生实训作品展

2023.12实训-故宫之旅网站

2023.12实训-乡村振兴网站

2023.12实训-敦煌文化网站

2023.12实训-海洋景点网站

2023.6实训-建党周年网站

2023.6实训-中国文化网站

2023.6实训-端午节网站

2023.6实训-保护环境网站

2023.6实训-NASA中文网站

2023.6实训-居家装修设计网站

2023.6实训-军械库网站

2023.6实训-咸阳职院网站

2023.6实训-熊猫频道网站

2023.6实训-程文化润长安网站

2023.6实训-特斯拉网站

2023.6实训-潮汕美食网站

2023.6实训-奔驰网站

2023.6实训-宠物生活馆网站

2023.6实训-火锅网站

2023.6实训-英语学习网站

2023.12实训-甜品网站

综合实训:“十三朝古都---西安”网站

任务2:“十三朝古都---西安”网站素材

任务1 :“十三朝古都---西安”网站结构分析