Create a no-code responsive website with Webflow

4.7

11件の評価

提供:
この無料ガイド付きプロジェクトでは、次のことを行います。

C​reate a website using Webflow, learning how to use this powerful no code editor

Build multimedia interactive content and shape the layout

P​lan responsive web design to publish cross-device

この実践的な経験を面接でアピールする

2 hours
初心者向け
ダウンロード不要
分割画面ビデオ
英語
デスクトップのみ

In this 2 hour project you will develop a small website with no coding using Webflow, learning all the most important elements of building site with this tool. You will create layouts with containers, columns and grids, create static and reusable content, add forms and call to action, and ensuring a responsive design adapting the page to tablet and mobile devices.

必要事項

N​o special background required.

あなたが開発するスキル

  • Responsive Web Design

  • Web Design

  • no coding

  • Web Development

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  1. Introduction and account creation

  2. Create a column and grid layout

  3. Create a top navigation bar

  4. Create an hero image and cover

  5. Add text and media content

  6. Add pages and symbols

  7. Add a form and call to action

  8. Personalize utility pages

  9. Add responsive design and publish the website

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

ワークスペースにはラップトップまたはデスクトップコンピューターに適したサイズのクラウドデスクトップが含まれているため、モバイル機器ではガイド付きプロジェクトを使用できません。

ガイド付きプロジェクトの講師は、プロジェクトのスキル、ツール、またはその分野での経験があり、知識を共有して世界中の何百万人もの受講生に影響を与えるたことに情熱を持つ専門家です。

ガイド付きプロジェクトから作成したファイルをダウンロードして保持できます。そのためには、クラウドデスクトップにアクセスしているときに「ファイルブラウザ」機能を使用できます。

ページの上部で、このガイド付きプロジェクトの経験レベルを押して、知識の前提条件を表示できます。ガイド付きプロジェクトのすべてのレベルで、インストラクターがステップバイステップでご案内します。

はい。ガイド付きプロジェクトを完了するために必要なものはすべて、ブラウザで利用可能なクラウドデスクトップで利用できます。

分割画面環境でタスクをブラウザで直接完了することで学習できます。画面の左側で、ワークスペースでタスクを完了します。画面の右側で、講師がプロジェクトをステップごとにガイドします。