|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-designing-professionally-real-world-project-html-css/
课程评论：没有评论
课程名称：专业网页设计：真实项目 课程概述：在本课程中，您将学习如何仅使用HTML和CSS创建美观的响应式网站。我们将使用媒体查询来实现响应式设计，使其适合移动设备。一旦您掌握了仅使用HTML和CSS的网页设计，使用像Bootstrap这样的框架将变得非常简单。本课程不仅涵盖技术部分（HTML和CSS），还详细解释了我的网页设计流程。请按照以下步骤完成该项目，以完成任何网页设计项目： 1. **构思阶段**：在这一阶段，我倾听客户的需求，收集尽可能多的信息。然后，基于这些信息进行研究，查看Pinterest和Behance上的一些网页设计。我会在纸上用笔或铅笔绘制网页的粗略草图（线框图），然后使用Photoshop或Sketch等软件设计用户界面（UI）。 2. **结构阶段**：首先，我将概念网页设计划分为不同的部分，然后根据需求在每个部分添加HTML元素。 3. **样式阶段**：在这一阶段，我们使用CSS使结构化的网页变得更加美观和易于展示，为网页赋予真实的颜色、空间、图像等。 4. **移动优化阶段**：到这一时刻，我们的网页设计已完成且具有展示性，最后的任务是使其响应式，确保在不同大小的设备上美观显示。我们将使用媒体查询使其具备响应性。 通过该课程，您将能够掌握网页设计的基础，并在实际项目中应用所学知识。
In this course you will learn to create beautiful Responsive website using HTML and CSS only. And we will use media queries to make it responsive (mobile ready). Once you're comfortable on web designing using HTML and CSS only, using frameworks like Bootstrap will be so easy. It'll be like a piece of a cake. Not only the technical part (HTML and CSS), I'm also explaining my web design process in detail. And follow them to complete this project.To complete any web design project, I divide the complete process in 4 different stages 1. Idea Mapping In this stage, I listen to the clients and gather as much information (requirements) from them as possible. Then, based on the information I do research. Look at some web designs on pinterest and behance. Then I make rough sketch (wireframe) of the web page on paper with pen or pencil. And then design it (UI) using softwares like Photoshop or Sketch. 2. Structuring In this stage, First I divide the conceptual web page design into different sections. Then, Add HTML elements on each sections based on their requirements. 3. Styling In this stage, we make our structured web page more beautiful or presentable using CSS. The web page will get its real colors, space, images, etc. 4. Making Mobile Ready By this time, our web page is well designed and presentable. The only thing left is, to make it responsive or mobile ready. To make it beautifully viewable on any different sizes, we will use media query to make it responsive.
