ホームページ作成！ビギナーズガイド！ラクラクホームページを作っちゃおう！

ホームページ作成のお仕事講座その５

なおと — 2008-01-10T16:54:48+09:00

それでは、前回に引き続きホームページ作成の仕事に就く時に知っておきたい用語について勉強しましょう。

４．HTML

HyperText Markup Languageの略称。ホームページを作成するための言語のこと。ホームページの１種であるブログもHTMLで記述されています。
HTMLで記述された文書は、そのファイルがおかれたWebサーバにブラウザでアクセスすることによって、ホームページとして閲覧することが可能になります。

５．CSS

Cascading Style Sheetsの略称。ホームページのレイアウト表現を定義する仕組みのことで、HTML文書に付加する形で作成します。レイアウト表現とは例えば、文字の大きさ、色、フォントなどです。

レイアウト表現は、HTMLで直接記述することもできますが、CSSを使うと、HTMLからレイアウト表現の記述を分けて記述することが可能になります。

例えば、当サイトでは頻繁に「ホームページ作成」という言葉がでてきます。当サイトに出てくる「ホームページ作成」のすべての文字サイズを大きくすることになった場合、すべての記事の中から１つ１つ「ホームページ作成」の文字を探して１つ１つ内容を修正する必要がでてきます。
ですが、あらかじめ「ホームページ作成」という言葉にCSSを設定しておくと、CSSの記述1箇所だけを修正すれば、当サイトすべての「ホームページ作成」の文字サイズを自動で変更することができます。

このように、ホームページ作成時にCSSを使うと、内容を変更をとてもラクに行うことができます。メンテナンス性が上がるということです。

６．JavaScript

HTMLでは表現できない対話的な仕組みを、ブラウザ上で可能にする言語。対話的な仕組みとは例えば、ホームページを開いた時にブラウザ上にメッセージボックスが出てきたり、ブラウザの下に電光掲示板のように文字が流れるのを見たことはありませんか？こうしたものはJavaScriptで記述されています。

７．コーディング

HTMLやJavaScriptなどのプログラミング言語を記述する作業のこと。コーディングの方法は大きく分けて２種類あります。

１つは、テキストエディッター（メモ帳など）で直接HTMLなどのプログラミング言語を記述していく、ハンドコーディングという方法。
もう１つは、Dreamweaverのようなソフトを使用し、ワープロ感覚でホームページのレイアウトを行うと、自動的にコーディングが行われる方法です。

８．CGI

Common Gateway Interfaceの略称で、ブラウザの要求に対して、Webサーバ内のプログラムを実行させる仕組みのこと。

ホームページによく見られる、チャットや掲示板はCGIで作られています。CGIは、PerlやPHPといったプログラミング言語で記述されることが多いですが、よくCGI=プログラミング言語と誤解されるのでご注意ください。CGIは、PerlやPHPといったプログラミング言語で記述される「仕組み」のことです。

９．GIF、JPEG

ともに、ホームページ上で使用する画像の保存形式のことで、一般的なブラウザで表示することができます。デジカメや写メでこの形式を使用しているので、ご存知の方は多いと思います。

GIF、JPEGは別の規格ですが、それぞれインターネットで扱いやすくするために開発された規格になっています。

１０．ユーザビリティ

ホームページの使いやすさ、見やすさという意味。ホームページを作成する目的は、ホームページを見る人（ユーザー）に見てもらうことです。ですので、ユーザーが見やすいホームページ、ユーザーが使いやすいホームページが求められるため、ホームページ作成時には、このユーザビリティを重要視します。

上記はいずれも、Web業界(ホームページ作成を仕事とする業界のこと)では基本的な用語なのでしっかり理解しておきましょう。

それでは、今日はここまでです。

Webデザイナー志望の方無料でスクールの資料請求ができます。

ホームページ作成のお仕事講座その４

なおと — 2008-01-01T16:28:57+09:00

