web_work

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

⭐成品网址：https://guchenjun.github.io/web_work/

课程学习内容

✔️掌握前端技术Html5+Css+Js
✔️学习一些常用框架，如BootStrap、jQuery
✔️初步了解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的移动适配特性以及弹性网格布局，实现桌面系统的布局。