ホームページ作成リンク
知恵袋
IT用語事典
カラーパレット

ページ制作の
意図は?

このページは管理人がホームページ制作においてわからない事があった時見直して使いやすいように設定してあります。
常により良いページを作成する為に、このページを見ればすぐに必要な事がわかる様にリンク集的なつくりになっています。 また、文字は読む時のストレスにならない様に大きめに設定しています。デザインよりも実用性重視にしました。基本的には私の趣味でできています。


バナー (商品名)











ホームページの作成について

ホームページはHTML(基本的な骨組みを作る言語)だけで基本的な事を記述するのであれば1日もあれば初心者でも簡単に作成できます。
HTMLは対になるタグ(命令文)で挟んで範囲を指定しいてあげる事によって作ります。
ただ、人間とは不思議なものでだんだんと欲ができてきてより良いページを作成しようと思ってします。
例えば、本来は普通に文字だけで表現できるページに色気を出して画像を取り込んだり、加工したし、文字スクロールをさせたりなど様々。
さらに色気が出ると、反応のあるページや動きのあるページにしたくなってくる。そうなるとスクリプト言語を知りたくなってくる。覚えやすいのはJavaScriptです。

JavaScriptは多少オブジェクト指向が入っているので、覚えると機能の追加などで扱いやすいのですが、解かりにくいと感じられる点でもあります。また、JavaScriptを受け付けないブラウザを利用している人もいますのでこちらが思った通りに表示できているとは限りませんので注意が必要です。

オブジェクト指向とはコンピュータに対する命令の考え方です。オブジェクトは命令文(入れ物)を作り上げる事です。考え方としてはデジタル時計を作る場合、時計の時刻を割り出す。出した時間を表示する。の2つの作業が必要です。割り出した時刻画面に表示する。時計の入れ物の中にどんな機能が入っているのかがオブジェクトです。ですから今回は「時計の時間を割り出す」がオブジェクトです。このオブジェクトをいくつ増やしていけるかで時計の機能が増えていきます。ごく当たり前の事をどの様に命令するかなのです。

JavaScriptと似たような動きができるはCSS(Cascading Style Sheets)です。
CSSとは見栄えだけ別に表現する方法です。例えば文字の大きさ、形、アンダーライン、背景など個別に指定できます。こちらの方が命令が解かりやすく、簡単にページデザインを扱う事ができます。

他にはCGI(Common Gateway Interfaceであって、コンピュータグラフィックの略ではありません)等もありますが、少しデータベースの知識がないと解かりにくいです。
CGIとは簡単に言うと、今あなたが向かっているパソコンとは別のパソコンで計算させその結果を今向かっているパソコンに表示する事です。2台のパソコンを扱う技法であって言語ではありません。言語は主にPerl,php,Rubyを用います。CGIの原理がある程度解かるとネットショッピング等の在庫の管理ができるようになります。

JavaAplletとはJava言語を利用してブラウザ用の表現をします。半分コンピュータの言語ですので、かなり高速でコンピュータに対する負担も非常に小さいです。これを使えばネットマージャンの様な常にアクティブな動きのあるページも作れます。

以上が、無料でホームページを作成できるための言語です。ホームページ用の言語自体は他にも無数にありますが、取り扱いにソフトが必要です。

手っ取り早くホームページを作るには?

ホームページ作成支援ソフトを利用するのが良いでしょう。
慣れてしまえばタグで作る事は大した事ではありませんが、最初はソフトを使った方が早いと思います。

ホームページ作成ソフトはできればメジャーなものを利用してください。
でないと、使い方がわからない時や上級テクニックがわかりにくいです。
メジャーなものであれば「HOW TO本」も出ていますし、参考ページで紹介するサイトで易しく知ることができます。
ソフトを利用するのは知識・技能に合わせてください。
加えて、タグの知識があれば更に上級テクニックとして使えます。
主な作成支援ソフトをあげます。

 @IBM社 ホームページビルダー

 AMacromedia社 Dreamweaver または (Studio MX)

 Microsoft社 Frontpage(Windows98以降は任意ダウンロード)

の3つが有名です。
ホームページビルダーは価格も安く初心者の利用には適しています。
Dreamweaverは価格が高いです。高度な機能がついています。
DreamweaverはPhotoshop(写真加工ソフト)、Illustrator(デザイン処理ソフト)、Fireworks(デザイン処理ソフト)、Flash(動的デザインソフト)との互換性が非常に高いので、プロが利用している場合が多い様です。

Internet Explorer以外で閲覧する人が多い場合

IE以外は細かく正確にブログラムしないと閲覧できない(画像、CSSなど扱う時にピクセルで範囲指定入力等しないとずれる)
対策としてはやはりブラウザで見てみるのが一番良いのです。
IEではきちんとできていてもNetscaperFirefoxで見るとメチャクチャになっているケースも非常に多いです。
IEユーザーのみのホームページでなければ確認する様にしましょう(本当に違いがありすぎでびっくりです)
ちなみに私は画像がきれいなのでFirefox中心で利用しています。
FirefoxはNetscape系に近いので確認用にも非常に便利です。
とりあえず作ってみて気に入らなければ直せばいいだけです。
最初から完成はありません!日々向上を目指しましょう!
基本的には
要求分析→設計→実装(プログラム入力)→テスト
の繰り返しです。
最初は「シンプレスト」さんのページが使い易いです。
左上段のホームページ作成リンクで参考にして下さい。
[Link] アバクロ ルイスポールセン リフォーム 姫路 サーチエンジン 占い ネット 小遣い 稼ぎ ブルブルマシン オルラーヌ アルテミデ 家族葬 Webシステム開発 不用品 回収 SEO ツール 北海道 りんごジュース seo axis seo