ウェブページ作成入門

とにかく作ってみる

  1. ウェブページを作る準備
  2. 簡単なウェブページを作ってみる

HTMLの基本

  1. HTMLタグについて
  2. HTMLのひな形
  3. 構成はブロック要素単位で考える
  4. 改行について
  5. リンクについて

スタイル

  1. 色をつける
  2. よく使うスタイル
  3. 要素間の余白
  4. IDとクラスで分ける
  5. マウスがのった時にスタイルを変える
  6. HTMLが複雑になってきたら・・・

画像

  1. 画像を入れる
【HTML】画像上の文字を目立たせる方法Webページで「画像と文字を重ねると文字が目立たない (^_^;) 」 そんな時は、 目立つ文字を表示する方法 CSS...
【HTML】画像が表示されない時に確認することHTMLで画像が表示されない時、別の画像が表示されてしまう時、更新されない時などのエラー時の対処方法。...

箇条書きと表

  1. 箇条書き(リスト)を作る
  2. 表(テーブル)を作る

レイアウト

  1. ページ全体を中央にレイアウトする
header(ヘッダー)ナビゲーションメニュー(nav)の作り方Web制作でのheaderの作り方です。コピペで使えるコードです。...

JavaScriptで動きをつける

JavaScriptの基本

  1. JavaScriptとは
  2. プログラムの読み込み順序
  3. データの扱い方(文字、数値、計算、真偽値、変数)
  4. 制御する(条件分岐、関数、繰り返し処理、配列)

データ操作

  1. オブジェクト(windowオブジェクト)
  2. プロパティとメソッド
  3. イベント(クリックされたら)
  4. アニメーション(一定時間が経ったら○○する)

参考

  • “use strict”で厳密にエラーチェックをする
JavaScriptでHTMLのimgタグを生成して画像を表示する方法JavaScriptでHTMLタグを生成して表示する方法を解説しています。サンプルコードも載せています。...
「どっちが安い?」がすぐわかる計算アプリを作りました!計算アプリを作りました。「300グラム298円」の商品と「500グラム498円」どっちが安いだろう?という時に便利なアプリ。...

Canvas

  1. Canvasの基礎
【HTML】Canvasタグで遊んでみた。「Canvasタグって何?」という質問に答えます。...

PHP

初心者のためのPHP入門 PHPは、ウェブサイト構築に特化されたプログラミング言語です。 PHPの主な目的は、HTMLソースを出力することです。 計...

ウェブページの公開