|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-design-css/
课程评论：没有评论
课程名称：CSS 现代响应式网站设计：创建 5 个不同的网站 课程概述： 在本课程中，您将学习如何使用 CSS Grid、Flexbox、Float 等技术，从零开始创建 5 个现代、完全响应式且适合移动设备的网站。本课程旨在帮助您建立个人作品集，深入了解网站设计的多样性及其构建方法。无论您是初学者还是希望提升技能的网页设计师，本课程都将启发您创建独特的网站。 课程亮点包括： 1. **网站设计基础**：掌握使用 CSS Float 技术创建响应式单页面网站。 2. **Flexbox 深入学习**：学习如何使用 Flexbox 创建现代单页面网站，使用 JavaScript 实现自动滚动效果，增强用户体验。 3. **CSS Grid 应用**：创建使用 CSS Grid 的响应式多页面网站，设计现代的可折叠导航栏，并利用 FontAwesome 和 Google Fonts 提升设计美观性。 4. **灵活设计**：发展 Floats 和 Grid 的结合，制作具备响应式菜单的复杂网站。 5. **动态交互**：利用 JavaScript 为网站创建动态交互效果，包括自定义的下拉菜单和响应式图片。 该课程提供的每一个网站项目都具有独特性，是其他地方无法找到的。随着您掌握的设计风格越多，您创建自己版本的网站也将变得更加容易。这是一个为希望学习更多网站设计技巧和提升个人作品集的任何人量身定制的课程。通过本课程，您将积累广泛的设计经验，并能够创建高质量、用户友好的网站。
Build YOUR Portfolio CSS Grid FlexBox Floats Responsive Design WebsitesExplore how you can create 5 Different MODERN Fully Responsive Mobile Ready websites CSS Grid CSS Flexbox Floats PlusExplore how to Create Websites using CSS FloatCreate Websites Using Flexbox CSSHow to create Websites using CSS GridHow to design a modern website mobile firstHow to create Full Responsive Mobile Ready NavBars"A number of students have approached me to create a course covering more UNIQUE website designs and how to build websites from scratch" The more different websites you can design and have exposure to the easier it becomes to create your own versions and your own creations. You can use the content of this course to learn and grow your portfolio of work. This course is perfect for anyone who wants to create websites and learn more about designing websites.All new website designs and methods. All unique to this product and not available anywhere. Websites come in such a vast variety of designs that these are completely and totally different than others that I have created before. As a web designer the more exposure you have to different designs the better.Explore how you can create 5 different modern websites from scratch applying Floats, CSS Grid and FlexBox to create MODERN WEBSITESCreate 5 Different MODERN Websites includedWEBSITE #1CSS Float site - Mobile ready fully responsive - Single Page designCreate custom grid to add columns and structure contentSingle Page design with Sticky Nav HeaderResponsive Mobile Menu Create a Custom Contact FormUse of Mailto in form to send message to email clientTop resources and tools to add placeholder contentWEBSITE #2Single Page Modern Flexbox Website - Responsive Design with JavaScript AUTOScroller!!!Use of Flexbox to create webpageFlexbox to create custom dynamic Grid optionsCreate CSS components to reuse in website reuse repurpose components CardsFlexbox contact form with CSS FlexboxResponsive Resize with breakpointsAwesome JavaScript AutoScrollWEBSITE #3CSS Grid website with Modern CSS only Responsive Collapsible NavBarCSS Grid to create a Responsive WebsiteCSS components to reuse Buttons, CardsMaking images responsive Different page designs using CSS GridMultiple page website designResponsive and mobile ready designNavbar with logo and bars iconUse of FontAwesome and other top resourcesAdding Google FontsWEBSITE #4Modern design with Floats - Grid with Columns Flexible Design JavaScript Class Toggle for NavBarModern Navbar design - collapsing Navigation menu barResponsive Navbar using Floats CSSGrid structure with multiple columns and rows all responsive Menu icon with LogoUse of Top online tools and ResourcesPlaceholder contentResponsive images as thumbnailsWEBSITE #5Flexbox Complex Menu Website With Responsive Navbar and SubMenu itemsCreate a website with Flexbox CSSAdd a collapsing Navabr menuHow to create custom JavaScript submenu items navbarResponsive navbar with many menu itemsJavaScript to create dynamic interactions Responsive ImagesFlexbox for Navbar and website design
