|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-expert/
课程评论：没有评论
## 课程内容总结：从入门到精通！Web设计与HTML5/CSS3（Sass）全方位实战 本课程旨在教授您Web设计和编码的完整流程，从思考、设计到最终的编码实现。课程内容全面，适合希望学习完整Web开发流程，或只想深入学习设计或编码的学员。 **课程亮点：** * **全流程覆盖：** * **思考篇：** 学习网站建设的构思过程，并产出**线框图**。 * **设计篇：** 使用**Adobe XD**（而非Photoshop）进行线框图到实际设计的转化，产出**高保真设计稿**。 * **编码篇：** 使用**HTML5**和**Sass (SCSS)** 进行编码，完成**个人介绍页面**的制作。 * **实战篇：** 模拟真实的**工作流程**，将思考、设计、编码三个篇章融会贯通。产出**响应式设计**的**博客首页、文章列表页、文章详情页**。 * **紧跟潮流：** * **Adobe XD** 的应用。 * **原型制作**及**设计反馈**获取方法。 * **Web字体**（Google Fonts，包括日文字体早期访问）和**Font Awesome** 的使用。 * **常见网页动画**的实现。 * **技术栈：** * **语言：** HTML5, CSS3, Sass, jQuery * **工具：** Adobe XD, Atom, Google Chrome * **外部服务：** Google Fonts, Google Fonts + 日本語早期アクセス, Font Awesome, ress * **响应式设计：** 所有编码内容均采用响应式设计，确保网站在不同设备上的良好展现。 * **跨平台教学：** 课程中使用Mac和Windows操作系统进行教学，不会因操作系统的差异影响学习。 **适合人群：** * 希望学习从零开始构建网站的完整流程的学员。 * 只想学习Web设计，特别是使用Adobe XD进行设计的学员。 * 只想学习HTML5/CSS3（Sass）编码，完成响应式网页制作的学员。 通过本课程，您将能够掌握从创意构思到最终成品的全套Web开发技能，并制作出符合现代审美和技术趋势的网站作品。
サイト作成にあたって考えるべきことを学べ、成果物としてワイヤーフレーム作成まで行う思考編 Photoshopを用いてワイヤーフレームからデザインをし、成果物としてはデザイン作成まで行う デザイン編 HTML5やSass(SCSS)を用いてコーディングを行い、自己紹介ページの作成まで行う コーディング編 実際の私の仕事の流れを再現し、思考編・デザイン編・コーディング編を網羅した実践編。デザインのツールはPhotoshopではなくAdobe XDを使用。プロトタイプ作成からデザインフィードバックをもらう方法に加えて、Webフォントの使用やよく目にするアニメーションなど、全面的にトレンドを取り入れています。成果物としてはブログのトップページ、記事一覧ページ、記事詳細ページとなります。 一連の流れを学びたい方はもちろん、コーディングやデザインだけ学びたい方にもオススメの講座です。コーディングするものは全てレスポンシブデザインで作成します。 -- 使用する言語HTML5、CSS3、Sass、jQuery 使用するツールPhotoshop、AdobeXD、Atom、Google Chrome 使用する外部サービスGoogle Fonts、Google Fonts + 日本語早期アクセス、Font Awesome、ress 使用しているマシン前半はMac（macOS High Sierra）ですが、動作が重いため、途中からWindows（Windows10）に切り替わります。インターフェイスに違いはそれほどないので、Macユーザーの方でも問題ありません。
