コーディングの勉強を一からしたいと思っています。
近年おすすめの本などありましたら教えてください!!!
正確に申しますと、
私はHTML時代にWEB制作でコーディングに関わっており、
時代がスタイルシートに移行した時もしばらくはコーディングをやっていました。
ただ、その後長い間ブランクを経てしまって、
ほとんど忘れてしまいました・・・(WEBデザインは続けていたのですが)
それに、今はHTML5とか言ってますね・・。
こんな状況ですが、もういちど勉強しなおして使えるようになりたいと思っております。
どうぞよろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
私の知る限り、そのような本はありません。
あるはずもないのです。私も以前そのような本に関わったことがあるので・・
そもそも、HTMLはコーディングとは言わずにマークアップといいます。Hyper Text Markup Languageは文字通り、リンク機能を持つマークアップされた文書を作成するメタ言語です。ここで言うマークアップとは、文書をそれを構成する要素に分解して、それぞれの要素をタグを用いてマークアップするものです。言い換えれば文書の構造をマークアップするもので、コーディング---これにはデザインするという意味が含まれている---ものではありません。
十数年前の1999年12月にHTML4.01が勧告されたときに『構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』が最大の目的でした。そのため、
「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。」
「一般的に言って、スタイルやフォーマットを整えるためには、HTMLのプレゼンテーション属性ではなくスタイルシートを使用すべきである。スタイルシートによる代替が可能なHTMLのプレゼンテーション属性は、推奨しないこととなった。」
いずれも、4.1 定義 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )より引用
そして、現在HTML5が勧告に向けて準備されていますが、HTML5では、よりこれが明確になってHTMLには文書構造しか表せません。そのためにHTML4.01では、
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。」と遠まわしに書かれて、実際にはclassやid、divが文書構造ではなくデザインのために使われていた反省から、本来期待されていたclass名やid名が「新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」として独立しました。
この「HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」は、HTML4.01strictを身につけていると、これだけで基本的なHTML5の書き方は理解できると思います。
ずばり!!言うと、とっても簡単になります。なぜなら、HTMLは文書構造だけをマークアップすればよいのですから・・そのかわりオーサリングツールには、手も足もでなくなりますね。すなわち文章を読み取って内容を理解して、文書をそれを構成する要素に分解して、最適なタグを選択するのは、ヒトで無いとできないのですから。
以前、「(CSS)画像が完全に右端に寄りません・・・ - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7440223.html#a6 )にて、サンプルのHTMLを掲載しましたが・・HTML部分は、
<body>
<div class="header">
<h1>サンプル</h1>
</div>
<div class="section">
<h2>本文見出し</h2>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
<div class="footer">
<h2>文書情報</h2>
</div>
</body>
たったこれだけです。・・・
元に戻りますが、私は特別な書籍を読んだわけではありません。シンプルに各仕様書を目を通しただけです。仕様書なら書籍の数分の一で、しかも適切で正確な内容が書かれている。私の経験から--仕様書の存在を知らないときにしか本は書けない。その存在を知っていたら、あるいは仕様書を理解していたら、わざわざ書籍なんて読まなくても済むのですが・・
いずれにしてもHTML5は、HTML4.01strict--trnsitinalやframesetじゃない---の改訂版ですから、まずHTML4.01の仕様書を隅々まで読んで理解しましょう。それが一番の勉強になるでしょう。
★HTML 4.01 Specification (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
★HTML5 ( http://www.w3.org/TR/html5/ )--英文
★REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
ただし、現在ウェブ標準のCSSはCSS2.1ですが、よい邦訳が無いので
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification ( http://www.w3.org/TR/CSS2/ )--英文
と「変更点(CSS2.1 Appendix C 邦訳) ( http://www.d-toybox.com/spec/CSS2.1/appendixC/ )」
仕様書を隅々まで読むことから始めましょう。必要なときに、すぐめくれるように。
プレゼンテーションは、スタイルシートの仕様書を読んでください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 新卒・第二新卒 会社を辞めます。これからの人生について質問させてください。 7 2022/06/26 00:04
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- HTML・CSS お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の 3 2022/08/05 03:22
- Microsoft ASP C#からvbsを実行したい 5 2022/11/24 17:31
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- 転職 転職先で迷ってます。地方住み26歳独身女性(独り暮らし)です。 3 2022/11/02 11:59
- その他(IT・Webサービス) webサイト上にカレンダーを設置したい 1 2022/04/13 15:50
- インターネットビジネス 個人事業用のwebサイトを作るためのおすすめの本を教えて下さい。 4 2022/06/30 17:20
- 高校 是非自分のためにきつく言ってほしいです。 悩みがあります 僕は現在高校2年生です。 成績は悪かったも 3 2022/09/04 22:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
複数のボタンを等間隔に、かつ...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
article、section、hgroup?
-
画面を縮小するとカラムが落ち...
-
CSS 背景色が下まで伸びません
-
<div>テキスト</div>
-
divとpの使いわけ
-
body>div{}の意味を知りたい
-
グリッドレイアウトで"auto-fit...
-
固定幅+可変幅レイアウトがな...
-
hタグの右横に画像を表示
-
マウスがホバーした時に開くメ...
-
一括で全体を右にずらす
-
ヘッダーとフッターだけ背景を...
-
html,css初心者です。ヘッダー...
-
レスポンシブかつ、スマホ、携...
-
WEBデザイン ― ブラウザの横幅...
-
ウェッブ・ブラウザのレイヤー機能
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
スペースを使わず文字位置を揃...
-
1時間30分を簡単に表したいで...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
hタグの右横に画像を表示
-
divを横に並べる方法
-
インラインフレームのページ内...
おすすめ情報