ホームページできるかな/超初心者さん向きHP作成
Web dekirukana.net
サイトメニュー タグの簡易プレビュー 206 Web Ranking お気に入りに追加
トップページ
HPのはてな?
HPはどこにある?
HPのなかみ
HTMLって?
相対・絶対パス
つくってみよう!
用意するもの
作成手順
HP用素材
基本の小技集
HPを公開!
もっと知ろう!
タグのプレビュー
いろいろな色
特殊文字
記号のよみかた
PCコラム
メール
メールフォーム BBS
掲示板

リンク
リンクについて
お役立ちリンク
自動相互リンク
レンタルサーバー
プロバイダー
広告でおこづかい
参考文献

作成手順

> とにかくはやく作ってみたいという方はこちらへ→メモ帳で作ってみる

1.どんな内容のホームページにするかを決めましょう
2.どんなデザインのホームページにするかを決めましょう
3.つくってみよう!メモ帳で作ってみる
4.FTPソフトを使ってサーバーに送りましょう

1.どんな内容のホームページにするかを決めましょう

どんなホームページにするかは決めていますか?
わたしもそうでしたが、初心者さんは「ホームページを持ちたい」という気持ちが先走ってしまって、内容は二の次になる傾向にあるようです。

「とりあえず何か」作っても、もちろんいいでしょう。作っているうちにHTMLも覚えていきます。ただこれは持続性がないんですね〜(経験済)。やはり初めに何か明確な目的を持って作り始めたほうが良いです。
日記や、映画や本の感想、、詩や小説、写真etc...なんでもいいです。自分の得意なもの、メインとなるコンテンツ(項目)を決めましょう。これを決めないうちはサイト名も付けられませんよね。

メインコンテンツの他には「自己紹介」「リンク集」「掲示板」等がお約束でしょうか。
日記や掲示板は無料でレンタルできるところがたくさんありますし、写真はデジカメで撮ったものならインターネットを通じて保管・公開できるスペースを貸してくれるところもあります。
自分の作りたいものが明確であれば、こういった色々なサービスも探しやすいですね。

「無料情報フォルダ」
無料HP作成関連、無料情報関連、素材関連など、HP作成に役立つ無料情報を集めたリンク集です。
「無料イエローページ」
無料サービスの黄色い便利帳。厳選された良質な無料サービスのリンク集です。
「ホームページの情報屋さん」
ホームページ作りのポータルサイト。きめ細かなカテゴリ・項目で目指すものがすぐ見つけられます。


2.どんなデザインのホームページにするかを決めましょう

デザイン、といっても、はじめから完成形を思い描く必要はないですよ。印刷物(紙媒体)とインターネットの大きな違いはここにあります。印刷物は一度印刷してしまうと二度と直せませんが、インターネットは秒単位で変更可能です(「更新」とよく言いますね)。
ですから、作成前に決めておくのは

> 基調となる色(1〜3色程度)
> サイトイメージ(ポップなかんじ、クールなかんじ、等、だいたいのイメージ)
> メニューの配置場所

くらいで充分です。イメージに合わせて素材を集めておきましょう。→ ホームページ用素材
あとは作りつつ体裁を整えていけばいいでしょう。


3.つくってみよう!

「用意するもの」は揃っていますか?それでは作ってみましょう!作り方については他のページに詳しいのでそちらをご覧くださいね。

> メモ帳で作ってみる・・・Windows付属フリーソフト「メモ帳」でのホームページの作り方を簡単に解説しています。
> 基本のタグ・小技集・・・ホームページはHTMLタグで作ります。自分の作りたいものに合わせてタグを使いましょう。
> 作成サンプル・・・主にDreamweaver4の操作とソースの解説です。

Link:
「みんなのタグ辞書」
シンプルで軽いHTMLタグ辞書サイト。
「TAG INDEX」
HTMLタグの検索サイト。的確な注釈がありとても勉強になります。慣れてきたらこちらで理解を深めましょう。


4.FTPソフトを使ってサーバーに送りましょう

1ページでもできたら、そのHTML文書に「index.html」と名前を付けてサーバーのあなたのお部屋に送ってみましょう。画像を使用している際はこれも忘れずに。これを「アップロード」といいます(反対語は「ダウンロード」です)。

> HPを公開!FFFTP

アップロードが完了したらブラウザソフト(インターネット)を起動して、あなたのお部屋の住所、ホームページアドレスを入れてみましょう。
作成したページが表示されれば成功です☆
相対パス・絶対パス HTMLって? ホームページのなかみ ホームページはどこにある? 作成手順 作成サンプル 用意するもの ホームページ用素材 HPを公開!FFFTP 基本の小技集 コラム 特殊文字 記号のよみかた いろいろな色 タグの簡易プレビュー
Copyright(C) 2003-2005 laz All rights reserved.
動作確認 Win98・WinXP/IE6 MacOS9.1/IE5 当サイト内の無断使用及び無断転載を固く禁じます。