# web_work
:mag:网页作业——大二下web程序设计课后作业
:star:成品网址:[https://guchenjun.github.io/web_work/](https://guchenjun.github.io/web_work/)
# 课程学习内容
:heavy_check_mark:掌握前端技术Html5+Css+Js
:heavy_check_mark:学习一些常用框架,如BootStrap、jQuery
:heavy_check_mark:初步了解express搭建后端服务器
## 实验1 使用HTML5编写网页框架
- 要求通过页面基本元素,比如 table 、 div 、 span 等以及CSS的属性实现版面布局 。
## 实验2 使用JS编写简单逻辑
- 点击单元格11,使表格的背景颜色变成红色;
- 点击单元格12,将单元格的内容变成当前的日期,其格式为(yyyy-mm-dd);
- 点击单元格21,将在现有单元格后面插入一行;
- 点击单元格22,将删除表格的第2行;
- 点击单元格31,显示当前的鼠标坐标;
- 点击单元格32,打开一个新窗口,里面显示淘宝主页。
## 实验3 定位基本练习
- 使用div盒子模型中的border,margin,padding和position属性,实现淘宝主页的工具盒框架结构;
- 使用目前学的知识点,编写热门图标。
## 实验4 CSS定位高级练习
- 综合学过的Position、Display、Float以及Clear等属性,实现下面经典的商业公司布局。
## 实验5 FLEX布局基本练习
- 使用Flex模型编写HTML页面。
## 实验6 网格语义综合排版练习
- 实现日本列车的时刻表应用版面布局,要求通过矢量字体实现图标,使用flex或Alice实现布局。
## 实验9 Bootstrap栅格练习
- 使用Bootstrap的移动适配特性以及弹性网格布局,实现手机系统的布局。
- 使用Bootstrap的移动适配特性以及弹性网格布局,实现桌面系统的布局。
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
学期期末网页设计作业合集分享 内容概览: 这个分享包涵了我在本学期期末完成的网页设计作业,其中包含多个关键部分,以帮助你全面了解和学习网页设计的整个流程。 HTML、CSS、JS、Vue代码:我提供了完整的网页源代码,详细简单有效 项目文件:除了代码,我还分享了整个项目的文件,包括设计稿、图标、图片等资源。这些资源对于理解项目背景和设计思路至关重要。 MD文档与操作手册:为了方便他人理解和使用我的作品,我编写了详细的操作手册和使用说明,同时提供了一份Markdown格式的文档,概述了项目的主要功能和特点。 学习笔记:在项目开发过程中,我记录了大量的学习笔记和心得体会。这些笔记不仅有助于理解项目的开发过程,还能为学习前端技术提供宝贵的参考资料。 适用人群: 这份作业合集适用于所有对网页设计、前端开发感兴趣的人,无论你是学生、初学者还是有一定经验的开发者。无论你是想学习新的技术,还是想了解一个完整的项目开发流程,这份资料都将为你提供极大的帮助。 使用建议: 按部就班地学习:建议从基础的HTML、CSS开始,逐步深入到JavaScript和Vue的学习。通过实践,逐步掌握前端开发的各项技能。 参考项目文件和笔记:项目文件和笔记提供了丰富的背景信息和开发经验。在学习的过程中,不妨参考这些资料,以帮助你更好地理解和学习。 动手实践:网页设计是一门实践性很强的技能。通过实际操作,你可以更好地掌握前端开发的各项技能,并提高自己的实践能力。
资源推荐
资源详情
资源评论
收起资源包目录
网页作业——大二下web程序设计课后作业.zip (46个子文件)
hongtaigshichi
test9.html 9KB
test9-2.html 10KB
test1.html 6KB
js
table.js 2KB
bootstrap.min.js 50KB
popper.min.js 20KB
bootstrap.bundle.min.js 69KB
jquery-3.3.1.min.js 85KB
index.js 1KB
test6.html 5KB
source
iconfont.ttf 3KB
iconfont.svg 9KB
iconfont.eot 3KB
iconfont.woff 2KB
Source-9
iconfont.ttf 2KB
iconfont.svg 3KB
iconfont.eot 2KB
iconfont.woff 1KB
img
5-4.png 92KB
5-5.png 82KB
5-2.png 95KB
5-3.png 58KB
5-1.png 97KB
5-6.png 95KB
test4-1.svg 539B
css
2-1.css 469B
bootstrap.min.css 138KB
2-2.css 1KB
6.css 3KB
3.css 2KB
1-3.css 695B
5.css 2KB
9.css 3KB
9-2.css 4KB
4.css 4KB
1-2.css 1KB
2-3.css 695B
index.css 690B
1-1.css 469B
index.html 1KB
test5.html 5KB
test3.html 3KB
refer.html 1KB
test2.html 485B
README.md 2KB
test4.html 5KB
共 46 条
- 1
资源评论
01红C
- 粉丝: 1637
- 资源: 1098
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功