WEB前端技术基础

本课程是面向零基础学习者的网页结构与视觉设计核心入门课程,聚焦“用HTML搭建网页骨架、用CSS美化视觉呈现”的核心能力,系统讲解HTML语义化标签、CSS样式规则与布局技巧,帮助学习者理解“静态网页从结构定义到视觉落地”的完整流程,掌握独立开发企业官网首页、个人作品集、产品展示页等静态网页的技能,为后续学习JavaScript交互、响应式设计及前端框架(如Vue、React)奠定坚实基础。课程以“实战驱动”为核心教学理念,每个技术知识点均配套“案例演示 + 即时实操”,通过“从模仿到创新”的递进式训练,让学习者在实践中理解技术原理,最终能将UI设计稿转化为可在浏览器运行的静态网页,适合希望从事Web前端开发、UI/UX设计、网页制作相关岗位的学习者,或对“网页可视化实现”感兴趣的技术爱好者。
课程属性:专业基础课
所属专业:软件技术
院系:信息工程学院
学时安排:64
开课时间:2025-09-22 00:00:00-2026-02-01 00:00:00

2开课期数

0知识点

0技能点

43教学资源

38选课人数

开始学习 收藏课程
  • 项目一 HTML及CSS基础语法

    任务1 制作你的第一个HTML网页

    任务2 圆角矩形

  • 项目二 HTML基础

    任务1 标题标记

    任务2 图像标记

    任务3列表标记

    任务4超链接标记

  • 项目三 CSS基础

    任务1 认识CSS规则

    任务2 认识CSS三种基础选择器

    任务3 文本相关CSS样式

    任务4 图片相关CSS样式

  • 项目四 CSS盒模型

    任务1 中国载人航天网新闻中心制作

    任务2 河海大学新闻图片展示

    任务3 中国日报中文网首页新闻列表制作

    任务4 网易首页新闻列表制作

    任务5 新浪娱乐明星频道导航列表制作

  • 项目五 CSS页面布局

    任务1 新浪首页局部排版

    任务2 常见页面布局

    任务3 Hao123视频频道布局

    任务4 banner的设计与制作

课程简介
教学团队
张俊朋
教师|信息工程学院
暂无简介
查看更多
黄峻峰
教师|暂无
暂无简介
查看更多
盛象飞
教师|信息工程学院
暂无简介
查看更多
知识图谱
能力图谱
HI!AI助手已上线,陪你解锁知识,有需要随时喊我~
AI助教
依托课程资料智能问答,快速匹配知识点并解答
资源推荐
关联学习情况,智能推送课程资源与拓展补充内容






    京公安网备11010502050899号 Copyright © 2022-2025 . All rights reserved. 京ICP备17074418号-6 信息系统安全等级保护备案证明