响应式网页设计实例

Learn to design and develop a compelling commercial website homepage and product pages from scratch! This course focuses specifically on front-end web development, guiding you through the workflow, tools, and techniques needed to build static websites.

Ideal for those planning to use HTML, CSS, and jQuery, this course provides a practical foundation. We'll explore custom styling using Sass for enhanced maintainability and visual appeal, and leverage the power of the Semantic UI framework for rapid development and interactive elements. Many of the interactive features utilize pre-built components from Semantic UI, streamlining the process.

You'll also gain exposure to design principles with exercises utilizing Sketch, a popular design tool (available on macOS). Windows users are welcome to review the design sections for inspiration or can easily skip the design exercises.

Key topics covered include:

• Website Design Workflow: Understand the steps involved in creating a functional and visually appealing website.
• HTML & CSS Fundamentals: Solidify your understanding of the core languages for structuring and styling web pages.
• jQuery for Enhanced Interactivity: Learn to add dynamic elements and user interactions to your site.
• Sass for Efficient Styling: Discover how to write maintainable and scalable CSS using Sass.
• Semantic UI Framework: Explore the benefits of using a component-based UI framework for faster development.
• Homepage & Product Page Design: Practical application of design principles to create effective landing pages.
• Sketch for UI Design (macOS): Introduction to Sketch for creating visually appealing website mockups.