ネットショップの編集をしています。

HTMLはほとんど分からず、例えば訂正はできますが、
紙に書いたイメージを元に0から作り上げるなどの事ができません。
根本的な仕組みが分かっていません。

断片的な事で改行のタグとかリンクのタグとか
太字とかそういったことは知っています。

その程度のレベルではいけないのでもっとスキルアップをしたいと思っています。
何をすればよいでしょうか
効率のよい具体的な勉強の手順などあればお教えいただけると幸いです。
よろしくお願いします。

回答の条件
  • 1人2回まで
  • 登録:2008/03/07 21:20:59
  • 終了:2008/03/14 21:25:02

回答(7件)

id:haruo-31 No.1

haruo-31回答回数80ベストアンサー獲得回数102008/03/07 21:50:55

ポイント20pt

ツールのあたりはお金が掛かりますが、自分が入門した流れはこんな感じです。

HTML,Webのデザインは奥が深く、最初はWebページ作成ソフト(ホームページビルダーやAdobeのDreamWeaverなど)を使って、デザインの勘を掴んで行く方が良いと思います。

ちなみに、Word2000とかのHTML生成はちょっと酷いので、あまり参考にならないと思います。(最近のはちょっと良くなっているかも)

アドレスはAmazonでの価格情報です。

http://www.amazon.co.jp/dreamweaver/s/ref=sr_nr_i_2?ie=UTF8&rs=&...


で、次に上のページで生成したHTMLを参考にしつつ、「できるHTML」等の書籍を見ながらメモ帳など手でHTMLを直接書いていくことで、大分勉強できると思います。

http://www.amazon.co.jp/%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%9B%E3%...

HTMLを手書きするときは、何か書きやすいツールを使う方が良いです。これはWindows向けのフリーソフトですが、Notepad++などが使いやすいと思います。ちょっとプログラマー向けですが、HTMLタグの自動補完やハイライティングをしてくれます。

http://notepad-plus.sourceforge.net/uk/site.htm

あと、タグやスタイルシートに関するWeb上の説明は、「とほほのWWW入門」が詳しいです。ちょっと調べたい時に重宝します。

http://www.tohoho-web.com/

id:rupopon

ありがとうございます。

参考にさせていただきます。

2008/03/07 22:23:43
id:pahoo No.2

pahoo回答回数5960ベストアンサー獲得回数6332008/03/07 22:07:04

ポイント20pt

ホームページを作るためのノウハウを学びたいということであれば、下記の参考書はいかがでしょうか。


お仕事のスキルアップでしたら、下記の参考書が役立つでしょう。

id:rupopon

ありがとうございます。

参考にさせていただきます。

2008/03/07 22:23:45
id:n4o No.3

Kyuzo回答回数54ベストアンサー獲得回数42008/03/07 22:34:23

ポイント20pt

まずはHTMLのタグの意味を把握するのが第一歩ですね。

「根本的な仕組みが分かっていません」と自身で判っているのであれば、

仕組みを理解することが大切です。


作りたいと思っているサイト、もしくは理想と思うようなサイトってありますよね?

それをHTML、XHTML、Flash、CSS、javascriptなどを使ってまずは作ってみる事です。

何度も失敗しながら、徐々に旨く作成できるようになっていきます。

具体的にどうする?というと、いいサイトを見つけたら右クリックして「ソースの表示」をクリックします。

わからないタグは調べて理解しておきましょう(本でもネットでもどっちでもいいと思います)。

で、まねして試行錯誤してみましょう。そうやって、技術を自分のものにするんです。

それの繰り返しですね。


あとは、見てもらうために、よく言われるのが3秒ルールです。

これはクリックして3秒以内に全てが表示されないと、あきらめて他のサイトに行ってしまう人が多いといわれています。

だから、見栄えがよければいいというものではないですね。重すぎるサイトはその分表示に時間がかかりますから。

一般的なスペックのPCで、キャッシュを消した状態で、何秒で表示されるのかも試した方がいいでしょう。

そういう意味で、昔から定評のあるのは任天堂のサイトですね。

http://www.nintendo.co.jp/


覚えるのは大変だと思いますけど、がんばってください。

id:rupopon

なるほど、ありがとうございます。

参考にさせていただきます。

2008/03/09 18:04:38
id:KUROX No.4

KUROX回答回数3542ベストアンサー獲得回数1402008/03/08 09:51:11

ポイント20pt

プロとして恥ずかしくないスタイルシートの大原則 (ムック)

http://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%81%A8%E3%81%97%E3%...

最近はレイアウトのほとんどをCSSで行うので、このあたりの本を1冊読めばよいと思います。

この本の内容は、HTMLタグはある程度理解できるという前提で、レイアウトに関して主に

作られているので、たぶん質問の意図にあうと思います。

id:rupopon

ありがとうございます。

勉強してみます。

2008/03/09 18:09:13
id:sokyo No.5

sokyo回答回数1372ベストアンサー獲得回数952008/03/08 17:48:46

ポイント20pt

こんにちは!

私はこの分野に関してはまだそれほど詳しくありません。

少しずつ勉強をして、やっと初心者でなくなったかな?と思うあたりにいます。

間違いがあるかもしれませんが、以下は私のやり方です。

 

私はまず、ブログを開設しました。

で、そのブログのHTMLとCSSの編集を試みました。

編集にははっきりとした目的があるので、それをかなえるための手段をネットで探し、

それを繰り返していって知識を蓄積していきました。

既存のテンプレートのソースはそれなりによくできている(コトが多い)と思うので、

それを踏み台にするコトで健康的な(?)ソースが書けるようになったのではないかと。

ただ、私の知識は体系的ではないかもしれません。

図書館に行って手近な本を借りて読みもしましたが、軸足はそちらにはありませんでした。

 

HTMLのソースがきちんと書けているかを判定してくれるサービスがあります。

http://validator.w3.org/

このようなモノも利用し、アラートをつぶしていくのも繰り返しています。

HTMLって私の知っているプログラミングとは違って、

書き方に誤りがあっても明示してくれないんですね…。

 

CSSで同様のサービスも。

http://jigsaw.w3.org/css-validator/

 

共に成長していけるといいですね。

私はまだまだです…。

id:rupopon

ありがとうございます。参考にさせていただきます。

2008/03/09 18:16:13

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 Tarot 9 7 2 2008-03-13 21:18:23
2 crosswave 2 0 0 2008-03-14 17:51:09
  • id:haruo-31
    回答履歴を見たところ今までも結構質問されてきたんですね・・・

    とはいえどうしてまた勉強する方法を知りたいと思うようになったのでしょうか?
    今までの経験では何か壁があるのでしょうか?
  • id:rupopon
    haruo-31さんありがとうございます。
    基礎的なものがほとんど無いので
    その辺をしっかりさせていきたいと考えています。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません