人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

●質問者: rupopon
●カテゴリ:ウェブ制作
✍キーワード:HTML ほと イメージ スキルアップ タグ
○ 状態 :終了
└ 回答数 : 5/7件

▽最新の回答へ

1 ● haruo-31
●20ポイント

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

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/

◎質問者からの返答

ありがとうございます。

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


2 ● pahoo
●20ポイント

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


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

◎質問者からの返答

ありがとうございます。

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


3 ● n4o
●20ポイント

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

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

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


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

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

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

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

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

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

それの繰り返しですね。


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

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

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

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

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

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


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

◎質問者からの返答

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

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


4 ● KUROX
●20ポイント

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

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

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

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

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

◎質問者からの返答

ありがとうございます。

勉強してみます。


5 ● sokyo
●20ポイント

こんにちは!

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

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

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

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

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

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

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

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

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

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

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

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

http://validator.w3.org/

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

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

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

CSSで同様のサービスも。

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

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

私はまだまだです…。

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