ホームページの作り方

質問

現在ホームページを作っています。勤めている会社のホームページで大した内容ではありません。
HomepageManager（フリー）でCSS＋HTMLでちょっと四苦八苦しているのですが、
デザインなどなんとなくいまいちです。

質問なのですが
(1)このまま続行する
(2)ホームページビルダーやBIND４を使う
(3)その他のフリーを使う
どちらがよろしいでしょうか？

できればスマホでもうまく見れるようにしたいです。

また、プロの方はどのように作ってますか？

回答No.2

ORUKA1951 · ベストアンサー

なにを公開するのか？
ページ数・サイトの規模は？
　　　どのようなデザインにするのか？
　　　　これは後回しでも良いでしょう。

　私は、小規模サイトでしたら、HTMLもCSSも手打ちです。理由は
・ウェブ標準でメンテナンス容易なものが作りやすい。
・デザインが良くて、かつ変更が簡単
・SEOがきちんとできる
・・・Webオーサリングツール→HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#HTML.E3.82.A8.E3.83.87.E3.82.A3.E3.82.BF )
　に書かれているそのままの理由です。

　オーサリングツールを使う場合は、テキストエディタで作成する以上に正確な知識が必要です。---オーサリングツールを使うとHTMLやCSSを知らなくても、ちゃんとしたページができると誤解されている人が多いですが、まったく逆です。

＞できればスマホでもうまく見れるようにしたいです。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。・・・【中略】・・・なぜならただ1種類の文書しか作る必要がなくなるからだ。
・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［HTML4.01仕様書「2.2.1 HTMLの略歴」( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

となると、テキストエディタしかないのは現実です。
★HTMLは、文書構造をマークアップするものでデザインのための道具ではない
★スタイルシートは、HTMLでマークアップされた文書構造にしたがって、そのプレゼンテーションを指定するもの
　この住み分けをきちんとすること。--こればっかりはオーサリングツールではできません。原理的に不可能です。
　すなわち、この部分は本文とは直接関係ないブロックだから、<div class="aside">(HTML4.01)、<aside>(HTML5)とマークアップすべき・・・なんて、文書読解能力のないツールには不可能。スタイルシートで記事本文中の補足記事はフォントを小さくしようとdiv.section div.aside{font-size:0.9em;margin:0.5em 1em;border:dotted 1px gray;}と書くことすらできない。

　タグの閉じ忘れ、綴りの間違い、タグの使い方の誤り・・それはツールが補完してくれます。しかし、それ以上でもそれ以下でもない。

お礼

回答ありがとうございます。
基本エディターにしたいと思いますが、今回はテンプレートを使ってみます。

今回スマホはうまく見れたらラッキーぐらいで。
詳しいご説明参考になりました。

回答No.1

ultra900

どんなソフトで作るのかではなく、どんなホームページにしたいのかが重要です。
設計はトップダウンで、つまり目的が最初にあって最後に手段が来ると言う事です。

デザインなどはデザイナを使うなどしても良いでしょう。

目標にする(他社などの)ページがあるのなら、そのソースを見て研究すればいいと思います。
私は基本的にはエディタを使ってタグを直接書きます。
というか、市販のソフトって細かい部分の記述などは出来ないですよね。
特にCSSとなれば。

お礼

回答ありがとうございます。説明が足りませんでした。
内容はすでにあるのでリニューアルってとこです。

基本エディターにしたいと思いますが、今回はテンプレートを使ってみます。