|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-master-the-complete-guide-with-3-projects/
课程评论：没有评论
**课程名称：** 网页设计大师 - 着陆页设计终极指南 **课程概述：** 本课程旨在教授学员如何从零开始构建网站主题，特别侧重于响应式着陆页的创建。课程将从 Bootstrap 5 入手，涵盖导航栏、内容区块（标题、描述、按钮）以及引人注目的页面设计，确保在各种设备上都能实现美观且功能齐全的着陆页。 **课程亮点：** * **Bootstrap 5 基础：** 深入学习 Bootstrap 5 的核心概念，包括网格系统、间距（外边距和内边距）、图像、按钮、文本和背景色。 * **实战项目：** 通过三个实际项目（DSEO, eHelp, eTech）的学习，将理论知识转化为实践技能，掌握创建不同类型着陆页的技巧。 * **DSEO 着陆页：** 学习使用 Bootstrap 编译的 CSS 和 JavaScript 文件，实现包含导航栏、居中内容和响应式布局的着陆页。 * **eHelp 着陆页：** 掌握创建带背景固定图（具有叠加效果）、居中内容和深色按钮的响应式着陆页。 * **eTech 着陆页：** 学习构建单行头部、双列中间内容区域（包含描述和透明背景图片）的网页设计。 * **代码教学：** 课程强调“代码到代码”的教学方式，步步为营，点对点地讲解每一个细节，确保学习效率。 * **自信设计：** 完成课程后，学员将能够自信地设计和创建自己的着陆页和网站模板。 **课程目标：** 帮助学员掌握着陆页设计所需的核心技能，能够独立完成响应式网页设计，并对网页设计建立起信心。
in this Web Design Master - Ultimate Guid for Landing Page Designer course. If you don't know how to build a website theme then this course you need to help in this way. I am going to start it with how to create bootstrap landing pages. Top navigation bar and bonus section which contains title description and button. Eye catching landing pages.Web Design Master - Table of ContentsIntroduction Software installation (Setup)Bootstrap 5Basic informationGrid SystemSpacing marginSpacing paddingImagesButtonsTextBackground Color1 Project - DSEO2 project - eHelp3 project - eTechDownload all 3 Projects Source Codes1 - Project - DSEO Landing pageI have created this project with the help of bootstrap compiled CSS and JavaScript files. Added background image and front end image in the row and column. Exactly at the center of the screen size in mobile laptop or any screen. It will display in responsive mood. This project also content in Navigation bar of canvas as well as other section which contain title description and button with light background2 - Project - eHelp Landing PageIn this project top navigation bar which contain. The toggler button and it is responsive web template after that I have created source code of header background fixed image. It is cover image and which content overlay of Guardian eye catching color okay after that we have place exact it into the Centre some contents with dark button.3 - Project - eTech Landing PageThis project just has one row in the header and two middle columns and first right hand side column contain descriptions and second column. which contain a transparent image with background I kissing color. It is web page have top navigation bar border bottom contain and toggler button which has off canvas.Conclusion I tried hard to explain each and everything step by step line by line Code by code to the point to the topic. I will not waste my student time. Just typing source code. once student watch my complete course definitely, he will able to create some learning pages and design website web template with confidence.