今回は、ホームページ作成の仕事に就く時に知っておきたい用語について勉強しましょう。既に講座に出てきた言葉もありますが、復習だと思ってもう１度一緒に勉強しましょうね。

１．ブラウザ(Webブラウザ)
２．Webサーバ
３．ドメイン
４．HTML
５．CSS
６．JavaScript
７．コーディング
８．CGI
９．GIF、JPEG
１０．ユーザビリティ

それでは、順を追って説明していきましょう。

１．ブラウザ(Webブラウザ)
ブラウザは、ホームページを表示・閲覧するためのソフトウェアのことです。
ブラウザには種類がたくさんあり、Windowsでは、Internet Explorerが最も普及しています。Macでは、Safari、Firefox、Operaなどが有名です。

２．Webサーバ
Webサーバの説明の前に、サーバについて説明します。サーバとは、サービスを提供するためのコンピュータのことで、種類がたくさんあり、Webサーバ、メールサーバ、FTPサーバなどがあります。

例えば、メールサーバは、メールサービスを提供するコンピュータで、みなさんが普段行っているメールの送受信をコントロールしているコンピュータです。

Webサーバは、Webのサービスを提供しているコンピュータのことで、みなさんが普段見ているホームページが正しく表示できるようにコントロールしているコンピュータのことです。

３．ドメイン

ドメインは、インターネットに接続しているコンピュータがインターネットのどこにいるかを表す住所のようなものです。例えば、当サイトだと、「pc-square.seesaa.net」の部分がドメインとなります。

