ランゲージ)略称をHTML(エイチティーエムエル)と呼ばれる、拡張子が.htmlや.htmなどであらわされる文章ファイルです。WEBサイトの制作に関わる人にとって当たり前となっているHTMLですが、1993年の登場から現時(2013年)でにいたるまでの間にHTMLのバージョンが変わり、その変化に合わせWEBサイトの作りも移り変わっています。今回は、HTML文章の歴史を振り返りながら、トレンドなっている今のWEBサイトの制作の中身をまとめてみたいと思います。Webシステムのための最初のサーバとブラウザが完成した年であり、HTMLの仕様をまとめようという動きがが検討されました。1992年には日本で最初となるホームページが登場しました。提出されたインターネット・ドラフトをHTML1.0と呼び、初めて一般に公開されたHTML仕様書と言われています。(W3C)のサイトでHTML仕様書の内容をみることができます。仕様書をみてみると基本構造に始まり、見出し、段落などの文書構造のための要素や、リンクなどが登場しているのがわかります。</UL></HTML>シンプルでHTMLの原型という感じです。このHTML1.0は、携帯電話でのインターネットデータ通信「iモード」で採用されていました。2.0(RFC1866)が発行。2.0では文法宣言やHEADタグ、インライン画像、フォームの機能などが加わっています。</BODY></HTML>Windows95の登場もあり、一般個人でのインターネット利用が広まった年です。ホームページもHTML2.0がスタートスタンダードとして広まりました。ホームページでの表現力も格段に向上してイギリスのネットクラフト社の調査によると、1995年8月にはインターネット上のサイト数は約1万8000サイトあったといわれています。Explorerのブラウザ闘争も本格化した様相です。日本国内では、1996年ホームページ・ビルダーのV1.0が発表されました。日本でウェブサイトのことを「ホームページ」という名称で広まっていますが、「ホームページ」はWEBサイトの最初のページのことを指すものでしたので、「ホームページ」は正しい名称の使い方ではないことも有名な話だと思います。3.2の仕様が発表されました。Webページで利用できるようになりました。登場し、メディアファイルやアニメーションがWEBサイトに組み込まれダイナミックな表現のWEBサイトも登場しました。4.0の仕様が発表されました。4.01が1999年12月にW3C勧告となりました。スタイルシートを利用し、文書をより構造のみを記述するのが推奨されています。4156:2000というJIS規格になりました。シェアを上回るようになりました。Windowsが世界的にシェアを広げ、90年代には95%も迫っていたといわれています。Explorerの表示環境が現在にも通じる基準となったといえそうです。XHTML1.02000年1月にHTML4.0(HTML4.01)の仕様を、XMLの柔軟性、拡張性を取り入れてたXHTML1.0がW3Cより勧告されました。XHTMLが登場した背景には、HTMLの源流となるSGMLが開発当時(1980年代)の課題、異なる機種間での文書のやり取りがスムーズに行えず課題解決に費やす労力削減のため、環境に依存せず読み込みと認識が可能となる規格が必要があったことに原点回帰する考えがあったと思います。規格を厳格にして「論理的な構造」を明確にして効率的に利用できるようにすることだといえそうです。Basicが2000年12月に勧告されています。XHTML1.12001年5月W3CよりXHTML1.1が勧告されました。1.1は多様なデバイスや環境に柔軟に合わせた独自のタグセットを設計できるモジュール化という考え方が取り入れられ設計がされています。1.1ではHTML4で使うべきではない要素とされるタグが排除されてしまっています。仕様において「推奨しない」とされる要素や属性、さらにフレーム機能用の内容は一切使えなくなってしまいました。HTML4.0(HTML4.01)で制作されていたWEBサイトをリニューアルする際に、XHTMLへ移行することがよくありました。Transitional」でまとることが多かったです。2001年~2010年のWEBサイトの制作は、HTML4.01、XHTML1.0、XHTMLBasicにCSS、Flash、javascriptを加えた制作で安定期をむかえていたと思います。振り返ると2008年は変革の年だったかなと思います。Android携帯が登場したことで、WEBサイトの制作も多様化しました。2010年以降は、制作基盤が主流となっていたXHTML1.0、XHTMLBasicからHTML5+CSS3へ移っていく時期かと思います。して歴史を振り返ると制作者はHTMLの仕様の変化に対応した柔軟な対応が求めれていた流れが再認識できました。【デザイン】ポップでグラフィカルなシングルページデザインのWEBサイトまとめWEBサイトのコンテンツ(内容)を1ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。『Photospace』は、jQueryのサムネイル付のスライドショーギャラリーを実装できる「Galleriffic」を、WordPressの標準ギャラリーのショートコードに対応させることができるプラグインです。WordPressでは標準ギャラリーのショートコードの出...続きを読む2015.02.18WordPress【デザイン】フォトグラファーポートフォリオサイト今回は、フォトグラファーのポートフォリオサイトを集めてみました。サイトごと写真の見せ方に工夫がありますね。http://w...続きを読む2015.02.15インスピレーション【フォト】世界で美しい星空保護区の星空みなさんは「星空保護区」というのをご存知ですか?その名前の通り、保護すべき美しい星空が見える地域として認定しようという取り組みです。国際ダークスカイ協会(IDA)によって世界中の暗い夜空の保護・保存を目指し、保護区を認定する活動が行われています。【デザイン】室内の壁をクリエイティブに飾るデザインワーク店舗やオフィスなど単調な壁面、インテリアや照明がないと少し寂しい雰囲気にもなります。そのような室内の壁をクリエイティブに飾るアートワークをまとめてみました。「PIXTA」で写真を販売しています2019.01.01新年あけましておめでとうございます。デザインワークスはお任せください。デザインスタジオ・エフでは、全国の様々な企業・ショップ等の販促ツールを始め、ロゴやステーショナリーなどの企業ツール、WEBサイト(ホームページ)制作を行っております。ビジネスにおいて必要となるデザインワークス。料金が高すぎると手が出せない、ビジネスを圧迫しない程度に予算をかけたいけど、おしゃれでセンスのよいものを選びたい。お客様の予算に合わせてあらゆるビジネスにほどよくマッチする、ちょうどいいデザインをご提案いたします。営業エリア:静岡県内全域(※静岡県外からのご相談も承っております。reserved.TOP。