総目次へ top

ウェブページ作成 もくじ

基本

1.ウェブページを作るには

2.とりあえず作る

3.DOCTYPE宣言

4.使ったタグの解説

5.ページを公開する

6.タグの基本

7.文字で構成する

8.リンク

a.ウェブページ/ホームページ

b.html の変遷

c.よくある間違い

d.html5以前を知っている人に

スタイル

1.せめて色をつけよう

2.カラーコードで色指定

3.ブロックと余白

4.ブロックのpaddingとborder

5.段落の整形

6.同じタグに異なるスタイル

a.薄い色と灰色のカラーコード

b.色の見本表

c.色の混合をやってみる

d.borderの上下左右に異なる指定をする

語句につけるタグ

1.語句に情報を追加する

2.spanタグ

3.spanを駆使する

4.リンクに加える

5.語句に情報を追加するタグをもう少し

1.HTML5 要素(タグ)一覧

2.見え方を指定していたタグの再定義

画像

1.画像のあるページ

2.大きな画像を使う

2b.画像の保存場所を用意して整理する

3.小さな画像

4.透過画像

5.透明度と1色の透過

6.文章中の画像

7.背景に画像

8.背景画像の繰り返し制御と固定

9.他のタグの背景

10.背景画像の位置指定

11.背景に画像の課題

a.この画像はどれ?。

b.小画像と文字の位置関係

c.png画像への変換

d.jpg(jpeg)画像への変換

e.GIMPによる透過画像作成

f.GIMPによる一色透過画像作成

g.影付きの文字と透明度のcss

リスト・テーブル

1.リスト

2.テーブル

3.テーブルヘッダ

4.複数の表に別々の見栄え

5.幅の指定

6.高さの指定

7.配置

8.スタイルシートで整形練習(1)

9.スタイルシートで整形練習(2)

10.セルの結合

a.ulやolはmarginとpaddingをセットで

b.表の枠のいろいろ

c.表の枠のいろいろ(2)

レイアウト

1.スタイルシートで段組レイアウト

2.段組レイアウトのための元データ

3.段組レイアウト解説

4.課題 sandan.html

5.スタイルシートの位置

6.セレクタ

a.レイアウト例

b.widthとmargin。

c.スタイルシートの切替

d.スタイルシートの切替のための元データ

著作権など

1.こんなのは困る?

2.みんなの考え

3.著作権

a.こんなときは?。

動きのあるページ

1.別のウインドウに

2.自動的に移動

3.クリックで切替

4.マウスが来たら

5.アニメーション

6.アニメーション応用

7.ランダムに画像を出す

8.ランダムな場所の画像を変える

9.入力された値を使う

10.サムネイルからの画像の別ウィンドウ表示

11.Popupウィンドウ

0.読み取り許可まとめ

1.getElementByIdの昔のやり方

2.スムーズに動かす

3.動きのあるページ

4.if の代わりに switch

5.javascript記述上の注意

6.パーセントエンコーディング

DOM

1.DOMとノード

2.エレメントノードの取得(ByID)

3.エレメントノードの取得(ByTagName)。

4.属性ノードの変更

5.属性ノードの読み取り

6.class属性の変更でスタイルを変える

7.イベントハンドラの取付

8.イベントハンドラのthisキーワード

9.読み込み終了後実行

10.テキストを入れ替える

11.子ノードが複数ある場合

12.新しい要素を作る

13.応用 ページ内目次をつくる

14.応用 ページ内目次に戻るボタン

15.応用 選択表示

16.応用 選択表示キーワード自動収集

1.イベントハンドラの取付(37)

2.テキストノード変更サンプル(41)

3.タグ中のタグの親子関係に注意(41)

4.選択表示キーワード自動収集プログラム解説

5.メモ

5.DOMの互換性調査

5.for を使った繰り返し詳説

12.b42新しい要素を作る

13.b43 idを作りながらページ内目次をつくる

canvas

1.canvasとは

2.基本図形

3.色の指定

4.後から描く

5.繰り返しのあるもの

PHP

1.phpの第一歩

2.入力されたデータの加工

3.入力されたデータを自分自身に送る

5.掲示板

6.ファイルを読んで表をつくる

7.並べ替えてから表にする

8.選択してから表にする 1

9.選択してから表にする 2

10.選択と並べ替えをして表にする

11.あいうえお順に並べ替え

12.正しい50音順に並べ替え

1.php初歩の詳細

6.ファイルを読んで表をつくるの別解

7.ファイルの読み込みと空行の扱い

9.複数の選択をするページ


聖愛中学高等学校
http://www.seiai.ed.jp/