メルロロのHTML+CSS入門
Warning: Undefined variable $post in /home/meruroro/meruroro.com/public_html/wp-content/themes/simple-meruroro2/functions.php on line 88
Warning: Attempt to read property "ID" on null in /home/meruroro/meruroro.com/public_html/wp-content/themes/simple-meruroro2/functions.php on line 88
初心者向けに、とりあえずサイト1個作りながら勉強してみようって趣旨のサイト作り入門講座です。
会話形式で行います。私がロロです。
会話形式で行います。私がロロです。
教わる側のメルだよ~!
さっそくSTEP.1へ進む方はこちらへどうぞ。
STEP.1へ進む
ここより下は目次になっています。
Step.1~Step.14まで全て前回までを読んだのを前提として会話をしているので順番に読んでいないとなんのこっちゃわからないってところが多々出てくると思います。
STEP.1へ進む
ここより下は目次になっています。
Step.1~Step.14まで全て前回までを読んだのを前提として会話をしているので順番に読んでいないとなんのこっちゃわからないってところが多々出てくると思います。
ロロちゃんがサンプルページとか出してくれていることもあるけれど、めんどくさがってタグしか出していないところもあるから、そういうのは実際にそのタグをコピーして使って、自分の目でどう動くのか試してみるのがお勧めだよ!
やっぱり何事も、実際に自分で書いて確認してみるのがとても大切だと思うよ。覚えるのも早くなるしね!
やっぱり何事も、実際に自分で書いて確認してみるのがとても大切だと思うよ。覚えるのも早くなるしね!
なんかメルちゃんに言われるのは癪だなぁ……。
えぇ!?
目次
- Step.1 HTMLはどこに書くの?サイトを作る為の前準備!
- Step.2 HTMLの書き方のルールを知り、タグを使って改行をしてみよう。
- Step.3 CSSを使ってサイトの大まかなレイアウトを作成してみよう
- Step.4 CSSの書き方の基本を学ぼう
- Step.5 よく使うCSSを学ぼう 余白・文字関連編
- Step.6 CSSのセレクタなどについて学ぼう
- Step.7 画像にリンクを貼ってみよう
- Step.8 見出しとアウトラインについてとCSS縦横幅の最小値最大値の設定とページ内リンクについて
- Step.9 よく使うCSSを覚えよう
- Step.10 サイズの違う画像を等間隔に並べてみよう
- Step.11 覚えておくと便利なCSS+α
- Step.12 meta要素でページの設定をしよう
- Step.13 ページを増やし、内部リンクをしっかりつけよう
- Step.14 HTMLファイルをサーバーへアップロードしよう