通常インターネット上の住所は、IPアドレスというもので表現するのですが、IPアドレスは、「231.193.11.1」のように数字のみなので、人が覚えたり入力するのが難しいので、ドメイン(pc-square.seesaa.netなど）に置き換えています。

ドメインは、IPアドレスを置き換えたものなので、逆にドメインをIPアドレスに置き換えることもできます。

例えば、通常ホームページを参照する場合、http://ドメイン名/XXX/と指定しますが、http://231.193.11.1/XXX/ のようにIPアドレスで指定することもできます。

上記はいずれも、Web業界(ホームページ作成を仕事とする業界のこと)では基本的な用語なのでしっかり理解しておきましょう。

４(HTML)以降は次回説明していきますね。

それでは、今日はここまでです。

Webデザイナー志望の方無料でスクールの資料請求ができます。

ホームページ作成のお仕事講座その３

なおと — 2007-10-27T21:14:45+09:00

今回は、ホームページ作成のお仕事に就くのに必要なスキルはどのように身に付けるか？についてお話していきます。

スキルの習得方法については、以下のような方法が考えられます。

１．ホームページ作成の仕事に就き、仕事をしながらスキルを習得する。
２．独学で習得する。
３．通信や通学の学校に通い習得する。

それでは、順を追って説明しましょう。

１．ホームページ作成の仕事に就き、仕事をしながらスキルを習得する。

この方法は、最も早く効率的にスキルを習得することが可能です。ホームページ作成関連の会社に就職するのですから、スキルを身に付けるための環境（パソコンやソフトウェアなど）も揃っているし、周りにはわからない時に頼ることのできる諸先輩方もいます。

会社によっては、就職してから数ヶ月はスキル研修を行ってくれる会社もあります。そういった恵まれた環境のある会社に就職できれば、最も早くスキルを身に付けることができるでしょう。

ただし、全くの未経験者がホームページ作成関連の会社に就職するのは難しいです。

未経験者でホームページ作成関連の仕事に就きたいのであれば、ある程度のスキルを身に付けてから就職を考えることをお薦めします。

２．独学で習得する。

この方法はあまりお薦めできません。独学なので、スキルを身に付けたとしても自己流となってしまい、間違った方法を身につけてしまう危険性もあります。

また、ホームページ作成関連のスキル(Webデザインやプログラミング）は、初心者がつまずきやすいスキルなので、誰かのサポートなしで習得するのは難しいです。

３．通信や通学の学校に通い習得する。

私は、パソコンスクールの講師を２年程やっておりましたが、ホームページ作成関連の会社に、就職や転職するために通われている方が多くいました。

パソコンスクールに通う１番のメリットは、スキルを習得する環境（パソコン、ソフトウェア、スキルを身に付けた講師）がすべて揃っていることです。

ただし、パソコンスクールにも色々あるので、選択を誤ってしまうと大きな損失になってしまいます。せっかく高いお金を払って入学したのに求めているものと違って１ヶ月で辞めてしまった・・・なんていう人もたくさんいます。

パソコンスクールの選び方、パソコンスクールの徹底比較については、重要なテーマなので今後特集していきますね。

※今現在、私はどこのパソコンスクールには所属していません。よってどこかのスクールの回し者ということはありません（笑）

それでは、今日はここまでです。

Webデザイナー志望の方無料でスクールの資料請求ができます。

ホームページ作成のお仕事講座その２

なおと — 2007-10-25T14:06:14+09:00

前回は、ホームページ作成に関連するお仕事にはどんなものがあるか？紹介しました。今回は、それぞれの職種に必要なスキル（技術）について説明していきます。

１．コーダー（ＨＴＭＬコーダー）

コーダーは、Webデザインを作成するためにHTMLなどの言語を使ってホームページの記述をするお仕事なので、HTML言語の知識を始め、CSS、Javascript、Perlなどの知識が必要になります。

HTMLについては、ホームページ作成講座で説明していますので、詳しくはそちらを参照して下さい。CSS、Javascript、PerlもHTMLと同様にホームページを記述する言語の１種です。

詳しくは、ホームページ作成講座で今後説明していきますね。

２．Webデザイナー

Webデザイナーは、コーダーに必要なスキル、プラス、Webデザインソフトを使ってデザインするスキルが必要になってきます。

Webデザインソフトには、IIustrator、Photoshop、Flashなどといったソフトがあります。

こちらも詳しくは、ホームページ作成講座で今後説明していきますね。

３．Webディレクター

Webディレクターになると、Webデザイナーに必要なスキル、プラス、
マネージメントスキル（Webデザイナーやエンジニアを管理・指示する能力）やコミュニケーションスキル（クライアントとの折衝能力やプレゼンテーション能力）が重要になってきます。

４．Webエンジニア

Webエンジニアは、プログラミングをしてシステムを構築するので、システム構築に必要なスキルとして、プログラミング言語（Java、.Net、PHPなど)、ネットワーク、データベースのスキルなどが必要になってきます。

次回は、それらのスキルを身に付けるにはどうしたらよいか？説明していきたいと思います。

Webデザイナー志望の方無料でスクールの資料請求ができます。

ホームページ作成のお仕事講座その１

なおと — 2007-10-23T16:10:15+09:00

ホームページ作成の勉強をされているみなさん、こんにちは。

今回から、せっかくホームページ作成の勉強をしたんだから、勉強した知識を活かした仕事に就きたい！という人のための講座を開きます。

今日は第１回目ということで、関連するお仕事にはどういうお仕事があるのか？について紹介していきます。

ホームページ作成を行うことをお仕事にしている業界のことを「Web業界」といいます。ただ、「Web業界」と言ってもいろいろな職種があります。

１．Webディレクター
２．Webデザイナー
３．コーダー（HTMLコーダー)
４．Webエンジニア(プログラマ)

大雑把に分けると上記のような４種類の職種があります。それでは、それぞれ順を追って説明していきます。

１．Webディレクターとは？

Web業界のお仕事というのは、自社のホームページを製作したいけど自社で作れる人がいない会社(個人の場合もあります。)からホームページ製作の依頼を受けて初めてお仕事が始まります。

Webディレクターのお仕事は、依頼した会社（クライアントといいます。）から、どういうホームページにしたいか？をヒアリングしたり、そのヒアリングした内容をホームページ作成者（Webデザイナー）に指示・コントロールします。

