コース - ウェブサイトを作るための方法

Treehouse

プログラムの説明

公式の説明を読む

コース - ウェブサイトを作るための方法

Treehouse

ウェブサイトを作る方法

あなたが前にウェブサイトを構築したことがありません、あなたは何のコーディングや設計経験を持っていない場合は、これが開始する場所です。 このプロジェクトでは、デスクトップ、タブレット、およびモバイルデバイスのための現代的なポートフォリオのウェブサイトを構築する方法を学びます。 私たちは、基本的なHTMLとCSSの構文で始まります。 次に、我々は、画像ギャラリーと接触ページでカスタムWebページを構築する方法を学びます。 最後に、我々はウェブ上でライブウェブサイトを共有する方法を歩きます。

あなたは何を学びます

  • 基本的なHTMLの書き方
  • CSSを使用したWebページのスタイルを設定する方法
  • ドメインとホスティングを購入する方法
  • ファイルをアップロードする方法

HTMLとCSSの開始

この簡単なチュートリアルでは、我々は我々が構築することを目指している最終的なWebプロジェクトの例をチェックアウトします。 そして、私達は私達のウェブサイトの構造を形成するのに役立ちます私たちの最初のHTML要素を、コーディングする方法を学びます。 最後に、我々はいくつかの簡単なCSSで私達のウェブサイトをスタイリングすることにより仕上げるます。 これら二つの言語、HTMLやCSSは、任意のWebプロジェクトの基本的なビルディング・ブロックを形成します。

まず、HTML

HTMLは文書の構造を説明する特殊なコンピュータ言語です。 HTMLで、我々はテキスト、画像、およびコンテンツの多くの他のタイプを含むWebページを構築することができます。 まず、我々は、迅速な歴史の授業を始めるでしょう。 その後、我々は単純なページ構造を作成することで、HTMLの最新の進歩を掘り下げます。

HTMLコンテンツの作成

Webサイトを構築する場合は、CSSに移る前に、可能なHTML構造の多くを書くことをお勧めします。 実際には、HTMLとCSSの間で前後に移動しますが、最初の構造の大部分を構築することが容易になります。 まず、私たちのサイトのナビゲーションを作成することによって開始されます。 そこで、画像ギャラリーと他のページのコンテンツを構成する上で移動することができます。 最後に、私たちはHTMLページにCSSファイルを含めることによって終了します。

CSS:カスケーディングスタイルシート

CSSは、私たちはよく組織と美しいデザインを行うことができます言語です。 HTMLは情報の構造を説明しているが、CSSはその情報を視覚的に提示する方法を説明します。 私たちは私たちのサイトのCSSのコーディングを開始する前に、我々はCSSの構文について学んでいくつかの時間を過ごすことになります。

色とフォントのカスタマイズ

CSSの色は、16進数と呼ばれる特別なコード化されたフォーマットが必要です。 私たちは、最初の16進数について学びますし、我々は我々の色の値でそれらを使用することができます。 その後、我々は、ウェブページ内のフォントを含める方法と同様にライセンスされたフォントを見つける方法を学びます。

スタイリングWebページとナビゲーション

画像ギャラリーのスタイリングだけでなく、水平方向のナビゲーションのために必要な技術は、実際には非常に似ています。 まず、画像のグループのスタイルと私たちのイメージギャラリーのために、行と列に変換する方法を学習します。 その後、我々は順不同リストから水平ナビゲーションを作成するために、同様のCSSのテクニックを使用します。

Webサイトにページを追加します

複数のWebページがリンクされているときに、ページをまとめてウェブサイトとして知られるようになっ。 ホームページには、お問い合わせページの両方のためとページに関するテンプレートとして機能します。 両方のページでは、我々はいくつかの新しいCSSのテクニックを学びます。

レスポンシブWebデザインとテスト

現代のWebサイトは心のモバイルおよびデスクトップユーザーで構築されています。 (代わりに固定されたピクセルの)流体割合で私たちのサイトを構築することによって、我々は良いスタートをオフにしています。 しかし、我々はさらに経験を強化するためにメディアクエリと呼ばれる特殊なCSSルールを追加することができます。 レスポンシブなデザインを追加した後、我々はいくつかのデバイス上のサイトをテストします。

ウェブサイトを共有します

当社は、当社ウェブサイトのコーディングが終了していて、今では他の人がそれを見ることができるようにウェブに住んで、それを展開するための時間です。 まず、私たちは、ドメインとホスティングを購入します。 そして、私たちは私たちのサーバーに我々のファイルを置くためにファイル転送プロトコル(FTP)を使用します。

HTMLとCSSの問題のデバッグ

ウェブサイトを作成するときに、問題解決能力が不可欠です。 まず、我々は我々のコードで問題を見つけるために、開発者ツールにアクセスする方法を学習します。 その後、我々はいくつかの一般的なHTMLとCSSの問題を通って歩いていくとすぐにそれらを修正する方法。

教師

ニック・ペティット

ニックはツリーハウスでの教師と独立系ゲーム開発者です。彼のTwitterのハンドルが@nickrpです。

この学校か以下のプログラムを提供しています:
  • 英語
期間&料金
このコースは、 オンライン
Start Date
開始日
自由入学
Duration
期間
パートタイム
全日制課程