AkibaCreation, LLC

ファイル形式: PDF ご覧頂きありがとうございます。 初心者の方にも分かりやすいよう、HTMLとCSSの基礎的内容全てからブラウザや開発者ツールの使い方、デザインソフトウェアの扱い方、そして実践例としてPC用ウェブサイトの制作などを順番に解説しています。 【収録内容】 ■第一章　HTMLとCSSとJavaScriptとブラウザとOSについて ・HTMLとは ・CSSとは ・JavaScriptとは ・ブラウザとは ・OSとは ■第二章　HTMLとCSSの構築前の必要機材と環境構築について ・必要機材について ・環境構築とは ・拡張子について ・テキストエディタのインストールと文字エンコーディング ・各ブラウザのインストール ■第三章　HTMLの基礎 ・HTMLを始める前に ・HTMLファイルの作成 ・ウェブサイトが表示される仕組み ・まずはコピペでウェブサイトを作ってみよう ・タグと要素についての解説 ・コメントアウトについて ・タイトルを表示させてみよう ・文字を表示させてみよう ・タグを使う理由について ・画像を表示させるimgタグとHTMLの属性について ・絶対パスとURL ・相対パスについて ・ハイパーリンクを作ってみよう ・その他のパスの記述方法と使い分け ・パスの使い分けについて ・画像ファイルの形式について ・見出しを作ってみよう ・テーブル（表）を作ってみよう ・リストを作ってみよう ・HTMLコーディングの際のインデントルール ・タグを使う目的とは ・div要素とspan要素 ・HTMLの特殊文字（実体参照）とpre要素について ■第四章　CSSの基礎 ・CSS文法の基礎 ・CSSの記述場所 ・style属性にCSSを記述する方法について ・style要素でCSSを記述する方法について ・外部CSSファイルについて ・CSSを書くときのインデントマナー ・CSSのコメントアウト ・class属性とid属性について ・classセレクターの使い方 ・idセレクターの使い方 ・classセレクターとidセレクターの違い ・文字色と背景色を変えてみよう ・文字の大きさを変更したり装飾を加えてみよう ・フォントの指定をしてみよう ・文字の位置を調節してみよう ・高さと幅を変えてみよう ・境界線を入れてみよう ・背景画像を指定してみよう ・displayプロパティについて ・ブロック要素とインライン要素とインラインブロック要素について ・ブラウザの開発ツールの使い方について ・少し高度なCSS文法: 子孫セレクター ・少し高度なCSS文法: 隣接した要素などを指定 ・少し高度なCSS文法: 擬似クラス ・marginとpadding ・floatプロパティについて ・overflowプロパティについて ・clearfixについて ・floatを使用したカラムレイアウトについて ・positionプロパティについて ・z-indexプロパティについて ・背景画像の調整方法について ・before擬似要素とafter擬似要素について ・リセットCSSについて ・box-sizingプロパティについて ・CSSの詳細度と!importantについて ■第五章　デザインカンプを開くソフトの基礎 ・デザインソフトウェアについて ・必要最低限のデザインソフトの使い方 ・知らないデザインソフトウェアに対応する際のノウハウについて ■第六章　PC用ウェブサイトを作ってみよう ・PC用ウェブサイトを作る前に ・ウェブサイト制作の前に確認すべき事 ・貰った仕様とデザイン素材の確認作業について ・コーディング開始前の下準備（デザイン構成のアタリの取り方とリセットCSS） ・HTML要素（タグ）の使い分けのコツと考え方について ・header要素の構築について ・main要素とfooter要素の構築について ・メニュー一覧ページの基礎部分の作成 ・メニュー一覧ページの文言と写真部分の作成 ・概要ページの作成 ・アクセスページの作成 ・動作確認の方法とこれまでの補足について