|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-html5-css3-bootstrap5-by-building-responsive-website/
课程评论：没有评论
课程名称：通过构建响应式网站掌握HTML5、CSS3和Bootstrap5 课程概述：在本课程中，您将学习如何使用HTML、CSS3、媒体查询和Bootstrap5开发响应式网站。我们将设置集成开发环境（IDE）并安装所需的扩展，以提升开发体验。同时，我们将通过代码示例学习所有概念。以下是我们将涵盖的主题： 1. 响应式设计的含义 2. 非响应式网站示例 3. 创建非响应式网站的HTML骨架 4. 非响应式页面的样式设计 设备适配： 1. 不同设备的断点 2. 针对宽度至768px的设备进行响应式设计 3. 针对宽度至468px的设备进行响应式设计 4. 针对宽度超过1024px的设备进行响应式设计 5. 针对769px至1023px之间的设备进行响应式设计 接下来，我们将学习关于Bootstrap5、Font Awesome和Google Fonts的内容，具体包括： 1. 导航栏 2. 按钮和导航链接 3. 轮播图和幻灯片 4. 边距、内填充和字体大小 5. 容器和流体容器 6. 列和网格系统 7. 表单及表单控件 8. Font Awesome图标 9. Google Fonts（Poppins） 10. 块按钮 11. Bootstrap卡片 我们将运用HTML、CSS3和Bootstrap5的所有概念开发网站，包括不同的部分：导航部分、滑块部分、列表部分、行动号召部分、联系我们部分、页脚部分和版权部分。完成本课程后，您将能够独立开发任何网站并用于自己的目的。
In this course, you will learn to develop responsive websites using HTML, CSS3, Mediaqueries and Bootstrap5.We will be also setting up IDE with required extensions to make our development experience smooth.We will learn all the concepts with the help of code examples.Following are the topics we will cover:1.1-What is meant by Responsiveness1.2-Example Non_responsive website1.3-Creating HTML Skeleton for non-responsive website1.4-Styling the non responsive page2.1-Different Device break points2.2-Make Responsive in device upto 768px2.3-Make Responsive for device width upto 468px2.4-Make Responsive for device width above 1024px2.5-Making Responsive between 769px and 1023px We will then learn about Bootstrap5, Font awesome, Google fonts in which we will be using following:1. Navigation navbar2. Buttons and nav links3. Carousel and slides4. Margin , Padding, Fontsize5. Container & Container fluid6. Column and Grid system7. Form and Form controls8. Fontawesome icons9. Google fonts poppins10. Block button11. Bootstrap cardsWe will develop website using all concepts of HTML CSS3 and Bootstrap5 and we will develop website with different sections like navigation section, slider section, listing section, call to action section, contact us section, footer section, copyright section.After this course you will be able to develop any website of your own and use it for your own purpose.
