とにかく作ってみる
HTMLの基本
スタイル
- 色をつける
- よく使うスタイル
- 要素間の余白
- IDとクラスで分ける
- マウスがのった時にスタイルを変える
- HTMLが複雑になってきたら・・・
画像
- 画像を入れる
【HTML】画像上の文字を目立たせる方法Webページで「画像と文字を重ねると文字が目立たない (^_^;) 」 そんな時は、
目立つ文字を表示する方法
CSS...
【HTML】画像が表示されない時に確認することHTMLで画像が表示されない時、別の画像が表示されてしまう時、更新されない時などのエラー時の対処方法。...
箇条書きと表
- 箇条書き（リスト）を作る
- 表（テーブル）を作る
レイアウト
- ページ全体を中央にレイアウトする
header（ヘッダー）ナビゲーションメニュー（nav）の作り方Web制作でのheaderの作り方です。コピペで使えるコードです。...
JavaScriptで動きをつける
JavaScriptの基本
- JavaScriptとは
- プログラムの読み込み順序
- データの扱い方（文字、数値、計算、真偽値、変数）
- 制御する（条件分岐、関数、繰り返し処理、配列）
データ操作
- オブジェクト（windowオブジェクト）
- プロパティとメソッド
- イベント（クリックされたら）
- アニメーション（一定時間が経ったら○○する）
参考
- “use strict”で厳密にエラーチェックをする
JavaScriptでHTMLのimgタグを生成して画像を表示する方法JavaScriptでHTMLタグを生成して表示する方法を解説しています。サンプルコードも載せています。...
「どっちが安い？」がすぐわかる計算アプリを作りました！計算アプリを作りました。「300グラム298円」の商品と「500グラム498円」どっちが安いだろう？という時に便利なアプリ。...
Canvas
【HTML】Canvasタグで遊んでみた。「Canvasタグって何？」という質問に答えます。...
PHP
初心者のためのPHP入門 PHPは、ウェブサイト構築に特化されたプログラミング言語です。 PHPの主な目的は、HTMLソースを出力することです。...