TOPページ メールサイト? HPを作ってみよう HiroのHP
作成体験
ネットバンク Hiroのページ Hiroの独り言 Hiroへメール
Hiroのホームページ作成体験

Hiroのホームページ作成体験

 「HTML」コード貼り付け追加
  背景に色をつける


まず始めに、HP作成の前にHPスペース(Fc2)に登録。
Hiroのホームページ作成体験

私がつかっているのは「ホームページビルダー」です。

私の場合、メールサイトを紹介するためのHPを最初に作成しました。
従って、紹介用のバナーを貼って文章を書いたり表を作ったりしました。
ここでは、「ホームページビルダー」での上記作業の仕方について説明します
一般的な文章や表の入力作業は出来るものとしています


レイアウトを決めます。一から作るのは面倒なので気に入ったレイアウトのサイトを
見つけておいておきました。


ホームページの拡張子をhtmlに変更する

右上の「環境設定」から「HTMLファイルの設定」HTMLファイルの拡張子タグを
htmから「html」に変更し「OK」をクリック

(ホームヘージの拡張子は「htm」と「html」がありますサーバーによってどちらかあるいはどちらでもと言う場合があります。登録したホームページスペースで確認ください)
1.
まずは「かんたんモード」
最初は「かんたんモード」になっていると思います
モードの切替は左上の「表示」から「編集スタイルの切替」で変更します
2.
「スタート」から
「ページ作成」
表示環境は「PC(通常)」で
「通常ページ」「白紙から」「標準モード」を選択「完了」
3.
レイアウトを決める
気に入ったレイアウトのサイトをj真似て作成
4.
文章などの作成
自分らしい言葉で文章を作成する
5.
バナーの貼り付け
必要なバナーをコピーしてくる
(左クリックでドラッグまたはバナー上で右クリックから「コピー」)
配置したい所にカーソルをもっていき貼り付ける
(左クリックでカーソル位置を決め右クリックから「貼り付け」)
6.
バナーのリンク付け
リンクさせるURLをコピーして
(左クリックでドラッグして右クリックから「コピー」)
バナーデータに貼り付ける
(バナー上で右クリックから「リンクの設定」URLタブに右クリックから「貼り付け」)
7.
表の作成
表を貼り付けたい位置にカーソルをもっていき、左側の「ナビメニュー」の「表の挿入」をクリック
段数・列数及び枠の有無のチェックを確認し「OK」
表の中にバナーや文章を入力する
表の大きさは枠の黒点をドラッグして変更
8.
文字の変更
文字の大きさ・色・形は上の”A”で変更する
9.
ページの保存
上の「ページの保存」から、任意のフォルダに「名前を付けて保存」から保存する
トップページの名前は”index”とすること
10.
サイトを作成する
各ページが出来たら「スタート」から「サイトを作成する」
indexファイルを選択サイトを作成する
サイトを作成しておくと他のリンクページがすぐに判るようになる
11.
アップロード
上の「ページの公開」からホームページをサーバーに転送する。
このとき、登録したホームページスペースの入力項目があるので登録完了の連絡メールをプリントしておこう。

簡単な説明ですが、だいたいこれだけでホームページが出来ます・・・たぶん
いや、私もこれ位で作りました。
細かい部分は「ホームページビルダー」の解説を読んでください
「ホームページビルダー」しか使ったことが無いので、お持ちで無い人には申し訳ありません。
お持ちで無い人は
HPを作ってみよう
を参考にHP作成にチャレンジしてください。

どうしてもホームページ作成が無理と言う方はHiroの独り言を読んでくださいね

※ホームページ作成の注意事項
ホームページ作りは、一度作成したら終わりと言うわけではありません。完成ということもないのかもしれません。
情報は常に変化し変更されています、作ったままでほったらかしにするのはダメです間違った情報であっても、たまたま見た人が信じてしまうかもしれません。
もし、更新が出来ないのであればHPを閉めることも必要かもしれません。


12.
「HTML」コード貼り付け
アフィリエイトなどの広告を貼り付ける場合「HTML」コードを使用します。
@モードの切替え、左上の「表示」から「編集スタイルの切替」で「スタンダード」に変更します。
A必要な「HTML」コードをコピーしてくる
(必要な「HTML」コードを右クリックから「コピー」)
B左上の「ページ編集」で配置したい所にカーソルをもっていき「HTMLソース」をクリックするとHTMLモードになり挿入したい位置にカーソルがあります。
Cカーソルが点滅している所で「HTMLコード」を貼り付ける(右クリックから「貼り付け」)
D左上の「プレビュー」で確認

13.
背景に色をつける
@背景に壁紙を貼る・・・左の「ナビメニュー」「壁紙の挿入」から「素材」「ファィル」をクリック気に入った壁紙を選択する
A背景に色をつける・・・上の「表示」「カラーパレット」、するとカラーパレットのタブが表示される。好きな色をクリックして選択、色をつけたい表などにカーソルをもっていきカラーパレットの「適用」をクリックする

WADAXレンタルサーバー では、セコムトラストネットとの戦略的業務提供を行い、
「セコム不正侵入検知サービス」「セコム定期脆弱性診断」「セコムパスポート」
といった、サーバー運用上では必要不可欠である、各種セキュリティーサービスを
無料でご利用頂ける専用サーバーサービスを先頃リリース致しました。
Click Here!

Click Here!


このページTOPへ


SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送