|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-css-and-bootstrap-from-scratch/
课程评论：没有评论
**Coursera 课程总结：CSS3 和 Bootstrap 从零开始（4合1）** 本课程旨在帮助学员掌握网页设计核心技术，特别是 CSS3 和 Bootstrap。通过理论讲解与大量实操练习，学员将能够深入理解并熟练运用这些强大的工具，从而提升职业竞争力，尤其是在网页设计和开发领域。 **课程内容概览：** **第一部分：交互式 CSS3 - 基础** * **CSS 简介：** 什么是 CSS？为何需要 CSS？CSS3 新特性概览。 * **CSS 选择器：** 掌握 ID 选择器、class 选择器、元素选择器、通用选择器等，实现精准样式控制。 * **CSS 属性与样式表：** 学习常用的 CSS 属性，理解内联样式表、外部样式表的区别与应用。 **第二部分：交互式 CSS3 - 进阶** * **盒模型：** 深入理解元素框模型（内容、内边距、边框、外边距），精确控制元素布局。 * **颜色与字体：** 学习色彩和字体的各种设置方法。 * **背景图像：** 掌握背景图像的应用与控制。 * **ID 标签样式化、浮动与清除：** 学习如何为 ID 标签设置样式，以及 `float` 和 `clear` 属性的运用。 * **块级元素与内联元素：** 理解两类元素的区别与转换。 * **定位：** 掌握 `position` 属性，实现元素的精确定位。 * **添加元素：** 学习如何在页面中添加和组织各种元素。 **第三部分：交互式 Bootstrap - 基础** * **Bootstrap 简介：** 了解 Bootstrap 的优势及其在响应式网页设计中的作用。 * **集成 Bootstrap：** 学习如何下载和在项目中引入 Bootstrap。 * **导航栏：** 创建和样式化导航菜单。 * **图像样式：** 为图片添加各种预设样式。 * **页脚：** 设计和实现网页的页脚部分。 * **风格化按钮：** 制作各种样式的按钮。 **第四部分：交互式 Bootstrap - 进阶** * **添加 Google Maps：** 将 Google Maps 嵌入到网页中。 * **图像轮播：** 创建交互式的图像轮播组件。 * **联系表单：** 设计和实现一个功能完善的联系表单。 * **实战项目：** 分步完成一个完整的网页设计项目（共三部分）。 **课程目标：** 通过本课程的学习，学员将能够自信地运用 CSS3 和 Bootstrap 进行现代网页的设计与开发，为职业生涯的腾飞打下坚实基础。鼓励学员通过免费预览视频获取更多信息。
By completing this course, you will become a master in Web Design Technologies like CSS3 and Bootstrap and more. This course gives you hands-on and practical experience on detailed CSS3 and Bootstrap and more.Contents of this tutorial # Interactive CSS3: Basics What is CSS? Why we need it?What's new in CSS3CSS Selectors, properties and attributes ID Selectors Class Selectors Element Selectors All Selectors Inline style sheets External Style sheets Interactive CSS3: Advanced The Box model Adding Color Working with fonts Background images Styling ID tagsFloat and Clear Block and inline elements Positioning Adding the elementsInteractive Bootstrap: BasicWhy Bootstrap? Downloading BootstrapAdding Bootstrap in your siteCreating navigation Styling images Creating the footer Adding styled buttonsInteractive Bootstrap: AdvancedAdding Google MapsAdding an image carouselAdding a contact formCreating a complete web page: Part 1Creating a complete web page: Part 2Creating a complete web page: Part 3Learning CSS3 and Bootstrap is one of the fastest ways to improve your career, especially on web design and development. Hope this course will be used as a helping hand for your prospective career. Please dig on free preview videos for more information.
