• Webの基礎
• HTML,CSSって何？
• Javascriptって何？
• ローマ字以外の文字が打てない
• ショートカットを覚えよう
• ファイルとフォルダの違い
• 圧縮と解凍
• 絶対パスと相対パス
• 使ってはいけない文字
• ホームページを作るときのコンセプト
• ナビゲーション
• ホームページを作るために必要なものは？

• HTML
• htmlとは
• おまじないを書こう
• headとbodyの違い
• マークアップ
• cssとjavascriptのリンクの仕方
• 「div」「p」「span」の違い
• 「p」以外のクラス名設定
• divのきり方
• divの多用はダメ
• ソースの綺麗な書き方
• テーブルを使ってみよう
• テーブルの多用は駄目
• 終了タグがないHTMLの書き方
• HTMLを書く際にしてはいけないこと

• CSS
• cssとは
• cssのメリット
• bodyとpageの違い
• cssを指定する場所
• pisitionの使い方
• 文字の後ろに背景を設定しよう
• リンクを触ったときに色を変えたい
• hoverの可愛い使い方
• floatを使いこなそう
• ボーダーの種類と使い方
• tableを可愛く装飾しよう

• Javascript
• Javascriptとは
• Javascriptの書き方

• Webデザイン
• レイアウトってなに？
• 上手な並べ方
• 色を極めよう
• いつも同じものしか思いつかない
• 写真の綺麗な撮り方
• photoshopがない人
• 写真の加工も立派なデザイン！

• 小技
• 実は最初から設定してた
• CSSはあってるのに右にずれる
• 本当は保存できた
• 画像をドラッグ
• 影

• その他
• 用語集
• オズボーンのチェックリスト

自分で撮ったやつを載せてます。
自然が多いとこですよ。枠が赤いのは加工しています。
クリックで大きい画像

植物

• 
• 

空

• 

風景

•