1项目一 初探网页设计

• 任务一 创建一个网页项目显示文本与内容标题
• 任务二 设计美观的“卡片”样式展示文本
• 任务三 用网页展示“校园风采摄影大赛”信息
• 任务四 在容器居中显示一张图片
• 任务五 双图并排展示

2项目二 借助DeepSeek创建公司首页

• 任务一 应用DeepSeek创建一个公司首页
• 任务二 修改index.html导航栏的背景色
• 任务三 为index.html增加一个广告区
• 任务四 添加index.html的LOGO图片
• 任务五 为index.html项目内容设置背景图

3项目三 学会网页常见布局设计

• 任务一 设计网页导航栏和广告区
• 任务二 设计“产品服务展示”卡片页面效果
• 任务三 设计“设计理念”展示页面效果
• 任务四 设计“图文叠加”广告页面
• 任务五 设计底部“多列信息”页面效果

4项目四 JavaScript技能基础

• 任务一 更换页面背景颜色
• 任务二 实现得分牌功能
• 任务三 实现图片变大变小
• 任务四 实现门票计算功能
• 任务五 实现“密码强度验证”功能

5项目五 学会JavaScript常见特效设计

• 任务一 实现点击轮播图特效
• 任务二 实现“自动下拉全屏广告”特效
• 任务三 实现“选项卡”展示特效
• 任务四 实现“时间轴”折叠特效
• 任务五 实现“抽奖”功能特效

6项目六 学会Jquery.js常见特效设计

• 任务一 用Jquery控制数字加减
• 任务二 用Jquery实现两数计算器
• 任务三 用Jquery实现一个元素隐藏与显示的功能
• 任务四 用Jquery实现单击元素切换背景色的功能
• 任务五 用Jquery实现元素变大变小的功能

7项目七 综合项目-设计一个多页网站

• 任务一 设计网站首页并实现全站导航
• 任务二 设计“数字化办公室”子页面
• 任务三 设计“解决方案”子页面
• 任务四 设计“成功案例”子页面