网页作业——大二下web程序设计课后作业.zip

# 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的移动适配特性以及弹性网格布局，实现桌面系统的布局。