初心者の為のWebサイト制作マニュアル

初級:html
目標:シンプルなWebページを作成できる様になる

htmlで文書を作成する

第1回:準備
第2回:html文書の枠組み作成
第3回:html文書の題名を設定する
第4回:htmlでh1とpを用いて見出しと段落を表示する
第5回:htmlで日記を作成する
第6回:htmlで絵日記を作成する
第7回:htmlでレシピを作成する
第8回:htmlで表を作成する
第9回:htmlで天気表を作成する
第10回:htmlでマニュアルを作成する

中級:html・css
目標:企業のWebサイトを作成できる様になる

ボックスを作成する

第1回:ボックスの作成
第2回:背景色の設定
第3回:背景画像の設定
第4回:背景画像の繰り返し設定
第5回:背景画像の位置設定
第6回:背景画像の位置を調整
第7回:ボックスの内側にボックスを作成
第8回:ボックスに枠線を設定
第9回:ボックスの幅と高さを設定
第10回:ボックスにマージンを設定
第11回:ボックスにパディングを設定
第12回:2つ目のボックスを配置する
第13回:ボックス間のマージン設定
第14回:ボックスを横に並べる
第15回:応用

上級:プログラム
目標:驚きの機能を作る事ができる様になる

クライアントサイド

プログラムを動作させる

第1回:プログラムの枠組み作成
第2回:情報を出力する
第3回:変数を定義する
第4回:変数の種類
第5回:if文を用いて条件分岐する
第6回:for文を用いて繰り返す
第7回:配列を作成する
第8回:関数を定義して処理を使いまわす
第9回:ドキュメントオブジェクトモデル
第10回:ドキュメントツリーに要素を追加する
第11回:一定時間毎にプログラムを実行する
第12回:自動スクロールを実現する
第13回:スライドショー(横)を実現する
第14回:スライドショー(縦)を実現する
第15回:スライドショー(横)のコントロールを実装する
第16回:スライドショー(フェードイン)を実装する
第17回:スライドショー(フェードイン)を実装する(装飾あり)
第18回:スライドショー(フェードイン)を実装する(自動再生)
第19回:スライドショー(フェードイン)を実装する(フルスクリーン)
第20回:スライドショー(フェードイン)を実装する(コントロール非表示)
第21回:画像の動的読み込み
第22回:スライドショーを実装する(サーバーと連携してフォルダ内の全ての画像を表示する)

上級:超簡単なゲーム
目標:驚きの機能を作る事ができる様になる

クライアントサイド

超簡単なゲームを作る

超簡単なゲームを作る

このマニュアルを用いて制作されたもの

自作

shomiyoshi.shop スライドショー
似顔絵スライドショー
そろちゃんの算盤練習場

公開用ツール

自作

タグ変換
文字列変換

リンク

自作

AI-ontogenies 仮サーバー