2026年春国开电大网页设计实训1 VSCODE的安装与环境配置
实训1VSCode的安装与环境配置实训目的掌握Visual Studio Code（VSCode）的安装步骤与前端开发环境配置。实训内容Visual Studio Code简称VSCode，2015年由微软公司发布。可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如 C++，
国开电大网页设计
2026年春国开电大网页设计实训3 HTML表单登录与验证实践
实训3HTML表单登录与验证实践实训目的本实训旨在让学员掌握HTML表单的基本知识，了解表单元素的常见属性和验证方法，掌握如何使用表单实现用户登录和数据验证的功能。实训内容本实训包括以下内容：HTML表单基础知识表单元素的常见属性和用法数据验证方法和实例用户登录表单实现数据验证表单实现实训要求学员需要具备HTML基础知识，包括HTML基本结构和常用标记，能够独立编写简单的H
2026年春国开电大网页设计实训5 用CSS美化个人简历
实训5用CSS美化个人简历实训目的通过实践用CSS美化个人简历，培养学生的CSS样式化能力，使其能够设计出具有吸引力和专业性的个人简历页面，提升他们的Web设计和前端开发技能。实训内容学生将使用CSS来美化个人简历页面，包括设计布局、选择合适的颜色和字体、调整文本样式、添加动画效果等。实训内容涵盖以下方面：（1）使用CSS选择器选择和定位简历中的各个元素。（2）设计简历布局
2026年春国开电大网页设计实训6 在个人简历中插入视频播放器
实训6在个人简历中插入视频播放器实训目的（1）掌握在网页中插入视频，并通过JavaScript进行视频播放控制的基本方法。（2）提升个人简历网页的吸引力和动态效果，展示关于个人综合实力的视频内容，突出个人技能和经验。实训内容能在网页中实现完整的视频播放，显示视频时长，显示播放进度条，能实现视频的暂停和进度条的拖拽。实训要求（1）学生需要具备HTML基础知识和Ja
2026年春国开电大网页设计实训7 制作轮播图定时器
实训7制作轮播图定时器实训目的通过使用JavaScript制作轮播图定时器，实现在网页中展示多张图片，并自动切换图片的效果，增加网页的动态性和吸引力。实训内容制作轮播图定时器，每隔一秒钟切换一张图片，在图片切换的同时，切换图片下方的文字，当最后一张图片播放完成后，重新播放。实训要求通过实训，掌握DOM元素操作的基本方法，掌握定时器的使用方法。实训条件（1）实验设备：计算机一
2026年春国开电大网页设计实训9 响应式网页设计
实训9响应式网页设计实训目的本实训的目的是让学生学会借助第三方的前端框架Bootstrap，优化页面的设计及实现一些高级功能。需要掌握Bootstrap环境安装、基本元素的使用，了解高级插件的使用，从而实现响应式网页的设计。实训内容本实训的主要内容包括以下几个方面：登录页面的设计：使用Bootstrap框架的按钮、标签及文本框设计一个登录界面。页面的跳转：可以通过登录界面，
2026年春国开电大网页设计实训10 HTML网页上传和测试实训
实训10HTML网页上传和测试实训实训目的本实训旨在帮助学生掌握HTML网页的上传和测试技能。通过实践操作，学生将学习如何将自己设计的网页上传到服务器上。实训内容（1）通过实际操作学习如何使用Git 工具或托管平台的 Web 界面，将设计好的HTML 网页文件上传到托管服务的仓库。（2）配置托管服务仓库的相关设置，包括默认分支和自定义域名。（3）学习
2026年春国开电大网页设计实训12 利用AI生成个人网站
实训12利用AI生成个人网站实训内容使用AI自动生成工具如科大讯飞星火或GhatGPT生成与实训11类似的个人网站，比较两者异同。实训要求做好需求分析，明确网站设计整体流程，完成个人网站制作。（需要定制联系客服）
