CSS【ボックスモデル】を画像付きでわかりやすく説明するよ！

2017.06.03 tomori

CSSを使いこなせるようになるには【ボックスモデル】の概念を理解する必要があります。ボックスモデルってなんだろう？簡単に言えば要素は１つのボックスでそのボックスにはボックスのwitdh(高さ),height(幅),p…

HTML【ブロック要素とインライン要素】の一覧表

2017.06.03 tomori

【ブロック要素とインライン要素】について簡単な説明とそれぞれを表にしました。参考にしてくださいね。ブロック要素一覧表ブロック要素は前後に改行が入るタグです。これらのタグは前後に改行が入ります。 ■ブロック要素タグ…

2017.05.31 tomori

第８回目に突入しましたね。ここまでで半分くらいは仕上がってきているかと思います。それでは、コンテンツ部分を作っていきましょう。コンテンツを作成しようコンテンツ部分は、『div#content』ボックスに入れます。左部…

2017.05.31 tomori

前回からの続きで、メニューの作成を行っていきたいと思います。ここまでのHTML,CSSコードと現在の表示状態を記載しておきます。自身のコードに足りないものがあれば追加しておいてくださいね。現時点までのコード ■HTM…

2017.05.31 tomori

前回まででヘッダー部分は作成完了となりました。ここから結構サクサクと仕上げていけると思います。アイキャッチ画像とメニューの作成第６回では、画像の赤枠部分のアイキャッチ画像とメニューを作成していこうと思います。アイキ…

2017.05.30 tomori

前回に続いて残りの３つを仕上げていきましょう。リストの黒ポチがなくてアイコンがあるリストがリンクになっているリストが右に配置されている CSSを使ってみようなんとなくCSSにも慣れてきてかなーと思いますので理解は…

2017.05.30 tomori

第４回ではCSSを使って横並びのリストの設定をしていきたいと思います。 CSSを使ってみようヘッダーももう少しで完成に近づいてきましたね。 CSSとは『Cascading Style Sheets(カスケーディング・ス…

2017.05.27 tomori

前回の【初めてのホームページ制作】#03 マネして作ってみよう！(手順解説付き)までは、HTMLの基本部分を作成し、実際にブラウザで文字まで表示できましたね。まず手始めにはホームページのレイアウトを切り分けていきたいと…

2017.05.25 tomori

いよいよ実際にホームページを作っていきたいと思います。最終的に↓のリンク先と同じページを作っていきますのでよろしくお願いします。 sampleホームページ sampleホームページに使っているソースファイルを↓に一式ダ…

2017.05.20 tomori

なぜ、わざわざ自分でホームページを作る必要があるのか? 今では知識なんてなくても無料で簡単に高機能なホームページ作れるようになってるじゃん！って思うかも知れません。その代表格がWordPressです。確かにWordPr…