blog

BLOGブログ

ARCHIVES

かなぴょん

■まとめのまとめ HTML・CSSのタグを目的別に探すのに便利なサイトを検証してみました

0428

 

こんにちは!中西です。

 

 

htmlのタグやスタイルシートって何ぞや、と思っている方も商品ページの中にテーブルをいれたり、文字の大きさを変えてみたり、色を変えてみたり、、、と何かしらそういうものにふれている場面って少なくないかと思います。

 

ちょっとわかってくると色々やってみたくなってくるものですが、一文字あるかないかで大きく変わってしまう画面での見え方。ブラウザによってもきちんと思ったように表示されていたりされていなかったり。。。

 

私のレベルを最初に説明しておきますと、htmlはちょっとわかるくらい、スタイルシートについては初心者に毛が生えたくらいの知識しかなく、時間はかかるけど調べながらだとできるというくらいです。本当は基礎の基礎をしっかり勉強した方がいいのは重々承知の上で、そういういろいろ説明してくれている部分はちょっとすっ飛ばして、目的別に見るのに使いやすいサイトという部分に絞っておすすめ度を検証したいと思います!(もちろん参照サイトの批判等では一切ないですので!)

 

以下タイトルのリンクはそのサイトのホーム。その下のURLは私が使いたいページのとび先リンクです。

 

 

1.ホームページマスター

http://hmaster.net/stylelist.html

●目的別の検索方法あり ●ブラウザでの表示例あり

 

サイト自体は、『htmlタグとcss(スタイルシート)を使ってメモ帳だけで無料でホームページを作成する方法を解説している初心者の為のホームページ作成支援サイト』ということで、1からホームページをお金をかけずにつくりたいと思っている初心者の方向けに項目別に作成手順を解説してくれています。

上記にリンクしたのはスタイルシートの一覧。ブラウザでの表示例があるので選んだスタイルがどのように見えるのかが一目瞭然です。

スタイルシートやhtmlの解説のサイトの場合、基本的には見え方のサンプルが合わせて表示されているものがほとんどですが、ないものもたまにあります。やはり表示例があるものの方が断然ありがたいです。一発目から当たりのサイトを見つけたかもしれません。ここは使いそうです!!

 

 

2.HTMLクイックリファレンス

HTMLタグ一覧 http://www.htmq.com/html/indexm.shtml

CSSプロパティ一覧 http://www.htmq.com/style/index.shtml

●目的別の検索方法あり ●ブラウザでの表示例あり

 

このサイトはおそらく専門的だと思います。なぜなら、私のような初心者向けではない。。。気がします。将来は使うかもしれませんがちょっとわかるくらいのレベルではよくわかりません。

ただ、知りたい項目をピンポイントで表示する早見表や辞書をイメージして制作されているというだけあって、目的別の一覧はかなり項目が多いです。

もっとわかるようになった時のためにブックマーク。

 

 

3.5日でわかるスタイルシート・CSS講座

●ブラウザでの表示例あり

 

基礎知識からお役立ちまでの実践テクニックまで5日でcssが楽しく学べるという講座形式のサイト。ただ、基礎から応用までという短期集中型講座なので目的別にピンポイントでこれが知りたい!というのとはちょっと違います。が、5日でわかるようになるならこんないいことはないという事でブックマークです。

 

 

4.とほほのWWW入門

●ブラウザでの表示例あり ●タグ一覧あり

 

ホームページ作成関連総合情報サイト。という事で、htmlやスタイルシートだけでなくjavascriptについてなどなど幅広く網羅されています。総合情報サイトというだけあります。更新もいまだにされていますが、項目によっては数年前のものもあります。

今すぐ使えるサイトか、というと、初心者向けではない気がしますが、、、こちらも今後のためにブックマーク。

 

 

5.TAG<index>

HTMLタグ http://www.tagindex.com/html_tag/index.html

スタイルシート http://www.tagindex.com/stylesheet/index.html

●表示例あり ●目的別一覧あり

 

初心者向け講座と書いてありましたが、、、ちょっと難しい。。。しかしタグは項目別になっていて、htmlタグもスタイルシートで代替えできるものはページ内で関連リンク付けされていたりと、一度に二度美味しい感じのサイトだと思います!使いたいところだけ見るという意味では知っていて損はないと思うのでブックマークです!

 

 

6.HTMLタグボード

htmlタグ辞典 http://www.dspt.net/html_tag/index.html

スタイルシート辞典 http://www.dspt.net/stylesheet_css/index.html

●表示サンプルあり ●目的別一覧あり

 

cssの方になるとちんぷんかんぷんになりそうになりますが、htmlタグ辞典はかなり使えそうです。おすすめ度高し!初心者レベルでも使いやすいかと!

 

 

7.超初心者のためのホームページ作成講座

http://park16.wakwak.com/~html-css/css/index.html

●講座形式 ●目的別の検索方法あり ●ブラウザでの表示例あり

 

こちらはタイトル通り講座形式になっていて、自らが超初心者です!という管理者の方が作成されているサイト。htmlの基本とスタイルシートの基本を順番に見ていくことができます。基本的にこれを知っていたら大丈夫ということは網羅されているかと。また、タグや解説だけじゃなくてホームページを作るために必要なことも「コンテンツ決めましょう。」「必要なツールはこれですよ。」といったようなことも教えてくれているので、初めて作ります。という方には親切だと思います!

上のリンクはスタイルシートの講座です。htmlもあります。ただ、目的別という点でこれだけ知りたい!という事を探すのにはあまり便利ではないかもしれません。

でもスタイルシートって?htmlって?という超初心者の方が、どういったものかというのを勉強するにはわかりやすくていいと思います。勉強した方がいいと思うので自分のためにブックマークです。

 

 

8.超初心者の手取り足取りホームページ教室

cssの基礎知識 http://www.d3.dion.ne.jp/~tiyoko01/style/style2.html

●表示例あり ●目的別一覧あり

 

これも超初心者の方向けという事でホームページを1から作る人向けにhtmlとスタイルシートの使い方を説明してくれているサイト。ページ全体に表示例が出ているのが私としては個人的にいまいちわかりにくい気がするのですが、、、基本的なことはわかるし目的別にも一覧があるのでブックマークです!

 

 

まとめ

今回は目的別に探す時に使いそうなサイトということで、8個のサイトをそれぞれ検証してみました。目的を変えるととってもわかりやすいサイトだったりもするので、結局全部ブックマークしちゃいましたが。

実際に一度調べて、今後も使いそうだな~と思うタグや、よく使うけどすぐ忘れてしまうタグは、さらにメモ帳などに張り付けて自分だけのタグ一覧を作って保存しておくのが一番ですね。

 

インターネット上にはもうありとあらゆるサイトがありますが、自分にとって使いやすいものを見つけるのも作業効率を上げるうえでも大切なことだな~と思っているので今回もこんな記事になりました。

まとめのまとめブログが最近続いていますが、矢野からこれをまとめてほしいというリクエストがあったので、次もまとめのまとめブログになりそうです。

 

それでは!

 

 

この人が書いた記事

かなぴょんの記事をもっと見る

関連する記事