ホームページ作り方と開発リファレンス
【Internet インターネットとは？】
 インターネットとは？
【Homepage/HP ホームページとは？】
ホームページとは？
ブラウザとは？
テキストエディタとは？
ホームページエディタとは？
【HTML】 HTMLとは？
【やさしいホームページの作り方】
まずは自分のパソコン上で作ってみよう
【HTMLとCSS (1)】
【HTMLのタグを使う】
【HTML】 HTMLタグって？
【HTML】 ホームページの体裁を整えるには？『Pタグ段落編』
【HTML】 ホームページの体裁を整えるには？『tableタグ作表編』
【ちょっぴりCSSに寄り道】
【CSS】 ホームページの体裁を整えるには？『CSSスタイルシート編』
【CSS】インラインスタイル情報設定ってどうやるの？
【CSS】 ヘッダスタイル情報設定ってどうやるの？
【CSS】 外部スタイルシート設定するにはどうするの？
【HTMLに戻りましょう】
【HTML】 文章をクリックして他のページに飛びたい！『Aタグ・アンカー編』
【HTML】 写真も表示したい！『IMGタグ画像編』
【HTML】 写真をクリックして他のページに飛びたい！『Aタグ＆IMGタグ編』
ここまで来るとホームページのカタチができますから、試しに公開してみましょう。
【ホームページをインターネットに公開する方法】
無料ホームページスペースって？
無料ホームページスペース上に公開してみよう
FTP(ファイル転送)ソフトとは？
さぁ作ったページを無料ホームページスペースに転送してみよう
検索エンジン登録
さらにテクニックを見てみましょう。
【HTML+CSS (2)】
【ホームページの見栄えを整えてグレードアップ】
【CSS】 全体に背景色を指定したい『bodyタグ背景色編』
【CSS】 全体に背景画像を指定したい『bodyタグ背景画像編』
【HTML】 え？！テーブルにも背景色？！『tableタグ背景色編』
【HTML】 え？！テーブルにも背景画像？！『tableタグ背景画像編』
【HTML】
【ホームページでフォームを作ってみる】
【HTML】 入力フォームを作りたい『FORMタグ編』
【HTML】 １行表示できるテキストボックスが欲しい『テキストボックス編』
【HTML】 複数行表示できるテキストボックスが欲しい『TEXTAREA要素編』
【HTML】 いくつかの選択肢の内一つだけ選べるようにしたい『ラジオボタン編』
【HTML】 いくつかの選択肢から複数選べるようにしたい『チェックボックス編』
【HTML】 クリックしたらメニューが表示されるようにしたい『セレクトボックス編』
【CSS スタイルシート】
【CSS】 アンカータグ(リンク)の下線を消したい！『style文編』
【CSS】 クリックした時、立体的にボタンや文章が押されたように見せたい『疑似クラスhover編』
【HTML】 フレームでページを分割したい！『frameタグ編』
【HTMLちょっと高度なテクニック】
【HTML】 画像の一部をクリックできるメニューにしたい！『イメージマップ編』
【JavaScript】
【JavaScript】 JavaScriptとは？
【JavaScript】 JavaScriptの文法は？
【JavaScript】 JavaScript設定方法
【JavaScript】 META要素設定【設定方法】
【JavaScript】 BODY内に直接記述する場合【設定方法】
【JavaScript】 HEAD内に直接記述する場合【設定方法】
【JavaScript】 外部ファイルを設定する場合【設定方法】
【JavaScript】 JavaScriptイベント
【JavaScript】 JavaScript関数
【JavaScript】 JavaScript制御構文
【JavaScript】 escape(エスケープ)
【JavaScript】 unescape(アンエスケープ)
【JavaScript】 JavaScriptコメント方法
【JavaScript】 JavaScript動向
【JavaScriptテクニック作り方を解析】
【JavaScript】 セレクトボックスでメニューを表示して選択したページへ飛びたい！
【JavaScript】 文章をスクロールさせたい！
【JavaScript】 アニメーションを作りたい！
【JavaScript】 現在の時間を表示させたい！
【JavaScript】 タイマーを使いたい！
【JavaScript】 JavaScriptをふんだんに使ったページを作ってみる
【JavaScript】 escape/unescape変換フォームを作りたい！
【JavaScript】 計算フォームを作りたい！
【JavaScript】 n進数変換フォームを作りたい！
【JavaScript】 マウスの状態によって処理したい！
【ホームページに華を添える】
Java Appletを使う。
アプリケーションソフトを活用しよう。
フリーソフトを活用しよう。
ツールとして活用しよう。
イメージ画像描画(ドロー)ソフトを入手する
画像を使ってでホームページデザイン
ボタン用アイコンの素材が欲しい！
画像の保存形式って？
アニメーション・動画はどうやって作るの？
ところで・・・
【IT・ICTとは？】
IT(ICT)とは？
【W3C】
W3Cとは？
ここまでは足早にとりあえずホームページを作ってアップして閲覧できる状態と様々なホームページ(ウェブサイト)がどのようにできているんだろう？という概要を見てきました。
以降は、W3Cの仕様と他の技術など覚えたテクニックの文法や利用方法を改めて確認してしっかりと身に付けていきましょう。
【HTML】
【HTML】 HTMLタグ
【HTML】 HTML4タグ要素全一覧
【HTML】 HTML4要素属性全一覧
【HTML】 HTMLバージョン(HTML2.0/HTML3.2/HTML4.0/HTML4.01/HTML5)
【HTML】 HTML5
【HTML】 HTML5の主な機能
【HTML】 HTML5の技術基盤
【HTML】 HTML5誕生の時代背景
【HTML】 HTML5要素一覧
【HTML】 HTML5用途別要素一覧
【HTML】 HTML5追加要素一覧
【HTML】 HTML5/HTML4継承要素一覧
【HTML】 HTML5/HTML4除外要素一覧
【CSS】
【CSS】 CSSスタイルシートのバージョン
【CSS】 CSSスタイルシート共通文法と定義
【CSS】 CSS 1.0
【CSS】 CSS1プロパティ・属性一覧
【CSS】 CSS 2.0
【CSS】 CSS 2.1
【CSS】CSS2プロパティ・属性一覧
【CSS】 CSS3
【CSS】 CSS3プロパティ・属性一覧
【JavaScript】
【JavaScirpt】文法
【HTML＋CSS＋JavaScript】
【DHTML】=HTML+CSS+JavaScirpt
【CHTML携帯電話用HTML簡易版】
【CHTML】携帯電話用簡易版HTML
【XHTML=HTML4＋XML1.0】
【XHTML】=HTML4+XML1.0
XML/XSL/XSLTについてはもう少し先で。
【XHTML】Tag／タグって？
【XHTML】のDOCTYPE宣言は？
【XHTML Basic=PDA/携帯電話などPC以外の用途用XHTML】
【XHTML Basic】PDA/携帯電話他PC以外の用途用XHTML
【URL/URI】
IRI/URI/URL/URNえ！？URLって呼ぶんじゃないの！？
ここからは、覚えたテクニックももちろん使いますが、更に便利で高度な技を磨いていきましょう。
【CGI】
CGIとは？
【Perl】 Perlとは？
【Perl】 Perlの文法は？
【Perl】 アルゴリズムとは？
【Perl】 宣言する
【Perl】 モジュールを読み込む
【Perl】 変数を使う
【Perl】 演算子を使う
【Perl】 式を使う
【Perl】 代入を使う
【Perl】 関数を使う
【Perl】 サブ関数を使う
【Perl】 関数呼び出ししてみる
【Perl】 戻り値(返り値)とは？
【Perl】 引数を使う
【Perl】 配列操作(参照・設定・追加・削除)してみよう。
【Perl】 制御構造で条件分岐やループ処理
- 【Perl 条件分岐】
- 【Perl 反復・ループ】
【Perl】 正規表現に慣れよう。
【Perl】 パターンマッチにチャレンジ。
【CGIの使い方】
【Perl】 ”Success CGI!”と表示させてみよう。
ここからは、ウェブサーバというものを意識する必要がありますよ。
ホームページアップロード先はありますか？
【Perl】 ブラウザで”Success CGI!”と表示させてみよう。
【Perl】 ターミナルエミュレータを使ってサーバ上で実行。
【CGIポイント】
【Perl】 ここでワンポイントレッスン。
パーミッションにチャレンジ！
URLエンコード／URLデコード
文字コードと改行コード
さて、ここからはウェブとその周辺技術について見ていきましょう。
・・・見た事も聞いた事もあるけど、要するに何？っていうものもあるかもしれませんね。
【クライアントとサーバを分割したシステムづくり】
サーバーサイドプログラミングって？
クライアントって？
サーバって？
C/S(クライアント／サーバー)システムって？
サーバーの種類
ネットワークとは？
LAN(ローカルエリアネットワーク)とは？
TCP/IPとは？
IPアドレスとは？
ドメインとは？
ドメインレベルとは？
バーチャルドメインとかマルチドメインって？
ドメインってどうやってとるの？
wwwとは？
レンタルサーバーとは？
【ウェブサーバ】
Webサーバーとは？
Webサーバーの種類
PWS4.0
IIS
Apache
自宅にサーバーを構築するには？
【OS(オペレーティングシステム・基本ソフト)】
【OS(クライアント)】
OS
Windows系
UNIX系
【OS(サーバ)】
サーバOS
サーバOSの種類
UNIXOS
LinuxOS
WindowsOS
【DB(データベース)】
DB／データベースって？
RDB／リレーショナルデータベースって？
PostgreSQL
MySQL
【SQL(エス・キュー・エル／Structured Query Language)】
SQL／問い合わせ言語って？
【データベース接続】
データベース接続
Pro*C
ESQL/C
SQLJ
oo4o
DAO
ADO
ODBC
JDBC
【C/Sシステム開発】
C/S(クラサバ)開発
【主な開発言語(サーバ＆クライアント)】
Java
Java Servlet
JSP
C言語
C++
C#
VB.NET・VBA・VB
【オブジェクト指向開発】
オブジェクト指向開発
CLASS Library
MFC
JFC
【モデリング】
モデリング
UML(Unified Modeling Language)
【ウェブシステム開発】
Web系開発
JSP
ASP
Java Applet(クライアント)
JSPを使ってみよう
【UNIX/LinuxコマンドとShell】
UNIXとShell
UNIX OS
UNIX shell/shell script−シェル／シェルスクリプト
Linux
Linux
UNIX/Linuxコマンド
【UNIX/Linux】 コマンド
【UNIX/Linux】 3分で使えるvi/vim Step1
【UNIX/Linux】 3分で使えるvi/vim Step2
【UNIX/Linux】 help/info/man
【UNIX/Linux】 lsコマンド
【UNIX/Linux】 ディレクトリとディレクトリの操作
【UNIX/Linux】 ファイルの基本操作とコマンド1
【UNIX/Linux】 ファイルの基本操作とコマンド2
【UNIX/Linux】 find/grepコマンド
【UNIX/Linux】 pipe | パイプコマンド
【UNIX/Linux】 sedコマンド
【UNIX/Linux】 awkコマンド
【UNIX/Linux】 パーミッション permissions/permission
【UNIX/Linux】 シンボリックモードと8進数値モード／パーミッションモード
【UNIX/Linux】 umaskとchmod／パーミッション設定
【UNIX/Linux】 コンパイラとコンパイル
【UNIX/Linux】 gcc/GNU Compiler Collection
【UNIX/Linux】 gccによるC共有ライブラリの作成
【UNIX/Linux】 コンパイルの過程／C言語
【UNIX/Linux】 debug/debugger デバッグ／デバッガ
【UNIX/Linux】 makeコマンドとmakefile/Makefile
【UNIX/Linux】 makefileを書く
【UNIX/Linux】 makefile フォニーターゲット
【UNIX/Linux】 makefile パターンと自動変数・変数
開発環境・コンパイル環境
UNIX/Linux代替コンパイル環境
Cygwinとセットアップ
Cygwinの日本語対応
Cygwin日本語対応／メッセージカタログ編集と環境変数設定
UNIXとshellの変遷
【Shell】 UNIX shell/shell script−シェル／シェルスクリプト
shellとshellの種類
【Shell】 shell／シェル
【Shell】 shell／シェルの種類
Bourne Shell/shとBourne Again Shell/bash
【Shell】 bash/Bourne-Again SHell
【Shell】 bash shell prompt／シェルプロンプト
【Shell】 bash ps/jobs プロセスとジョブ
【Shell】 sh/bashシェル組み込みコマンド
【Shell】 Bourne Shell シェル組み込みコマンド
【Shell】 bash シェル組み込みコマンド
Bash
【bash】 variable／変数
【bash】 operator／演算子1
【bash】 operator／演算子2
【bash】 パラメータ展開
【bash】 フロー制御構造
【bash】 フロー制御サンプル
【bash】 shell function／シェル関数1
【bash】 shell function／シェル関数2
【bash】 環境変数とシェル変数
【bash】 shell組み込み環境変数と組み込みシェル変数
【bash】 環境設定と設定ファイル
【XML関連技術の利用】
【XML】 XMLとは？
【XML】 XMLのバージョンは？
【XML】 XMLの文法は？
【XML】 XMLの関連技術は？
Ajaxとは？
【XSL】 XSLとは？
【XSL】 XSLバージョンは？
【XSL】 XSL 1.1
【XSL 1.1】 Table of Contents / 目次
【XSL 1.1】 仕様・外観 / Introduction and Overview
【XSL 1.1】 XSLT / XSL Transformation
【XSL 1.1】 フォーマット仕様 / Introduction to Formatting
【XSL 1.1】 領域モデル / Area Model
【XSL 1.1】 プロパティ洗練と解決 / Property Refinement / Resolution
【XSL 1.1】 オブジェクト型 / Formatting Objects
【XSL 1.1】 プロパティ型 / Formatting Properties
【XSL 1.1】 一致 / Conformance
【XSL 1.1】 巻末 / Appendices
【XSLT】 XSLT
【XSLT】 XSLTバージョン
【XSLT】 XSLT 2.0
【XSLT 2.0】 Table of Contents / 目次
【XSLT 2.0】 概要 / Introduction
【XSLT 2.0】 概念 / Concepts
【XSLT 2.0】 スタイルシート構造 / Stylesheet Structure
【XSLT 2.0】 データモデル / Data Model
【XSLT 2.0】 XSLTの特徴 / Features of the XSLT Language
【XSLT 2.0】 テンプレート規則 / Template Rules
【XSLT 2.0】 繰り返し・反復 / Repetition
【XSLT 2.0】 条件分岐処理 / Conditional Processing
【XSLT 2.0】 変数とパラメータ / Variables and Parameters
【XSLT 2.0】 呼び出し可能なコンポーネント / Callable Components
【XSLT 2.0】 ノード生成と順番 / Creating Nodes and Sequences
【XSLT 2.0】 連番・番号付け / Numbering
【XSLT 2.0】 並べ替え・ソート / Sorting
【XSLT 2.0】 グループ化 / Grouping
【XSLT 2.0】 正規表現 / Regular Expressions
【XSLT 2.0】 新規追加された機能 / Additional Functions
【XSLT 2.0】 メッセージ / Messages
【XSLT 2.0】 拡張とFallback / Extensibility and Fallback
【XSLT 2.0】 最終結果ツリー / Final Result Trees
【XSLT 2.0】 シリアライゼーション / Serialization
【XSLT 2.0】 一致 / Conformance
【XSLT 2.0】 巻末 / Appendices
【情報セキュリティ】
サーバセキュリティ
サーバを外部から保護する／ファイアウォール
ルーター
グローバルルータ
iptable
crypt暗号化／Perl
Apache SSLを入手しよう
SSLとは？
SSL証明書・サーバIDとは？
【Math】
進数・進法
ビット・ビットパターン
【ネットショップ・オンラインショップの構築とセキュリティ】
ネットショップ構築
ネットショップの必須セキュリティ対策
ショッピングカートの安易な公開は禁物
適切な入力チェックとサニタイジングと入力制限
FORMのデータ取得ではGETを禁止しPOSTを使う
CGIのハイパーリンク・URL直接入力での呼び出しを禁止する
SSL対応は必須
エラーメッセージで墓穴を掘らない
サーバ設定またはレンタルサーバ選択基準
レンタルサーバ利用者でもできる重要なセキュリティ対策
ログインIDとパスワードの管理を怠ると他のセキュリティが水の泡
セッション管理−ユーザーが行う一連の操作を特定
クッキーとは
クッキーの設定と取得
cookieのセキュア設定と他のHTTP仕様
cookie保護のタイミングと対策
cookie保護とセッションを狙うサイバー攻撃
cookieまたは他のユーザー特定方法を完全保護できればよいのだが・・・
セキュリティの限界−それでもセキュリティ確保は必要
cookie以外のHTTP仕様には「proxyの壁」がある
頼みの綱はポート監視やトレースログだが・・・
cookie保護の限界と今後
|
