Two female colleagues working together in office
Web開発入門完全攻略コースのセクション「実践Webサイトのコーディング」について説明いたします
この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」サポート記事です。
目次
このセクションではここまで学習してきた HTML と CSSL の基礎をベースと
してWebサイトのコーディングの実践を行っていきます
実際に完成品を見てください
CSS Cafeという名前の架空の Web サイトのトップページを制作します
基礎を理解しやすいようにシンプルなものとなりますが実際のウェブサイトの制作に
つながるエッセンスがいろいろ詰まっています
見ていくと ヘッダーエリアがあってこのようなグローバルナビゲーションを画像を使わずにCSSで作成します
その下にメインのイメージです
この部分はメインエリアとサイドエリアの2カラムになっています
見出しで使っているこの装飾も CSS で作る方法を学習します
このサイドエリアにはバナーが入る想定です
今はダミーの画像を入れています
このタミーの画像も自分で画像ファイルを作って入れているわけではなくて
url とサイズを記入するだけでダミーの画像を簡単に表示できる
無償で使える便利なサービスを紹介します
フッターエリアは このフッターのナビゲーション
そして著作権表示です
コーディングの仕様です
HTML5, CSS3
文字コード：UTF-8
動作環境は mac また windows の google chrome 最新
版とします
オンラインプログラミング学習講座「Web開発入門完全攻略コース」のセクション「実践Webサイトのコーディング」について説明しました。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する