# WebWork
🔍网页汇总:Web程序设计
:clipboard: 编辑工具:Sublime Text or HBuilder
😊成品网址:https://xuan0216.github.io/WebWork/
# 学习内容
✔️掌握前端技术HTML5+CSS+JS
✔️学习一些常用框架,如Bootstrap、jQuery
✔️初步了解express搭建后端服务器
## 实验1 HTML元素分析
- 分析淘宝主页使用的HTML5基本元素
## 实验2 使用HTML5编写网页框架
- 要求通过页面基本元素,比如 table 、 div 、 span 等以及CSS的属性实现版面布局 。
## 实验3 使用JS编写简单逻辑
- 点击单元格11,使表格的背景颜色变成红色;
- 点击单元格12,将单元格的内容变成当前的日期,其格式为(yyyy-mm-dd);
- 点击单元格21,将在现有单元格后面插入一行;
- 点击单元格22,将删除表格的第2行;
- 点击单元格31,显示当前的鼠标坐标;
- 点击单元格32,打开一个新窗口,里面显示淘宝主页。
## 实验4 定位基本练习
- 使用div盒子模型中的border,margin,padding和position属性,实现淘宝主页的工具盒框架结构;
- 使用目前学的知识点,编写热门图标。
## 实验5 CSS定位高级练习
- 综合学过的Position、Display、Float以及Clear等属性,实现经典的商业公司布局。
## 实验6 FLEX布局基本练习
- 使用Flex模型编写HTML页面。
## 实验7 网格语义综合排版练习
- 实现日本列车的时刻表应用版面布局,要求通过矢量字体实现图标,使用flex或Alice实现布局。
## 实验9 Bootstrap栅格练习
- 使用Bootstrap的移动适配特性以及弹性网格布局,实现手机系统的布局。
- 使用Bootstrap的移动适配特性以及弹性网格布局,实现桌面系统的布局。
# 课程资源
### [阳哥教程](https://mooc1-2.chaoxing.com/mycourse/studentcourse?courseId=87155873&clazzid=748446&cpi=21707412&enc=b6888f578240152974283e01b368ffe4)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
Web网页设计,包含HTML、CSS、JavaScript、CSS、Java、Ajax等技术,适合于Web网页开发大作业、期末作业、毕业设计,包含网页游戏、动态网页、静态网页、表白网页、商城、个人博客、新闻广告系统、程序猿赚钱平台等应用。
资源推荐
资源详情
资源评论
收起资源包目录
网页汇总——Web程序设计.zip (98个子文件)
项目源码
style.css 878B
ex9
style.css 814B
9.1
style.css 5KB
index.html 12KB
9.2
style.css 6KB
index.html 12KB
index.html 710B
shared
js
bootstrap.min.js 50KB
popper.min.js 20KB
jquery-3.3.1.slim.min.js 68KB
webfonts
fa-brands-400.woff 70KB
fa-brands-400.ttf 109KB
fa-brands-400.svg 586KB
fa-solid-900.woff 62KB
fa-solid-900.eot 130KB
fa-solid-900.ttf 130KB
fa-brands-400.woff2 60KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 109KB
fa-regular-400.eot 31KB
fa-regular-400.woff 14KB
fa-regular-400.svg 102KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 49KB
fa-solid-900.svg 477KB
css
bootstrap.min.css 178KB
all.css 48KB
ex1
style.css 507B
index.html 3KB
ex7
style.css 5KB
index.html 5KB
fonts
icomoon.woff 3KB
icomoon.svg 7KB
icomoon.eot 3KB
icomoon.ttf 3KB
ex2
style.css 789B
2.3
style.css 1KB
index.html 2KB
2.1
style.css 567B
index.html 2KB
index.html 674B
2.2
style.css 3KB
index.html 4KB
ex5
style.css 5KB
index.html 5KB
ex4
style.css 788B
4.1
style.css 5KB
index.html 3KB
index.html 624B
4.2
style.css 500B
index.html 531B
ex6
style.css 786B
6.3
style.css 2KB
index.html 6KB
images
fire.PNG 534B
6-1.png 195KB
6-3.png 103KB
present.PNG 1024B
6-6.png 199KB
6-2.png 194KB
6-5.png 163KB
6-4.png 186KB
6.2
style.css 2KB
index.html 851B
index.html 742B
6.1
style.css 2KB
index.html 1KB
ex3
table.js 1KB
index.html 838B
table.css 398B
index.html 1KB
.gitignore 10B
shared
js
bootstrap.min.js 50KB
popper.min.js 20KB
jquery-3.3.1.slim.min.js 68KB
webfonts
fa-brands-400.woff 70KB
fa-brands-400.ttf 109KB
fa-brands-400.svg 586KB
fa-solid-900.woff 62KB
fa-solid-900.eot 130KB
fa-solid-900.ttf 130KB
fa-brands-400.woff2 60KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 109KB
fa-regular-400.eot 31KB
fa-regular-400.woff 14KB
fa-regular-400.svg 102KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 49KB
fa-solid-900.svg 477KB
css
bootstrap.min.css 178KB
all.css 48KB
images
snore.gif 90KB
bg1.jpg 178KB
crossbeam.jpg 37KB
bg.jpg 43KB
lie.gif 61KB
README.md 2KB
共 98 条
- 1
资源评论
AI码东道主
- 粉丝: 5440
- 资源: 165
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功