Webディレクターのお仕事のメインは、クライアントとの折衝と管理になり実際にホームページ作成は行いません。

私の友人のWebディレクターなどは、昼間からクライアントと接待と称して飲んでばかりいます。（笑）

２．Webデザイナー

Webデザイナーのお仕事は、Webディレクターの指示を元にホームページの全体の構成、各ページのデザインを作成します。

３．コーダー（HTMLコーダー)

Webデザイナーが作成したデザイン見本を元にホームページのコーディングを行います。実際には、HTMLやCSS、Javascript、Perlなどを記述し、ホームページを完成させます。

※場合によっては、上記２、３は兼任で行うこともあります。

４．Webエンジニア(プログラマ)

Webエンジニア(プログラマ)のお仕事は、ホームページとシステムが連動する場合にそのシステム部分のプログラムの作成を行います。

例えば、ネットショッピングのホームページがあったとして、そのホームページはその会社の販売管理システムと連動するとします。
その場合、ネットショッピングのホームページはWebデザイナーとコーダーが作成し、販売管理システムはWebエンジニア(プログラマ)が作成することになります。

ちょっと難しかったでしょうか？

ちなみに私の専門は、４のWebエンジニアになります。

それでは、今回はここまでです。

Webデザイナー志望の方無料でスクールの資料請求ができます。

ホームページ作成講座(入門編) その５HTMLの基本構造

なおと — 2007-10-11T16:11:50+09:00

今回は、HTMLの基本構造について学んでいきます。

以下はHTML基本要素、ソースの外枠の部分です。必ず記述する部分になります。位置や並びの移動もありえませんのでなるべく早めに覚えて下さいね。
※わかりやすいように色をつけました。

　

一番最初に記述されるのは、一番最後に記述されるのはです。これはHTML文書ですよ、という意味です。

～は、ヘッダーです。タイトル～など、HTML文書の情報が入ります。タイトルはブラウザのタイトルバー（一番上のバー）に表示されます。

～は、HTML文書の内容です。ここに記述されたものが、今あなたが見ているこの画面に表示されます。

ホームページを作るとほとんどこの～間の内容（ソース）が増えていきます。

このようにHTMLは、「タグ」（＜＞で囲んでいる部分）という命令の間に命令が入り、「入れ子」形式で記述されます。

そして、始まりのタグは必ずどこかで終わりのタグによって閉じられるんですね。

それでは、今回はここまでです。

ホームページ作成講座(入門編) その４HTMLを体験してみよう！

なおと — 2007-10-09T17:08:58+09:00

今回は、実際に簡単なHTMLを記述してもらいます。
実際に作成することで、HTMLがどういうものなのか？わかるようになってきます。

今回は、Windowsを使用している人向けの内容になっています。Macユーザーの方はごめんなさい。

それでは、順を追って説明しますね。

１．自分のパソコン上で「メモ帳」を起動する。

以下の順でクリックして下さい。「メモ帳」が起動します。
↓↓↓
「スタート」ボタン→「すべてのプログラム」→「アクセサリ」
→「メモ帳」

２．「メモ帳」でHTMLを記述し保存する。
「メモ帳」で以下のように記述して下さい。
↓↓↓

３．２で作成したファイルに名前をつけて保存する。
以下の操作手順に従って下さい。
↓↓↓
・「ファイル」（メニューバー）→「名前を付けて保存」をクリック
・開いたダイアログボックス(窓)で以下の項目を入力する。
「保存する場所」→デスクトップ
「ファイル名」→sample01.html
「ファイルの種類」→すべてのファイル
・開いたダイアログボックス(窓)で「保存」ボタンをクリック

４．３で保存したのファイルをダブルクリックする。
以下のように表示されます。
↓↓↓

※うまく表示されない方は、こちらから簡単なHTMLの完成版を開いて保存して下さい。
↓↓↓
sample01.html

