HP作成の方法について

Question

歌舞伎座公式HPのような、HPを作りたいと思っています。
この場合、どういった方法でHP作成するのが最良でしょうか。
HP作成ソフトを使うと、ハイレベルなものは作れないと聞いて不安になっています。
よろしくお願いします。

taporu · Accepted Answer

ソフトを扱う前に、プログラミングする技術がまず必要です。

まず基本的なwebページを作るために必要な言語にhtmlがあります。
これには2つのソフトがあります
文字を打って作るソフト　長所：ファイル容量が少ない　短所：デザイン確認のために毎回ブラウザでみる必要がある。
ワードのような感覚で書けるソフト　長所：作成しているデザインが一目で分かる。　短所：ファイル容量が大きくなりやすい。
windows 文字で打つwordpadなど　　ワードのように書く　ホームページビルダなど
mac　文字で打つ　miなど　

次にページのデザインを加える言語にcssがあります。
これはhtmlに組み込む、デザインの一部なので、上のソフトがあります。

次にページを動的にする言語にjavascriptとflashがあります。
　javascriptはhtmlに組み込み、htmlとcssを動的に変える言語です。
　　これは、完全なプログラムなので文字で打つ必要があります。
　flashは、flashムービーとも言われており、その部分だけを動的に動かすことができます。
　　これは、ActionScriptなどといった、プログラムを打つ必要があり、大変ですが、ムービーなのでフィルドインなどきれいにできます。
　　しかし、機械語に直さなければ行けないという短所があります。

その次に、デザインをよくするために画像作成ソフトが必要です。（背景やバナーなどに使用
macとwindows両方ともadobe Illustratorがあります。

最後に、掲示板やアクセスカウンタなどを作成するための言語があります。phpやperl、rubyなどです。
これらは、完全なプログラムなどで文字で打つ必要があります。

一言にホームページといっても、たくさんのことを覚える必要があります。また、ソフトもそれなりの値段がするので、そのようなことも理解しとかなければいけません。

HP作成ソフト自体は、物にもよりますが、作る人自身でハイレベルのものも作れますし、作れなかったりします。

noname#100277 · Answer

オーサリングツール（webページ作成アプリ）には頼らないのが一番確実。
「HTML入門」等の語句で検索して出たページで勉強するのも良いでしょう。
又、構成が良いサイトのページを「ソース確認」するのも技術の向上に役立ちます。
最初からハードルを高く設定したら駄目です。
簡単なモノから手を付けて行きましょう。
尚、当方は全て「メモ帳」で作成してます。
（Windowsなので・・・）

baithasar · Answer

必殺技
HTML構文の「構造の超カンタンな理解の仕方」

んなね・・最初からHTML構文やらCGIやったら　頭が痛くなっていやになることうけあい（笑）

おいらはOffice2000のFORNT PAGEを使いましたが
ページ下の部分のタブを見ます
標準　HTML プレビュー　と3つあるでしょ
その画面を出してね　そんで適当に別のどこかHPをまるごとコピーしてその構造を理解することからはじめます
（おいらはこのやり方で　全く説明書なしでHPを造りました）
（ついでにCGIも理解できちゃった）

ちなみにソフトウエアについては　100％のド素人であったことを先に述べておきます
HPの構造やHTMLなんか「全く何がなんだかわからない」状態からスタートしました


そんで　どっかのHPをまるまるコピーしてみる　右クリックですべて選択にしてそのまま強引にドラッグ＆ドロップで　FORNT　PAGEのところへおもむろにペーストします
ほら　なんだか同じページができたでしょ　最初はこれだけで感動したものです（大真面目）

そしたら下のタブを見る　標準　HTML　プレビューとある
そのHTMLをクリックしてみる
これがHTML文章です　いわゆる「ソース」ですね

あとはこれを自分なりにいろいろいじくって「どこを　どう触ったら　どう変化するのか」で遊んでみます

あとはHTMLの辞書を買ってありますので（そのくらいはしましょう）
辞書片手に　どの構文が　どういう役割かを見ます
ここまででわずか5分です

例
<img src="http://www.google.co.jp/images/chrome_48.gif" width="48" height="48">

img src　って何の意味なのか？
ファイル名のフルパスの意味？
width heightって幅と高さですよね・・じゃこれをいじくるとどうなるのか？
絶対パスと相対パスの意味あいが理解できればもうあとは楽勝
（だからDOSをやっとけば　フルパスの意味は即攻で理解できる）

あと最終はFTPでアップロードですが　これはFTPのパーミッション
いわゆる権限ですね
http://tohoho-web.com/wwwxx012.htm
その意味を理解する

CGIなんかは　YYBOARDさんが有名ですから
http://www.kent-web.com/bbs/yybbs.html
最初はこれで適当なのを借りて　自分でカンタンな掲示板を作ってみる
ちなみにメモ帳でCGIをやるのはアホウです　てかできるわけないし
おいらは　EMEditor が好きです

ここまでできれば　あとはCGIを改造してアイコン掲示板とか
ランダムのサクラスクリプト掲示板とか　（萌え要素が大ですが（笑）
そんなことして遊んでるうちに　覚えてしまいました

細かいJAVAスクリプトも　CGIの延長で覚えられます
（というか　JAVAスクリプトも同じコピーで覚えました）

FLASHだけはおいらは個人的に「嫌い」なので　あんなのはしません
あれは商用サイトがパッと見た目に派手だからやるもんで　個人サイトであんなのやられるとうざいだけです　必要ない

やる気があればそのときに覚えればいい　その時点までくると基本はできているのだから

Starou · Answer

ＨＰはこだわればこだわるほどハイレベルでいいものができます。

これから先パソコンの知識を身につけたいとお考えでしたら、
『alphaEDIT v2.0.3』（フリーソフト）
http://www.pololon.com/koby/software.php?id=alphaEDIT
このようなHTMLを比較的直接触ることのできるソフトを使うと勉強になります。


いやいや、知識は要らない。
カッコイイホームページを作りたいんだ！
と思うのでしたら。

『BiND』
http://www.digitalstage.jp/bind/index.html
なんてソフトもあります。
こちらは、初心者が簡単にホームページを作るソフトです。
逆に言えば、何もかもソフトがやってくれるので知識は身につきません。
あと、値段がびっくりするくらい高いです。

draft4 · Answer

包丁ひとつ
　プロの調理人はそれだけで素晴らしい料理を作るけど、素人はそれほどおいしい料理が出来なかったりしますよね？(^_^;

それと同じです、ソフトを使ったらハイレベルな物が作れなくなるなんて事はありません。

作る人のセンス次第です。

ホームページビルダーが一般の人向けのやさしいソフトです、まずはこれでがんばりましょう


＞この場合、どういった方法でHP作成するのが最良でしょうか。

とりあえず、かっこいい、気に入ったＨＰを探してきて、それの真似して作りましょう(^_^)v

HP作成の方法について

ソフトを扱う前に、プログラミングする技術がまず必要です。

オーサリングツール（webページ作成アプリ）には頼らないのが一番確実。

必殺技

ＨＰはこだわればこだわるほどハイレベルでいいものができます。

包丁ひとつ

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング