|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/creating-responsive-web-design/
课程评论:没有评论
Course Name: 响应式网页设计(Creating Responsive Web Design) **课程概述:** 本课程旨在教授学员如何创建能够适应各种屏幕尺寸的网页,同时优化下载速度。课程将重点介绍 HTML5、CSS3 和 Media Queries 的应用,以及利用 HTML5Shiv 提升 Internet Explorer 的兼容性。此外,还将涵盖 Photoshop 在图像优化和切片方面的技巧,以及为不同屏幕尺寸进行的设计调整。 **核心内容:** * **响应式网页设计基础:** 学习如何创建能够自动调整和重新排列元素和内容以适应任何屏幕尺寸的“智能”网站。 * **前端技术:** 掌握 HTML5 和 CSS3 的关键概念和应用,这是构建现代网页的核心技术。 * **浏览器兼容性:** 了解如何确保网站在过去和现在的各种浏览器上都能正常显示,包括利用 HTML5Shiv 解决早期 IE 浏览器的问题。 * **移动优先设计:** 学习如何考虑不同设备的用户体验,并根据屏幕尺寸优化设计。 * **性能优化:** 掌握优化下载速度的技巧,确保用户能够快速访问您的网站。 * **工具和资源:** 课程将提供 CSS、HTML 和 Photoshop 模板,方便学员进行实际设计练习。 **学习目标:** 完成本课程后,学员将能够自信地设计和开发针对所有屏幕尺寸进行优化的定制化网站,无论用户使用何种设备访问,都能获得一致且良好的浏览体验。学员将全面掌握从 CSS 文件创建到网站布局、文本和图形设计的全过程,确保网站按预期效果呈现。 **适合人群:** 网页开发者、平面设计师、可用性专家、交互设计师等。
Learn how to create websites that adjust to any screen size while optimizing download speeds. HTML5, CSS3, and Media Queries HTML5Shiv for Internet Explorer Photoshop Image Optimization and Slicing Design Adaptations for Various Screens Create Websites that are Optimized for All Screens Because people use a variety of devices to access the Internet, it's important that, as a website designer, you know how to create a site that will conform to any screen size. Today's websites should be able to resize and rearrange elements and content automatically so that any user on any device from anywhere in the world can access your site and browse it with ease. And building a website that's compatible with the many browsers available from both the past and the present is also an integral part of launching a strong site. Not every website designer knows how to create these "intelligent" websites. With the right training, you can differentiate yourself from the competition and potentially expand your client base. Contents and Overview In just 1.5 hours and through 11 lectures, you'll learn all that you need to know to create a dazzling website using CSS3 and HTML5. You'll understand how to make your site backwards compatible with old browsers, and how to set it up using CSS rules so that it will adjust itself to any screen size while optimizing download speeds. This course, which is ideal for web developers, graphic designers, usability experts, and interaction designers, will even provide you with CSS, HTML, and Photoshop templates that you can use to design your own sites. Upon successful completion of this course, you'll be confident in your abilities to design a customized website that's optimized to work on any computer or mobile device. From the creation of CSS files to the design of a site's layout, text, and graphics, you'll be fully versed in launching a site that's going to appear just as you intended, regardless of what screen your visitors will be using.