Web前端技术课程是以计算机类专业所涵盖的岗位群进行的任务和职业能力分析,以静态网站设计制作为主线,以本专业应共同具备的岗位职业能力为依据,要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题,能熟练运用VS Code进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练掌握HTML、CSS的基本语法知识,能实现网页的布局和特殊效果;能维护、管理和设计设计小型Web站点。
课程的目的
课程按照“以能力为本位、以职业实践为主线”的总体设计要求,课程的主要任务是介绍利用VS Code开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
课程任务
课程为基于工作过程开发为背景,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。具体如下:
了解网页设计的概念及常用的网页制作工具
了解网站开发和网页制作的基本流程
能够实用VS Code制作静态网页
掌握HTML语言中常用的标签并能够运用HTML语言编写网页
能够熟练使用表格标签进行合理、有效、精确的网页版式布局
熟悉表单的概念及用途,学会制作表单页面
掌握框架网页的制作和应用
掌握CSS样式表的使用方法,能够合理运用CSS样式表美化页面(常用的CSS属性)
能够独立创建站点,制作网站的静态网页,并能够实现站点的维护