初めてのシステムと日記

システムも日記も初めてです。

研修(初期設定)

まずはインストール


Eclipse

開発環境。大学院時代にjavaの講義で教えた覚えがある。

PuTTy

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"?>

使う文字コードを一番最初にXML形式で宣言する必要がある。

今まで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つはおまじない的に覚えるものかと感じた。


そして全てのエラーを修正。

そんな研修初日でした。