|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-responsive-web-design-css-grind-flexbox-animations/
课程评论:没有评论
**课程名称:** 掌握响应式网页设计:CSS Grid、Flexbox 与动画 **课程概述:** 本课程由 Norbert B. Menyhart 主讲,旨在教授学员如何从桌面端到平板电脑和移动设备,构建专业的响应式网站。 **核心技术与概念:** * **现代 CSS 技术:** * CSS3 Flexbox 布局 * CSS3 Grid 布局 * CSS Transitions(过渡)、Transforms(变换:旋转、缩放等) * CSS @keyframes 与 CSS Animations(动画) * CSS @media queries(媒体查询),用于响应式设计(桌面、平板、移动) * Mobile First(移动优先)方法论 * CSS3 Variables(变量) * **开发工具:** Visual Studio Code (VS-Code) * **实践项目:** * 优雅的餐厅网站 * 响应式作品集网站 * Bootstrap 网站 * 更多项目即将推出 * **网站设计要素:** * 响应式图片与图标 * 全屏背景图片,渐变效果 * 创建表单 * 选择合适的字体 * **Bootstrap 4:** 学习使用 Bootstrap 4 快速添加轮播、卡片和复杂菜单。 * **网站上线:** 设置域名和主机,使网站上线。 **学习目标:** 学员将从零开始,学习构建第一个网站所需的一切知识,并踏入网页设计领域。课程涵盖从创建登陆页面到构建大型网站。 **适用人群:** * 希望全面理解网站设计的人员。 * 企业家。 * 想要学习网站设计基础知识的学员。 * 没有网站编码经验的初学者。 **课程价值:** 这是一门实践性很强的课程,通过大量的真实项目,帮助学员掌握构建现代响应式网站的关键技能,为成为一名网页设计师打下坚实基础。
Hi there, my name is Norbert B. Menyhart and together we are going to learn how to build professional responsive websites, from Desktop to Tablet and Mobile. For this you will first get started with modern Technologies like:CSS3 Flexbox LayoutCSS3 Grid LayoutCSS Transitions, Translations, rotationsCSS @keyframes CSS Animations@media queries for Desktop, Tablet and Mobile design Mobile First Approach CSS3 VariablesReal Life Projects, Projects, Project.....Then we will build a ton of Projects together:a simple but elegant restaurant website.a responsive portfolio website.a Bootstrap website.and more projects to come...We will cover everything you need to build your first website and get you Started in the World of a Web Designer. From creating your first landing page to building your large website. We will also learn about the most popular code editor in the World: Visual Studio Code aka VS-Code.You will...Learn how to work with responsive images and icons. and stunning full screen background images and probably one too many gradients.Learn how to create forms and to choose great fonts for your website.Learn how to work with Bootstrap 4 to easily add carousels, cards and complex looking menus.Setup a domain name with hosting so that your website is live on the internet for others to see.Time to upgrade yourself?Sign up for the course and let's learn how to build responsive websites.Who this course is for:This course is for people who want to start getting a well rounded understanding of website designEntrepreneursThis course is suited for people that want to learn the basics of website designThis course is suited for people that don't have any experience with coding a website