ホームページの基本・スタイルシートを覚えよう♪

3日で作るホームページ・初心者からだれでもわかるホームページの作り方
3日で作るホームページ

- ホームページを公開しよう♪ - 3日目-2時間目

いよいよホームページをネット上に公開します。

■サーバにホームページをアップロードする

アップロード(送る)には専用のFFFTPという超有名ソフトを使います。フリーソフトなので、もちろん無料です。こちらから持ってきてください。作者さんのページのFFFTP の最新版(ver.1.96d)をダウンロードして、インストールしてください。
ffftp

インストールが終わったら、アイコンをクリックします。すると左の写真の画面になります。写真にある新規ホストをクリックします。


ここで、先ほどメモしたものを書き込んでいきます。まず、ホストの設定名は自分がわかりやすい名前をつけます。

そして、ホスト名のところに メモしたものを書き込むか、コピーペーストします。

次にユーザ名にはFTP情報の「ユーザ名」を入れます。
パスワードは同じく自分で設定したのものです。

ローカルの初期フォルダのところが、自分のパソコンのなかのホームページのすべてのファイルが入った一つのフォルダを指定します。(一番初めに作ったフォルダです)

終わったら、なにやらたくさん設定できそうなところがありますが・・・そっとしておきましょう・・・
余計なところはいじらずに、OKを押します。


そしたら、写真の緑色の矢印をクリックします。開始を押すか、処理内容を表示で処理内容を確認してから、実行を押せばアップロードが始まります。途中で、「htmlファイルを削除しますか?」と出ると思うので、削除して構いません。これはもともとサーバー側に置いてあるものなので、上書きするような感じになるので。正常終了したら、実際に自分のURL にアクセスしてみましょう。きっとホームページが表示されてるはずです。

もしうまくいかない場合はヘルプを読んでみると、意外に解決しますよ^^どうしてもわからない場合は、直接サーバーにメールで問い合わてみるといいと思いますよ。けっこう親切に回答されてきます。もしくはわたしに聞いてもらっても構いませんよ!(^^)!

これで一応完成になります^^
お疲れ様でした“乾杯♪(*^^)o∀*∀o(^^*)うん♪

更新する場合(なんかを書き足したり、写真を入れ替えたり)は、同じやりかた(ミラーリング)でOKです。ソフトが自動で更新されたファイルを選択してくれます。やっぱりホームページは更新していくものですからね、それもまた楽しいものだし、頻繁に更新しないと訪問者も飽きてしまいますからね(^_^;)

■一通り完成したら

実際はもうちょっと覚えたほうがいいものができます。ただ、一連の作業を知っていれば、この先もきっと理解が早いでしょう。とりあえずこれだけ覚えれば十分です。この先は、「豆知識」のページも見てみてくださいね^^。必ず役に立つと思いますよ。また、姉妹サイトの「HTMLタグの森」で、ほかのタグを使ってみましょう。結構面白いタグがありますよ^^
同じく「スタイルシートの森」でもいろいろな指定法があるので参考にしてください。
  <table> (表)や <marquee>(スクロール)などはよく使うタグなので、使ってみて下さい。table はレイアウトにも使えます。ページ全体を表でレイアウトするんです。いろんなサイトのソースを見てみてください、table使ってるサイトがけっこう多いはずですよ。慣れるまではちょっとややこしいですが・・・・。ちなみに「スタイルシートの森」はテーブルレイアウトです。

また、フラッシュ素材なんかを取り入れるのもいいかもしれないですね。HTMLの知識がないとちょっと難しいですから・・・。

出来上がったら、普段使ってるブラウザ以外でも見てみることもお勧めします。特に InternetExplorer 6 と7 での確認は必須です。レイアウトが変わることがあります。また、余裕があればFireFoxでも見てみましょう。 もちろん無料で配布されています。
window.google_render_ad();
訪問者のなかにはInternetExplorer以外を使ってる方もいます。そういった方たちへの配慮も当然必要です。

あと、HTMLの文法チェックもしましょう。チェックするといっても自力では大変なので、チェックしてくれるサイトを利用します。
Another HTML-lint gateway
ここでは、チェックしたいページのURLを入れて「チェック」ボタンを押すだけです。エラーの多さに驚くでしょう・・・。おそらく100点満点を取るのはほぼ不可能でしょうね・・・。

管理人もかなりの数のエラーがあります(汗。。)まぁエラーがあるから必ずしも表示に問題あるかといえば、そういうわけでもありません。推奨されてないとか、本来はだめとか、こうするべきということが多いのです。警告には点数があって数字が大きいほど深刻ということです。本来HTMLは厳格なものであるのですが、細かいミスや記述すべき文書を書かない場合でも、ブラウザなどが柔軟に対応してくれます。本来こういうことは言うべきじゃないのかもしれませんが、そんなに神経質にならなくても・・・ね(汗、、)もちろん改善できるならしたほうがいいんですよ^_^; これからXHTMLが標準になればなおさらです。また、もしプロを目指すならね^^
かなり便利な機能なのでぜひ利用してみてください。こんなのを提供してくれる作者さんには感謝です。

