![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.5ベストアンサー
- 回答日時:
これからHTMLを学ばれるということですが私も独学で勉強しましたのでその経験から書かせてもらいます。
ポイントは2つあると思います。
1つ目は基本的なタグを理解することです。
これはプロとしてやっていくということでもない限り暗記する必要はありません。
どんなタグがあってどのような表現が出来るのか一通り理解できれば、実際にHTMLを記述する際必要な参考文献を取り出して辞書を引くように参照すればよいでしょう。
私はNo.1さんが紹介している「とほほのHTML入門」を良く利用させていただきました。
タグを引くには最適です。http://tohoho.wakusei.ne.jp/www.htm
また、「とほほ・・・」でも足りない部分はネットの検索で詳しく知りたいタグについてキーワード検索で例えば「HTML TABLE」等と検索して調べました。
それぞれのサイトで説明の仕方や得意としている部分が異なるのでその都度複数のサイトで調べるといいでしょう。
2つ目はタグをどのように使ったら自分の思ったような表現が出来るかです。
実はこちらが重要で、タグをどう使っていいのか分からないというのがHTMLを学ぶ上で壁になるのではないでしょうか。
私のやり方は「他人に学ぶ」というやり方です。
気に入ったページがあったらページを保存してソースを解読するわけです。
デザインの優れたページは、テーブルの組み方やフレーム間のスペースの調整などさまざまなテクニックを活用して表現されています。これらのページを自分のPC上に保存してじっくりタグを調べることで表現を学びます。
この際専用ソフトを使うと理解を助けになることがあります。
minelinさんはソフトを使わずに自力でタグを組みたいとお考えでしょうが、私はタグの理解に活用しました。HTMLエディタを使って先ほど紹介したネットで見つけPC上に保存したHTMLファイルを開くとタグや属性などが色分けされて見やすく閲覧することが出来ます。また、ソフトによってはタグを階層的に表現することが出来るためこれもタグを理解するのを助けてくれます。
私が使ったソフトは「HTML Project」と言うソフトです。
http://www1.ttcn.ne.jp/~kaneto/
現在は「HTML Project2」という次期バージョンが出ているようですが、タグの挿入機能を使わなければメモ帳と同じようにタグ打ちできて色分けされると共にすぐにプレビューに反映されるので専用ソフトを使わないということに囚われずにうまく活用したらいいのではないかと思います。
お金に余裕があるようでしたら、もうひとつ紹介しておきます。
他人のページのソースを開いても複雑なタグが組んであり、自分の知りたい表示部分のソースを特定しにくい場合があります。こんなときに大手のソフトがあれば時間の節約になる場合があります。
アドビ社のGoLiveと言うソフトがあるのですが、このソフトはレイアウト画面で実際の表示に近い表示が出来るのですがこの画面で例えばテーブルの枠の部分を触って、ソースの画面に切り替えるとそのテーブルのソースの部分が反転表示されて、長ーいHTMLのどの部分が関連する部分かがすぐに分かるようになっています。
私は偶然体験版を使ってみてその便利さについ製品版を購入してしまいました。(しかし、それ以外の機能はほとんど使って無くGoLive上でタグ打ちしてます。笑)
安いソフトではないのであくまでもこんな使い方も出来るというご参考までに・・・
No.7
- 回答日時:
みなさんご回答されているので、参考書籍一覧を記載しておきます。
HTML程度の勉強でしたら、ほとんどの書籍で理解できるはずなので、ご自分でこれはというのを選んでみてはいかがでしょうか?
参考URL:http://www.storemix.net/keyword.php?mode=books-j …
No.6
- 回答日時:
参考ページです
一通りの内容がHP上で見れてコピーできます
タグ表も付いていますので貼り付け作業できます
http://www.geocities.co.jp/Hollywood/2494/
参考URL:http://www.geocities.co.jp/Hollywood/2494/
No.4
- 回答日時:
HTML + CSS HANDBOOK 2ND EDITION
ソフトバンク パブリッシング
私はこの本を愛用しています。
勉強方法は、皆さんのお勧めのサイトをじっくり読むこと。
そのほかに、たくさんのサイトを見て回ること。
そして、デザインや構成が気になるサイトがあったら、
ソースを見てみること。
そのまま真似するのではなく、参考にします。
タグ手打ちでしたら、テキストエディタが必要です。
メモ帳でもできないことはないですが、
全角半角が判りやすいものが良いかと思います。
Winユーザなら、フリーのTera Padがお勧めですね。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_14.png?5a7ff87)
No.3
- 回答日時:
フリーソフトを使わずに、ということですが、敢えてフリーソフトを紹介させて頂きます。
http://www.w-frontier.com/software/ezhtml.html
こちらのez-HTMLですが、タグの入力支援機能がついているため非常に重宝しています。
あくまでHTMLの知識があること前提、ですが。
タグを組むと言ってもHTMLを入力する際はエディタ等が必須になりますので、コーディングをする上では自分に合った最適なエディタを探すのも重要だと思います。
#もしMacユーザーならごめんなさい。
HTMLの概念だけは認識しているのであれば、技術評論社から出ている「HTMLポケットリファレンス」が読みやすいので手元に一冊置いていても損は無いと思います。
あと、サイト等での情報でしたら#1の方も仰られているとほほのWWW入門がよろしいかと。
参考URL:http://www.w-frontier.com/software/ezhtml.html
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- 教育・学習 中学生が学校の勉強以外に、公文とかユーチューブ動画で勉強する場合のやり方について 1 2023/02/23 15:33
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- ホームページ作成・プログラミング web制作(HP作成について教えてください) 閲覧ありがとうございます。 今、WEB制作の勉強をして 2 2023/04/13 07:23
- 教育学 産業能率通信大学。四年制に通う18歳です。 テストに向けての勉強方法がわかりません。 試験は自宅でで 1 2023/05/30 23:09
- フィナンシャルプランナー(FP) FPやDCプランナーなどの資格で試験の出題内容の改定は毎年何時ですか?古いテキストは使えませんか? 2 2022/11/05 14:23
- その他(学校・勉強) 勉強方法 1 2022/04/27 11:06
- 教育・学習 高一男子です。今僕は長期休みでずっと家にいます。特に友達と遊ぶことも少ないし、勉強も嫌いなので、ずっ 1 2023/03/22 17:15
- Excel(エクセル) ExcelのFSO(ファイルシステムオブジェクト)について学びたいのですが。。。 5 2022/12/15 18:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
商用利用可の意味について
-
ホームページ作成ソフトと著作...
-
エクセル又はワードで地図の作...
-
幸手団地内でフォトショップを...
-
HP作成代行業務に必要な知識と道具
-
システムのプラットフォームと...
-
多数のサイト管理表の作り方に...
-
どうしても・・・自分でネット...
-
ホームページを作るに当たり
-
ホームページ制作講座
-
個人のHPを作りたいんです。何...
-
ホームページビルダーとドリー...
-
エクセルで球体を描くことはで...
-
悩んでます。Newton TLTという...
-
こんなキャラってどうやって作...
-
納品伝票作成
-
インターネットショップってど...
-
ホームページの作成・運用を安...
-
初心者でも簡単に作れるホーム...
-
mos access2010 の取得について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
C/Sシステム・オープン系・汎用...
-
QRコードでPCブラウザを起動
-
エクセルデータをpdfファイ...
-
osCommerce や ZenCart オー...
-
ウェブデザイン系のツールに関して
-
SkyBiz
-
ホームページ作成で簡単・使い...
-
ハローワークで事務の求人を見...
-
WEB・ホームページ関係の資格を...
-
画面遷移図って何で書いていま...
-
ホームページで商品を販売した...
-
発音記号の入力について
-
ホームページビルダーとドリー...
-
ソフトPLC(シーケンサー)につ...
-
P検とMOSについて
-
いきなりPDF
-
ウェブサイト構築サイトの知識...
-
安全イラストについて
-
会社の社内報を作成する事にな...
-
Excel・Wordで作成したファイル...
おすすめ情報