livedoor ナレッジ

ホームページを作ったことのある方にお伺いしたいことがあります。

個人で、もしくは、会社での業務として、ホームページを作ったことのある方にお伺いしたいのですが、どうやってホームページを作りましたか？
僕は誰にも教わったことなどないですし、ましてや、フォトショップやイラストレータを使ったことなどありません。「とりあえず作ってみたい」と思ったので、図書館で"HPの作り方"みたいなのを借りてきて、メモ帳開いてタグ打ちして作ってみました。そしたら、めちゃくちゃしょぼいサイトが出来上がりました(-_-;)

「いかにもWeb製作会社が作りました」みたいなサイトがよくありますよね？検索サイトで上部にヒットしたりするサイトですとか…
ああいったサイトを作るにはどうすればいいでしょうか？
今、世の中にあふれているサイトは、初心者が作ったものと、Webデザイナ(プログラマ)が作ったものと両極端に別れているように思います。(というか、「明らかにこれ初心者が作ったな」と思えるようなサイトは最近あまり見かけなくなってきたような気もしますが…)
やはり個人で作成するには限界がありますかね…

私の場合、本を買ってメモ帳で携帯向けサイトから作り始めました。
携帯向けサイトはデザインを気にする必要が無く、使えるタグも必要最小限のもののみの為、作りやすく、タグを覚えるのに丁度いいです。

とりあえず文字だけのシンプルな物を作っていって、タグを覚えたり上達してきたら、配布されているテンプレートやYahoo!やlivedoorの物を改造したりしてみると上達すると思います。
つまりは、慣れ(?)ですね

因に私もPhotoShopやイラストレーターなんて使った事ありません(というか高いから買えないですよ…)

テンプレートやイラストが沢山入っている「ホームページ・ビルダー10」なんかいかがでしょうか。
http://dl.livedoor.com/detail-SS1006S.html

フラッシュを作るなら、「FlashMaker 3」が人気あるみたいですよ。
http://dl.livedoor.com/detail-ASGE049.html

「明らかにプロが作った」サイトは、そもそもの作り方が違います。
彼らはいきなりメモ帳にタグを打ち始めたりはしません。ホームページビルダーも使いません。使うとすれば GoLive や Dreamweaber が主流でしょうが、それらのソフトですら最初からは使いません。

ではどうするのか？ Photoshop なり Fireworks なりで、「画面上でどういう風に見せたいか」のデザインを一枚の絵として作ります。
そうして十分にきれいな「絵」を作ってから、「スライス」という機能を使って絵を個別のパーツに切り分け、 HTML も同時に生成して、 HTML ファイルとして閲覧できるようにします。

この手順では HTML コードをソフトが自動生成するので、冗長だったり複雑すぎたり SEO 的にまずかったりします。そこで、前述の HTML エディタを使って「見た目はそのまま、ソースはきれいに」していきます。
そうして、最終的に納品できるひとつのページが出来上がります。この工程をすべてのページごとに行います。

もちろん、これがすべてではありません。最初からテキストエディタでタグを打ち始める人も中にはいるでしょう。しかし、論文を公開するならともかく、お金をもらって業務として製作するサイトで白背景に黒文字のみということはありえません。画像、写真の占めるウェイトは非常に大きなものになります。だから、一枚の絵として画面をどう見せるのか、を先に考えなければ、 HTML のタグなど打てないはずです。

長くなりましたが、個人で「趣味の範疇で」やるのであれば、いきなりプロ顔負けのクオリティを目指さないほうがいいでしょう。逆に、仕事として個人で請けるつもりであれば、一度お金を払って学校やセミナーで勉強するべきです。可能であれば一度ウェブ製作会社で働いてみてはいかがでしょうか。