※2010.1.13追記
本格的なサイトを作りたい、もっとステップアップしたい方のために中級偏を作りました。
さらにレベルの高いサイト制作を行います。
基本が身についていればきっと簡単に理解できると思いますので、ぜひ一度覗いてみてください^^

3日で作るホームページ中級偏→

■最後に

ホームページ作りは、簡単だけど、奥が深いというのが管理人の印象です。なので、本格的なサイトを作ろうと思えば、それこそ勉強しないといけません。こんなこというのはなんですが、できれば本を何冊かは持っておくことをおすすめします。「ホームページ辞典」系などなんかはHTMLにスタイルシート、Javaなんかも載っていて、一つあればけっこう便利です。

「なんだ、結局金かかんのか〜」って思うかもしれませんが、ネットで調べるよりも効率がいいというのも事実です。また、好きなときに、場所を選ばず読める点でもネットよりも優れていると思います。

なにごとも初めが肝心です。初めにくじけてしまうと、続きません。なので、このサイトでは基本的で簡単なものを取り入れています。とは言っても、ここでの基本を覚えれば、あとは応用だけなので、簡単に理解できると思います。

最後に、お付き合いありがとうございました。ホームページ作りは、時にうまくいかなくて嫌になってしまうこともあると思います。管理人も今だにあります・・・。でも、あきらめればそこで終わりです。必ず答えは見つかるものだし、そういった経験が何物にも代えられない「力」になるのだと思います。(カッコイイこと言った?(笑)
イライラしたら、コーヒーやお茶を飲んだり、酒でも飲んで寝てしまうのも効果的ですよ♪

今後もますますWebの必要性は高まっていくと思うので、プロを目指す方、趣味でやる方いろいろだと思いますが、きっと役に立つ知識だと思います。
では、今後のご健闘を祈ります( v ̄▽ ̄)  see you again!(*^-')/~☆Bye-Bye♪ 
あ!完成したら、URLを教えてくださいね!はりきって見に行きます!!^^掲示板でもメールでもなんでもいんで♪ それから、ぜひ相互リンクしましょう☆ヽ(▽⌒*)♪

作らなければいけないが、どうしてもうまく作れない方

こういったことを書くつもりはなかったのですが、お問い合わせをいただくことが何度かありましたので。
お店の案内サイトや、会社の案内サイトなど、どうしても作らなければいけない状況になっているけど、
どうしても上手く作れないという場合、 HPの制作を割安でお受け致します。

もちろん自分で作るのが理想ではありますので、あくまで最後の選択肢とお考えください。
絶対に自分で作るぞ!という方は以下は読み飛ばしてください^^;

作ってはみたが、もっとかっこいいサイトにしたい・・・
作りたいが時間がない・・・
SEO対策もしっかりとしたサイトを作りたい・・・
制作会社は高くて頼めない・・・
などなど。

金額に関しましては、業種やご希望によっても変わってきますが、
制作費を分割するという形とし、月々の更新料(更新業務、SEO対策含む)を合わせて
おおよそ毎月1万5千円前後とします。※ドメイン(年950円程度)・サーバー代(年1万円程度)は別途
その他手数料等は一切いただきません。
もしも、制作後気に入らない場合はいつでも無条件で解約できるものとします。
(ただし契約1年未満の場合、解約と同時にサイトはこちらで削除させていただきます。
サイト制作のみが目的で、作らせてすぐに解約されることを防止するためですので何卒ご了承ください。)

一年以降は制作費分は終了とし、更新頻度などに応じて月5千円〜1万円の更新管理費のみとなります。
この時点で解約された場合は、サイトはそのままお渡し致します。

これらは一度直接お会いして打ち合わせをさせていただいた上で決定したいと思います。
※直接お会いしての打ち合わせにつきましては、東京都内、及び近県の方に限らせていただきます。
その他の県につきましてはご相談ください。

安かろう悪かろうというものを作ることはありません。
制作したものをご覧になり、納得できたらお支払いを開始してください。

普段は制作会社に勤務しており、あくまで個人での請け負いですので、
更新作業は夜、または早朝になりますので、制作会社の場合と比べると対応が遅くなることもありますが、なるべく迅速に対応します。また日中は電話に出られないことがありますので、
基本的にはメールでのやりとりとなります。
そのあたりも考慮した割安な金額設定になっております。

制作のご相談はこちらよりご連絡ください。
HP制作のご相談⇒

 

Copyright(C)2007 3日で作るホームページ all rights reserved.