HTML&CSSでWebサイトを作ってみよう!

目標となるサイトを確認しよう

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
このコースで作成するサイトの完成図を確認します。サイトのコンセプトをいっしょに考えてみましょう。
講師:
02:29

字幕

このレッスンでは目標となるサイトを見ていきましょう。まずレッスンファイルのdemo フォルダを開いてindex.html を選択します。そして HTML をブラウザで見てみましょう。このようなサイトになっています。まずサイト名はTravel と Idea を合わせて造語になっています。TRAVELIDEA という会社のコーポーレートサイトという体になっています。上から見ていくとヘッダーがあってこのようにグローバルナビゲーションがあってそしてコンセプトを伝えるエリアがあります。架空のサイトですが、旅行の企画会社というコンセプトで個人の旅行にツアーのような安心を届けたりとか個性的なプランを提供するといったような企画をしている会社です。そしてサイトの構成は企業情報、そしてサービスとしてトラベルガイドという別のサイトで旅行の紹介をしているのでそちらのサービスを紹介するページ。そして株主や投資家向けの情報のページ、そして採用情報というようなコーポーレートサイトでは一般的な構成になっています。そして News と Topics を示すエリアがあります。そして最後はフッターということでフッターにはナビゲーションがあります。 そして最後には架空ですが、Copyright があります。このようなサイトを作っていきます。また企業情報をクリックしますとこのように企業情報の仮想ページに移動します。企業情報の中でも会社概要を説明するページです。他にも代表挨拶や企業理念など仮想のページのコンテンツ案はあるのですが今回は仮想ページを1ページ作るということが目標ですので、まだ会社概要のみということになります。そしてロゴや HOME を押すとトップページに戻るようになっています。このレッスンでは目標となるサイトの確認を行いました。

HTML&CSSでWebサイトを作ってみよう!

HTMLとCSSについての断片的な知識だけではウェブサイトを構築することはなかなか難しいでしょう。そこでこのコースでは、架空のサイトを実際に構築しながら、シチュエーションに合わせたHTMLとCSSの使い方について学んでいきます。実際のWeb制作の現場でどのようにHTMLとCSSが使われているかを確認しながら、実践的なスキルを習得しましょう。

3時間28分 (31 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2014年03月19日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。