PC研修会 WEB道場

ホーム > PC研修会 > ホームページビルダー活用

・ 出来るかな？ WEB道場 【テキスト入力】

下記の１～9の作業にチャレンジしましょう！
  1. まず、先週作成したindex.htmを開きましょう。
  2. １行目；あなたのお店の店名を入力してください。書式は見出し1を使用します。
  3. ２行目；お店の宣伝文を記述しましょう。
  4. ３行目；「人気商品のご紹介」と入力して下さい。書式は見出し2を使用します。
  5. ４行目以降はリストマークを使って、１～5位のお店の人気商品を入力下さい。
  6. 文字色・背景色等をページに設定し、タイトルを「リストマークの作成」とします。
  7. 下記↓のロボット検索不要の情報を書き込みます。
  8. 完成後、WEB道場のあなたのディレクトリーにアップロードしてください。
  9. 最後に、転送が出来ているかブラウザで表示を確認して作業完了です。
    （文字色・背景色はお好みで設定してください）
    （2～4の入力内容は架空の事柄で結構です）
このサイトWEB道場は、「架空店舗の情報」及び「間違った情報」を発信します。
その為に、検索ロボットが情報収集しないように下記の操作をして下さい。
メニューバーの 編集 ⇒ ページの属性 をクリックして下さい。
下記の画面で①クリアをクリック、②のようにrobotsとnoneを入力し、
③をクリックし、ロボット検索不要の指示を登録します
   

下記のように↓NAME属性と値が書き込めておればOKをクリックして下さい。
   

見出しと リスト

今回は段落の挿入/変更（見出し）と、リスト（箇条書き）を使用します。

<ヒント>下記のボタンを使用します。
ボタン 機能
段落ボックスです。カーソル位置の段落を挿入/変更します。
「リストの挿入」ダイアログを表示します。
Wordで使用するリスト作成と同じです。
Enterキー（改行）と、Shiftキー+Enterキーの違いを、まず覚えましょう。
Enterキーの改行は、いわゆる標準の段落が新しく設定されます。（<P>タグが挿入）
Shiftキー+Enterキーの改行は今の行の書式を継承して改行します。（<br>タグが挿入）

ファイル転送の注意点

他人のファイルを書き替えている方が見受けられます。
ファイル転送設定の「サーバーの初期フォルダの設定」を確認の為、
ファイル転送画面を再チェック願います。
  1. ファイル転送設定の「サーバーの初期フォルダの設定」でフォルダの指定がされていないと下記の画面になります。この画面で転送すると /public_html のindexファイルを上書きしてしまいます。

  2. 上画面で自分のフォルダをダブルクリックで開くと、下の画面になります。
    ironman の転送先フォルダは、下記のピンクの□になります。
  3. 従って、上記の□（/public_html/ironman）をコピーして、ファイル転送設定の
    「サーバーの初期フォルダの設定」の「指定されたフォルダ」に貼り付けをします。
    ↓のように設定できればOKです。自分専用のフォルダが最初に開く設定になりました。
【用語説明】
<P>タグ？<br>タグって？
ホームページは HTML という言語を用いて記述されており、ブラウザが読み取って表示しています。ホームページビルダーは、HTML言語を自動作成してくれるソフトです。
<P>～</P>の～の部分が段落で、<br>が改行を示すタグです。
HTMLソースの画面で表示されます。ソースで書き換えた方が手早い時も多いです。
後日ソースについても勉強しましょう。
もっと詳しく知りたい方は、こちらへ。
ホームページって？
基本的には、ブラウザを立ち上げた時に一番最初に表れてくるページを指します。
しかし今ではインターネットに表示される1つのページを指す時にも使われます。
サイトって？
通常最初に開くページをトップページ、それ以外のページをサブページと呼びます。このトップページとサブページにリンクを貼り互いのページを行き来します。これらのページを、サーバー上のファイルを置く場所（フォルダ）に転送します。これが自分の「サイト」となります。
2003/7/2
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
Copyright(C)  2000.-2003. Isono.biz AllRights Reserved