研修(初期設定)
まずはインストール
開発環境。大学院時代にjavaの講義で教えた覚えがある。
・FireMobileSimurator
FirefoxAddonその1。Firefox上で携帯サイトを確認できる。
・HTML Validator
FirefoxAddonその2。開いているページのhtmlエラーを確認できる。
・Live HTTP Header
FirefoxAddonその3。
・Fire bug
FirefoxAddonその4。ページ上のある部分がソース上のどの部分にあたるかグラフィカルに確認できる。
続いてhtmlで簡単な応募フォーム作成
ページ構成は以下の通り
1. index:トップページ。応募フォームへのリンク
2. form:名前、住所などを入力するページ
3. confirm:入力情報を確認するページ→現在は固定表示
4. finish:確認したよと表示するページ
とりあえず現状のhtml知識で作成
→HTML Validatorで確認したらかなりのエラーが出た
以下気になったこと。
・タグ
タグの属性の書き方は統一する。
例)ダブルコーテーションでくくる、小文字で書くetc
・<hr>
<hr width="100%" size="5" color="blue">と書いたらHTML Validatorでなぜかエラー扱い。表示はきちんと青が反映
→DOCTYPEに関係なく全てでエラー、とりあえずcolor消すので対応
・タグの入れ子
<div・・・><font・・・>・・・</font></div>→HTML Validatorでエラー
→以前にも指摘されたタグの順番のエラー。本来なら
<font・・・><div・・・>・・・</div></font>
どうも癖になってしまっている、直さねば。
・<?xml version="1.0" encoding="Shift_JIS"?>
今まで3Dばかりで文字コードを気にしていなかったので一つ学べた。
・<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
DOCTYPE宣言(文書型宣言)によってどんな文書型定義(DTD)に従った文書であるかを示す・・・らしい。もっと調べる必要あり。
XHTML1.0とHTML4.1が主要→使い分けはCSSを使うか否か
※上記2つはおまじない的に覚えるものかと感じた。
そして全てのエラーを修正。
そんな研修初日でした。