私は、趣味のページと実家の店のページを運営しています。
最初はwin98に入っていた『フロントページ』からＨＰ制作を始めました。現在は『ドリームウェーバー』を使っていますが、操作が判り易いのでお奨めです。ただ、多少値が張りますが(＾＾；
あと、私は画像処理には『Paint Shop』というソフトをメインに使用しています。『PhotoShop』より安価で、マスクの処理が便利です。また、ピクチャーチューブやテクスチャーが豊富なので、それだけで素材を作れないこともないところが個人的にはお奨めポイントです。

無料で作りたいなら『Homepage Manager』と云うソフトが
http://www.vector.co.jp/soft/win95/net/se077898.ht...
にありますので、参考にされてみては如何でしょうか？
『alpha EDIT』と云うソフトも使いよいかもしれません。
http://www.vector.co.jp/soft/win95/net/se272154.ht...

あと、私は使用したことがありませんがFlashなら
『Flash Presentation Engine』の無料版もあります
http://www.vector.co.jp/soft/win95/art/se352415.ht...

あと、『PhotoShop』に引けを取らないペイントソフトとして
『ＧＩＭＰ』というソフトもありますので参考までに
http://www.vector.co.jp/soft/win95/art/se190877.ht...


基本的に、ＨＰの出来は、技術もさることながらある程度のセンスも必要となります。
同じソフトやテンプレートを使用していても、背景や写真などの素材、文字の色などによって、印象は大きく異なります。
ソフトの操作やＨＴＭＬやＣＳＳの記述に慣れると同時に、是非とも自分が気に入ったＨＰの構造やデザインの研究をなさってください。
良いものを見、それに近づこうとする事で、センスは確実に磨かれていくと思います。
紙にデザインやイメージを書き出していくのも、自分のイメージを固めるのに良いかも知れませんね。
あとは、最後は努力と馴れですから、兎に角くじけずに頑張って下さい(＾＾)

私も人に習った事は無く、独学で学んできました。

＞ めちゃくちゃしょぼいサイトが出来上がりました(-_-;)

私も作り始めたときはひどかった (>_<)
タイトルなどの文字は大きく、強調する所は強い原色で、しかも部分部分に、赤や青 ・・・。オレンジ ・・・。ブログもホームページも作り始めは " 自己中心的なモノ " が出来上がります。

自分のしたい事、やりたい事を、詰めれるだけ詰め込むサイトになってしまいます。文字の大きさも、色使いも、全体の構成も、とりあえず自分の主張だけが目に付くサイトになりがちです。見てくださる人の気持ちや、どういう人に見てもらいたいのかがまったく読み取れないサイトになってしまいがちなんですよね、初めは。

まずそのブログが存在する為のひとつのコンセプトが必要です。ペットのブログなのか？ お花のブログなのか？ アダルトなのか？ お花のブログならベースになるカラーはグリーンとなります。そこに本来の花がもつ、綺麗な原色が要所要所に散りばめられます。

花が好きな方の性別はどうでしょう？ もちろん男性女性区別無く好きな方は好きですが、どちらかと言えば女性でしょう。とすれば、女性の方に受け入れてもらえやすいデザインが必要です。

記事に書く言葉遣いも気を使います。「 オレはさぁ ・・・。」なんて書いてると、気の弱い女性は書き込みを躊躇します。

その年齢層は？ 年齢層の高い方が来るようなコンセプトのサイトは、フォントのサイズに気を使います。少し大き目が必要になります。そして、原色を抑え、淡い色使いを好まれます。長時間読んでいても疲れないよう、ホワイトベースの％を増やしていく必要もあります。そのさいのフォントカラーは、#000000 ではなく、#333333 などにして、コントラストに気をつけます。目が疲れやすいのを防ぐ為です。

いろんな人が見てくれるのを意識しましょう。自分の為ではなく、見てくださる人の為に。そうして作りつづけているうちに、良いウェブサイトができあがってくると思いますよ。(^^)

簡単に作るには，プロバイダ等が提供しているツールを使うと，それなりのものに見えます。
たとえば，livedoor Blogでサイトを開設すれば，それなりにかっこよく見えます。

プロバイダが提供していなくとも，サイトのコンテンツを管理するためのシステムをインストールすれば，それなりの見た目に仕上がります。
blogにしても，MovableTypeやtDiaryなどを使えばそれなりの見た目になります。
PukiWikiなども，サイトのデザインが前もって設定されているので，すぐにそれなりの見た目にできます。

そういう方法を採らず，最初から作る場合，DreamWeaverのようなウェブサイトを作成するためのソフトを使うことが考えられます。
それもせずに手作業で作る場合，デザインを考えて，自分でソースを書かないといけないですね。

私なりに考えるヒントとしては，デザインをかっこよくすることと，画像をうまく用いること。
Flashなんかが入っているのも，かっこよく見えるかもしれません。
ただ，画像を自分で作るのはそれなりに根気がいりますね。

きづいてませんが
メモ帳でうとうとしている事は
かなりすごいですよ。
テーブルタグなんか
オープンオフィスつかわんとできません。
いきなり何でもできるわけではないので
１年ぐらいかけてのんびり豪華にしていっては？
見ている方もリピーターになりやすいです

何で作るか，なんていうことは，プロとしてはどうでもいいです．タグを手打ちでやってもDreamWeaverに劣るということはないです．

一概にプロとはいっても，一人で全部作ることは珍しいと思います．大きいサイトだと，数社で作ることも珍しくありません．企画をする人，絵を書く人，コピーを作る人，HTML・JSなどコーディングする人，鯖プログラム書く人，全体を調整する人，たくさんの専門の人がいるわけです．それを一人で作ろうとしているのだということをまず認識して下さい．一朝一夕にできるわけがないです．

しかし，個人でも一つ一つの技術をしっかり勉強していけば，プロにも負けないサイトはできるはずです．まずは，お気に入りのサイトを模倣するにはどうすればいいかを考えて，実際に作ってみてはどうでしょうか？（著作権があるので，公開するなら，文字・素材などは変更して下さいｗ）画像もコーディングも１からやるのは，すごーくたいへんですが，何をやればいいのか，少しずつわかってくると思います．

キャンディさんのいつものチャレンジ精神で，いろいろやってみて，個々の問題については，その都度，ナレッジで相談していけばいいのではないでしょうか？（いつもの通りにｗ

＃ちなみに，flash以外はフリーソフトでも十分なのではないかと思います．