|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/modern-html-css-projects-video-background-glass-morphism-css/
课程评论：没有评论
课程名称：现代 HTML CSS 项目 - 视频背景玻璃毛玻璃 CSS 课程概述：如果你正在寻找一个实用的课程，学习如何构建现代网站，那么这个课程将非常适合你。在这个课程中，你将通过精彩的动手实践项目，构建一个响应式网站，涵盖视频背景、玻璃毛玻璃设计效果、Flexbox 项目等 2022 年的最新趋势。如果你学习过网页开发但不知从何开始构建现代网站，课程将帮助你运用所学知识建立网站。我们将建立一个专业的现代网站，学习如何添加一些酷炫的 CSS 效果，使网站看起来更加现代和专业。 课程项目及流程： 1. HTML、CSS、Bootstrap 复习（该项目为基础课程，不关注细节） 2. 使用 HTML、CSS 和 Bootstrap 创建视频背景的登录注册项目 3. 使用 HTML 和 CSS 创建卡片悬停发光效果项目 4. 现代独特的动画响应式导航栏与页眉 5. 使用 HTML、CSS 和 Bootstrap 创建旅游视频背景玻璃毛玻璃网站 6. 使用 HTML、CSS 和 Bootstrap 创建完整的现代宠物网站 7. 使用 Flexbox 设计现代仪表盘 在旅游视频背景、玻璃毛玻璃网站中，我们将： - 使用 HTML5、CSS3 和 Bootstrap 添加视频背景 - 使用 HTML5、CSS3 和 Bootstrap 添加玻璃导航栏 - 使用 HTML5、CSS3 和 Bootstrap 添加各个玻璃区域（主页、服务、关于我们、推荐、联系表单、地图和页脚） - 多次测试网站的响应设计 - 为导航栏添加 JS，使其在滚动时固定在顶部 - 为网站添加 JS 动画，实现平滑滚动效果 在现代宠物网站中，我们将： - 创建响应式固定导航栏、介绍区、宠物食品与活动区、奖项区、服务区、快乐区、定价表区、培养宠物区、团队介绍区、签到时间区、犬猫区、名言区、联系表单区以及页脚和光滑滚动效果。 在现代仪表盘设计中，我们将： - 使用 HTML5 和 CSS3 构建侧边栏、导航栏、顶部栏、右下方、滚动卡片和消息侧。 所以，你还在等什么呢？现在就报名，开始构建现代网站和在你的网站上实现 CSS 效果吧！期待在课程中见到你！
Are you looking for a practical course that will teach you how to build modern website ? In this course, you'll build an amazing looking responsive website amazing hands on practical projects in which we have video background, Glass Morphism website design Effect, Flexbox Projects and much more which is trending in 2022.Did you learn web development but you don't know how to start building a modern looking website using html css and bootstrap ?In this course we'll use your knowledge to build a website.Do you need to be professional ? We will build a professional modern website and learn how we add some cool css effect so that we can use it in our website to look our website modern and professional.Course Projects and Flow1-Html, CSS, Bootstrap Refresher its a project based course so not focus in details2-Video Background Login Sign Up Project Using Html, CSS & Bootstrap3-Card Hover Glow Effect Project Using Html & CSS4-Modern & Unique Animated Responsive Navbar with Header5-Travel Video Background, Glass morphism website Using Html, CSS & Bootstrap6-Complete Modern Pet Website website Using Html, CSS & Bootstrap7-Modern Dashboard Design Using FlexboxTravel Video Background, Glass morphism websiteWe'll add the Video Background by using HTML5, CSS3 and BootstrapWe'll add the Glass Navbar by using HTML5, CSS3 and Bootstrap We'll add the Glass Home section by using HTML5, CSS3 and BootstrapWe'll add the Glass Service section by using HTML5, CSS3 and Bootstrap We'll add the Glass About Us section by using HTML5, CSS3 and Bootstrap We'll add the Glass Testimonial section by using HTML5, CSS3 and Bootstrap We'll add the Glass Contact Us form by using HTML5, CSS3 and Bootstrap We'll add the Glass Map by using HTML5, CSS3 and Bootstrap We'll add the Glass Footer by using HTML5, CSS3 and Bootstrap We'll test the responsive design of the website many timesWe'll add JS for the Navbar so that our Navbar becomes sticky on the top when we scrollWe'll add JS animations to the website so that we have a smooth scrolling effect in our websiteModern Pet WebsiteWe'll add the Responsive Sticky Navbar by using HTML5, CSS3 and BootstrapWe'll add the Intro Section by using HTML5, CSS3 and BootstrapWe'll add the Pet Food & Activities Exercise Section by using HTML5, CSS3 and BootstrapWe'll add the Award Section by using HTML5, CSS3 and BootstrapWe'll add the Services Section by using HTML5, CSS3 and BootstrapWe'll add the Happy Section by using HTML5, CSS3 and BootstrapWe'll add the Pricing Table Section by using HTML5, CSS3 and BootstrapWe'll add the Teach Your Pet Section by using HTML5, CSS3 and BootstrapWe'll add the Our Team Section by using HTML5, CSS3 and BootstrapWe'll add the Check In time Section by using HTML5, CSS3 and BootstrapWe'll add the Dogs & Cat Section by using HTML5, CSS3 and BootstrapWe'll add the Quote Section by using HTML5, CSS3 and BootstrapWe'll add the Contact Form Section by using HTML5, CSS3 and BootstrapWe'll add the Footer and Smooth Scroll Effect by using HTML5, CSS3 and Bootstrap.Modern Dashboard Design Using Flexbox1. We'll build the Side Bar using HTML5, CSS32. We'll build the Navigation using HTML5, CSS33. We'll build the Top Bar using HTML5, CSS34. We'll build the Right Bottom Bar using HTML5, CSS35. We'll build the Scroll Cards using HTML5, CSS36. We'll build the Message Side using HTML5, CSS3So why are you waiting for ENROLL NOW and start building modern website and CSS Effects in your website.See you in my course!!!