今回は、基本的なHTMLを記述してもらい、それをブラウザで表示する所までを行いました。
次回は、今回作成したHTMLの記述内容について説明します。

ホームページ作成講座(入門編) その３HTMLを勉強しましょう。

なおと — 2007-10-08T15:03:38+09:00

今回は、「HTML」について学んでいきます。

１．HTMLとは？

HTMLは、HyperText Markup Language(ハイパーテキストマークアップランゲージ)の略語で、ホームページを作成するための言語です。ホームページの１つであるブログもHTMLで記述されています。

ホームページやブログを作るということは、HTMLを使って記述する言語を書くということです。

すでにブログを作成されている方は、HTMLを使って作成されましたか？ほとんどの方は、HTMLを意識しないで作成されていると思います。

最近のブログ作成サービスでは、HTMLを記述しなくても日記を書くくらいの簡単な操作でブログは作成できます。なぜならツールが自動でHTMLを作成してくれるからです。

ただ、ツールで作成したブログをカスタマイズ(ちょっとした変更)したい場合や、ホームページを１から作成する場合にはHTMLの知識が必要になりますので、基本的なことは学びましょう。

HTMLはテキスト文書、文字です。タグは＜＞で閉じられた文書の構造を伝える命令です。

タグには始まり＜＞と終わり＜／＞があり、この始まりと終わりのタグに囲まれた部分に、タグの命令が適用されます。

ブラウザ(ホームページをを見るためのソフト)にIE（インターネットエクスプローラー）を使用されている方は、IEのメニューバーの「表示→ソース」をクリックしてみてください。なにやら文字の書かれたものが開きませんか？これがHTMLの正体です。

２．ブラウザとは？

上記ですでに紹介しましたが、ブラウザは、HTMLの正体を普段見ているホームページの形に変えて表示してくれるソフトです。

ブラウザには、IE（インターネットエクスプローラー）やNN(ネットスケープナビゲータ)、Firefox(ファイヤーフォックス)、Safari(サファリ)などいろんな種類のソフトがあります。Windowsでは、IE（インターネットエクスプローラー）が最も多く使われています。

今回は、「HTML」と「ブラウザ」について学びました。次回からは、HTMLについてもっと詳しく学んで行きたいと思います。

ホームページ作成講座(入門編) その２ブログで記事を作成しよう！

なおと — 2007-10-06T18:03:14+09:00

みなさん、もうブログは始めましたか？
ブログを始める時の初期設定は、各サービス(gooブログなど)毎に違ってくるのでここでは説明は省略しますね。各サービスのマニュアルに従って下さいね。

初期設定が終わった方は、早速記事を書いて見ましょう。ここで、記事を書く際の注意点をいくつか教えますね。

１．できるだけテーマを絞って記事を書く。

ブログを多くの人に見てもらいたい場合は、あらかじめ自分の興味のあるテーマを決めておいてから、そのテーマにそったブログにしましょう。

例えば、サッカーに興味がある場合、サッカーをテーマに絞り、作成する記事もサッカーに関したことを記事にしましょう。

なぜテーマを絞った方がよいか？
それはまた後々説明します。

２．ルール・決まりを守りましょう。

インターネットの世界に、「ネチケット」という言葉があります。これは、インターネットのエチケットの略で、インターネット上のルール・マナーのことです。

各ブログサービスに、禁止事項・ルールなどが掲載されているので、記事を作成する前に事前に必ず読んでおきましょう。

「ネチケット」について詳しく知りたい方は、以下のサイトを参考にして下さい。
↓↓↓
http://www.cgh.ed.jp/netiquette/

特に、本やＣＤなどの著作物を無断で掲載することは、著作法違反になるので注意して下さい。

それでは、今日はここまでです。

ホームページ作成講座(入門編) その１ブログを作成してみよう！

なおと — 2007-10-04T22:04:29+09:00

１．ブログとは？

ブログはweb＋ログの略で、インターネット上にログ（記録）を簡単に残す事でホームページを作成することができるツールの事です。

