現在ホームページの作成をおこなっているのですが、
ホームページ作成をはじめて2年弱になりますが、現在もホームページビルダー等のソフトに頼ってサイト作りをおこなっています。
しかし自分で作っているサイトを見ていると、初心者っぽいとか使いづらそうとか、管理によけいな手間がかかるなどいろいろあります。
企業のサイトや下記のサイトのようなまとまったというかキレイなホームページを作ることができません。
http://www.netmania.jp/
http://get.daa.jp/
一度サイトのほうのソースを覗かせてもらっても、自分で作るというとこまで理解がいきません。
テンプレートなどを改造しても完全に、なぜこうゆうふうになるのかというとこまでわかりません。
とくにいままでホームページビルダー等で作成していたこともあって、HTML,CSS自体の知識が足りないのではないかと思います。
キレイなサイトが作れるようになる、おすすめの書籍、解説サイト等があったら教えてください。
No.2ベストアンサー
- 回答日時:
★スキルよりも感性の問題かもしれません。
・『キレイなサイト』を作るにはそれなりの『HTML,CSS自体』の知識も確かに必要です。
でも、その知識(技術)を使いこなせなければ意味がありません。
ですから、キレイなサイトを発見したらお気に入りに登録して、そのサイトのデザイン面を
最初に『研究』します。→なぜ、キレイなのか?という事です。
・そして、キレイなサイトをたくさん見た後に、汚い(初心者っぽい)サイトを見比べます。
するとキレイにするための『違い=コツ』を発見できます。これを繰り返せばデザイン面の
『感性』が学べるようになります。→ここまでが準備段階です。
・次のステップは、どう実現させるかの『技』になります。これは『HTML,CSS自体』の知識を
駆使して作ることになるため、『書籍』、『サイト』を参考にサンプルHTMLのページを実際に
たくさん作ります。このときは『ホームページビルダー』などのソフトに頼らずに『タグ』の
状態から頑張って入力するのです。これで『スキルアップ』します。
・『ホームページビルダー』などのソフトは『HTML,CSS自体』の知識を持っている経験者が
より簡単かつ速やかに HTML ページを作成するためのツールという位置づけです。
知識や経験がない人が使いこなせるソフトではありません。また、スキルの高い方から見ると
『ホームページビルダー』の機能不足に頭を抱えることになります。ソフトの機能不足を感じれば
スキルアップした事になります。→私はそう思います。
・私もホームページを個人で公開していますが、最初に作成したページは今では『ダサイ』と感じて
います。もう、何回かリニューアルしていますが、思い出として保存してあるため懐かしいです。
アドバイス:
・まずは『デザイン』を研究して下さい。そして、タグの状態から一度 HTML を数ページ作成してみましょう。
・それから、『HTML,CSS自体』の知識を身に付けます。→記述が身についても『感性』が貧弱では
『キレイなサイト』は絶対に出来ません。『デザインの研究』→『知識』→『実践経験』の3ステップで
より良いサイトを作成して下さい。
・下に私が普段参考にしている解説サイトを一挙に紹介します。
・『JavaScript』も使えばもっと凄い演出が出来ますよ。ただし JavaScript 機能を有効に出来る環境のみ
限定になりますが…。IE 専用ならばキレイです。
・以上。おわり。→下の『参考URL』に本を1冊だけ紹介します。
小技集:
・http://iswebmag.hp.infoseek.co.jp/→『魅せるホームページ作成講座』
・http://www.hp-kowaza.com/→『ホームページをキレイに彩る小技』
・http://www.aimix.jp/waza.html→『ホームページビルダー・グレート初心者講座』
HTML:
・http://www.htmq.com/→『HTMLクイックリファレンス』
・http://html.eweb-design.com/→『HTMLタグリファレンス-Tips - eWeb』
・http://www.hajimeteno.ne.jp/→『初めてのホームページ講座』
└http://www.hajimeteno.ne.jp/dhtml/index.html→『JavaScript,ダイナミックHTMLサンプル』
CSS:
・http://ykr414.com/css/index.html→『全部まるごとスタイルシート解説』
・http://www.seo-equation.com/html/css/→『CSS辞典』
JavaScript:
・http://www.red.oit-net.jp/tatsuya/java/index.htm→『イヌでもわかるJavaScript講座』
参考URL:http://www.cbook24.com/bm_detail.asp?sku=4774127 …
詳しく回答いただきありがとうございます。
見比べはすでにやっていますが、もっと深いところまで見ていこうと思います。
ホームページビルダーなどには頼らないで作っていこうと思っていましたが、やっぱりそのとおりのようですね。
とりあえずCSSが0だったりするので、そちらに時間をかけてみようと思います。
No.1
- 回答日時:
はじめまして。
こんばんは。見せていただいたサイトは、どういう観点でキレイだと思われたのでしょうか?その辺りを明確にするともう少し具体的にアドバイスができるかと思います。
と言いつつも、回答をさせて頂きます。
XHTML+CSSで構築しているサイトは、サイト全体の構成、規則を考えて制作を行っているので、デザインの統一感や見られ、マークマップも比較的にキレイですね。
CSS系のライブラリーサイトを覗いて、ソースを見るか、ファイルごとダウンロードして、ローカルでお使いのソフトでグリグリ弄って見るのが近道だと思います。ご自身で制作経験があれば、理解できると思います。
あと僕は、サイト構築する際に、まず手書きのラフから起こします。一見時間が掛かるようですが、HTMLを書きながら、その都度思いつきで変更してしまうことを考えると、よっぽど効率がいいですよ
参考URL:http://cssvault.com/,http://www.cssbeauty.com/
この回答への補足
回答ありがとうございます。
説明不足ですみません。
キレイ(良い)と感じた部分を箇条書きにすると、
・どのページにアクセスしてもデザインがほとんど変わらない
(フレームページのようになっていて、メニューがきれいに整っている)
・あまり明るい色を使っていないのに地味という印象を受けない(質問とは別かな?)
・ブログのようになっている
(ホームページとブログが合体している?)
特に自分は一番最後のようにホームページとブログを合体させたようなものを作りたいと思っています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SEO ホームページを作る際の質問です 1 2023/06/07 18:50
- ASP・SaaS イントラネットを構築したい 2 2022/04/24 11:08
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- SEO 内容がほとんど同じホームページを作ったらどうなるでしょうか? 3 2022/12/17 21:19
- インターネットビジネス webライターになる為に、記事作成の勉強の他にSEO対策の勉強は要りますか webライターになる為に 2 2022/12/12 01:27
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- ホームページ作成・プログラミング ある施設のホームページが「現在このホームページは準備中です。公開まで今しばらくお待ちください。」とな 1 2022/04/18 01:11
- Web・クリエイティブ 【至急】仕事上の人間関係についてです。 5 2023/01/19 04:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページビルダー16でサイ...
-
CSSと無料掲示板を組み込んだサ...
-
DREAMWEAVERで既存のサイトを読...
-
Adobe exhangeにAdobe のパスワ...
-
水面の揺らぎを表現するJava Ap...
-
家族以外には非公開のサイトの...
-
サイトに作ったページを追加す...
-
ホームページ作成
-
誠意作成中と鋭意作成中
-
FC2ホームページの変更に仕方
-
表彰状の無料のテンプレート
-
ホームページを作ることは【制...
-
Beutiful Soupを用いてWebスク...
-
Becky! 良く使う操作を覚えさせ...
-
ホームページでメールへのリン...
-
ホームページの作成日付を知る方法
-
入社1年半目です。自習でシェア...
-
教員です。英語の授業プリント...
-
さくらインターネットのCGIメー...
-
パワーポイントでの目次、索引...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
家族以外には非公開のサイトの...
-
KADOKAWAの電撃大賞はPDFにする...
-
Adobe exhangeにAdobe のパスワ...
-
Dreamweaverで、ライブビュー表...
-
バナーを使用したい場合って許...
-
ホームページビルダー16でサイ...
-
shinobi.jpのマークがついたHP...
-
ホームページビルダー「登録済...
-
DREAMWEAVERで既存のサイトを読...
-
ホームページビルダー 2台で編集
-
データーが破損してしまいました
-
相互リンクの依頼文
-
フォトショップ6.0
-
PCからの閲覧禁止
-
http://homepage2.nifty.com/sa...
-
18禁のロゴマークについて
-
このメッセージの意味と、対策...
-
HPBのサイトを開くでトップペー...
-
動画編集サイト
-
無料ソフトのLibre BaseをAcces...
おすすめ情報