ホームページの作り方

ホームページ(Webサイト)を初めて作る初心者の方のために、ホームページ作り方を解説します。

ホームページを構成するHTMLやページデザインを決めるCSS、ページに動きを持たせるJavaScriptなど、Webサイトを作るために必要なすべての要素が学べるような解説ページにしていければと思います。

誤った情報が記載されていることにお気づきの方は、お手数ですが、コメント欄またはこちらからご連絡いただけると幸いです。

HTML&CSS

  1. はじめてのホームページ
  2. HTMLタグとは
  3. 画像表示と箇条書きを表示する
  4. 表(テーブル)と文章の改行
  5. コメントについて
  6. 他のページへリンクする
  7. CSS入門1(セレクタとプロパティ)
  8. CSS入門2(class属性のセレクタについて)
  9. CSS入門3(ページのレイアウト)
  10. CSS入門4(外側の余白と内側の余白)
  11. CSS入門5(見出しや表のスタイルを整える)
  12. CSSを別ファイルに書いて読み込む
  13. 色の指定方法
  14. ブロックレベル要素とインライン要素
  15. divタグを使ったレイアウト
  16. spanタグを使った文字装飾
  17. CSSで要素の位置を変更する
  18. CSSの擬似クラスについて
  19. CSSの特殊なセレクタについて

javascript

  1. はじめてのjavascript
  2. javascriptのログを表示する
  3. javascriptによるHTML要素の操作 DOMの利用(1)
  4. class属性とid属性を利用したタグの操作 DOMの利用(2)
  5. マウスのクリックや重なりに反応して要素を書き換える DOMの利用(3)
  6. javascriptでHTMLタグの属性を変更する DOMの利用(4)
  7. javascriptでHTMLタグを新しくページに追加する DOMの利用(5)
  8. javascriptでページ内のHTML構造の変更やタグの削除 DOMの利用(6)
  9. jQueryを使ったHTMLタグ構造の変更 DOMの利用
  10. jQueryで特定の属性の指定やクリックイベントの設定 DOMの利用(8)
  11. jQueryでアニメーションを行う DOMの利用(9)
  12. javascriptのオブジェクトの基本とその作り方
  13. javascriptによるタイマー - 2種類の時間遅延処理メソッド

PHP

  1. PHPの開発環境XAMPPのインストール
  2. PHPの基礎入門
  3. PHPで変数を扱う
  4. PHPで作るチャット(1) 投稿用フォームを作る
  5. PHPで作るチャット(2) ログファイルのチェックおよび作成
  6. PHPで作るチャット(3) ログファイルへの書き込み
  7. PHPで作るチャット(4) HTMLのフォームから送信されたデータを受け取る