以前からホームページを作成したかったけど、難しい事はよく分からないし…という方も、簡単に日記を書くようにホームページを作成することができます。

デザインもマウスで選択するだけ、文章もメモ帳に文章を入力する感覚で作成する事ができます。

２．ブログ作成サービスを選択しましょう！！

ブログを作成するには、プロバイダなどが提供するブログ作成サービスを利用します。どのサービスを利用するか決まっていない方は、以下に大手で無料で利用できるサービスを紹介しますので、参考にして下さい。

Seesaaブログ（管理人が使用しているブログサービスです）
http://blog.seesaa.jp/

Yahoo!ブログ
http://blogs.yahoo.co.jp/

gooブログ
http://blog.goo.ne.jp/

ココログ
http://www.shop0.biz/cocolog/

So-netブログ
http://blog.so-net.ne.jp/

livedoorブログ
http://blog.livedoor.com/

かわいいブログを作成するなら「ヤプログ」
http://www.yaplog.jp/

ドリコムブログ
http://blog.drecom.jp/

FC2ブログ
http://blog.fc2.com/

参考になりましたか？今日はここまでです。

アフィリエイトをご存知ですか？

なおと — 2007-10-03T13:38:26+09:00

ホームページ作成を行っている方は、「アフィリエイト」を行っている方も多いです。

今回は、「アフィリエイトビギナーズガイド」です。

１．アフィリエイトとは？

みなさんは、「アフィリエイト」をご存知ですか？
「アフィリエイト」は、自分のホームページやブログである商品の宣伝を行い、それを見て商品を購入してくれた場合に報酬が発生するシステムのことです。

資金はほとんど必要なく、ホームページやブログを運用する資金があれば誰でもできます。リスクがなく、簡単に誰でもはじめられるネットビジネスと言えると思います。

２．「アフィリエイト」についてのサイトの紹介

今日は、その「アフィリエイト」に必要な情報を提供してくれる便利なサイトを紹介したいと思います。

１からアフィリエイトを始めたい方
↓↓↓

在宅で０円でお仕事をしたい方はコチラへ

法人の方で、携帯サイトを使ってアフィリエイトを始めたい方
↓↓↓
携帯アフィリエイトなら！Ｍｏｂａ８．ｎｅｔ！

個人の方で、携帯サイトを使ってアフィリエイトを始めたい方
↓↓↓
ケータイアフィリエイトなら！Ｍｏｂａ８．ｎｅｔ！！

それでは今日はここまでです。

今日は・・・

なおと — 2007-09-12T23:31:26+09:00

今日は日記の作成はお休みしますね・・・

むかーしの話

なおと — 2007-09-11T23:31:14+09:00

僕が大学時代、今みたいに簡単にホームページ作成はできませんでした。
当然ブログというような便利なものは存在していませんでした。

僕が最初にホームページを作成した頃は、メモ帳を使用してタグを直接打ち込むことで作成していました。

それはまた明日以降書いていきたいと思います。

それでは。

ホームページ作成ビギナーズガイドについて

なおと — 2007-09-10T21:43:31+09:00

今日でブログは２日目です。

「ホームページ作成！ビギナーズガイド！」というのは、僕が一番最初に作成したホームページのタイトルなんです。僕が大学時代の頃の話なので、かれこれ１５年も前の話です。
その頃からパソコン・インターネットの世界にはまっていたのですが、時代の流れは速いもので技術はどんどん進化しています。

このブログでは、ビギナーズの方のためにホームページ作成に役立つ情報を色々紹介していきます。

それでは。

ホームページ作成ビギナーズのために・・・ブログを開設しました

なおと — 2007-09-09T12:26:12+09:00

ホームページ作成ビギナーズのために・・・ビギナーズガイドを開設しました
これから、パソコンやインターネットを使って、ホームページ作成に役立つ情報や、パソコンやインターネットの便利な使い方について色々書き綴って行こうと思います。