自分でやってみよう ；1 自分でウェブページを作成してみよう，ウェブ道を歩こう

ジオシティーズを利用させていただいて、ホームページを立ち上げました。全く予備知識なしで、参考書を拾い読みし、少しずつウェブページを増やして現在に至っています。今後もウェブ道を歩き、徐々にレベルアップしていきたいです


◇リンク一覧◇
⇒HOME
⇒自分で作ってみよう1；テレビ置き台
⇒自分で作ってみよう2；CD収納庫
⇒自分で作ってみよう3；カメラディスプレイ
⇒自分で作ってみよう4；コンポ置き台
⇒自分で作ってみよう5；LEDスタンド
⇒自分で作ってみよう6；実績LIST（リスト）
⇒自分で作ってみよう7；TOOL＆MATERIAL（工具＆材料）
⇒自分でやってみよう1；WEB PAGE STUDY（ウェブ道を歩こう）
⇒自分でやってみよう2；GARDENING（植栽管理）
⇒自分でやってみよう2；GARDENING2（植栽管理2）
⇒自分でやってみよう3；HOUSE CLEANING（家の清掃）
⇒自分でやってみよう4；HOUSE MAINTENANCE（家の保全）
⇒自分でやってみよう5；TRAVEL（旅行）
⇒自分でやってみよう5；TRAVEL2（旅行2）
⇒自分でやってみよう6；RADIO CONTROL（ラジコン）
⇒自分でやってみよう7；WALKING（ウォーキング）
⇒自分でやってみよう7；WALKING2（ウォーキング2）
⇒自分でやってみよう8；MY PC HISTORY（私のパソコン歴）
⇒自分でやってみよう9；MY FOREIGN LANGUAGE （私の外国語歴）
⇒自分でやってみよう10；MY CAR HISTORY（私の自家用車歴）
⇒自分でやってみよう11；VIDEO & CAMERA（ビデオ＆カメラ）
⇒自分でやってみよう12；POWER SAVING（節電）
⇒自分でやってみよう13；MY EVENT（私の出来事）
⇒自分でやってみよう14；MY THOUGHTS（私の雑感）
⇒自分でやってみよう15；STOCKTAKING（商品箱の棚卸）
⇒自分でやってみよう16；ENJOY AUDIO （オーディオ機器を楽しもう）
⇒自分でやってみよう17；ENJOY WATCH （時計を楽しもう）
⇒自分でやってみよう18；ENJOY CONTROL（管理学を実践しよう）
⇒恵那峡トレッキング；ENJOY TREKKING（トレッキングを楽しもう）
⇒自分でやってみよう19；STUDY MANSION CONTROL(管理員学を実践しよう)
⇒自分でやってみよう20；STUDY AUTOCAD(オートキャドを会得しよう)
⇒自分でやってみよう21；HP ANNIVERSARY(ホームページ開設一周年)
⇒やってみました海外生活；OVERSEAS LIFE(海外生活体験談)
⇒ハウスクリーニング学＆納屋理論；STUDY HOUSE CLEANING(ハウスクリーニング学を実践しよう)
⇒こんな商品を買いたい；STUDY NEW GOODS（新商品を研究しよう）
⇒私見自制学集；MY OPINION（恐れながら申し上げます）
⇒私のエンタメ体験史；MY HISTORY OF EXPERIENCE ON ENTERTAINMENT（私のエンタメ体験を振り返ります）
⇒車体小僧；MY HISTORY OF EXPERIENCE ON BODY SHOP（私の車体小僧振りを振り返ります）
⇒私は"お掃じいじ"です；MY HISTORY OF EXPERIENCE ON HOUSE CLEANING（お掃除のエキスパートを目指している"じいじ"です）
⇒自分でやってみよう22；A 3RD-YEAR STUDENT STUDYING WEBDOU（私はウエブ道を歩んでいる三回生です）
⇒言わせて一言；何もできないので；LET ME JUST SAY ONE THING　（私に一言言わせてください）
⇒ゆふいんの森5号で由布院に行ってきました；WE VISITED YUHUIN BY YUHUIN NO MORI 5 GOU　
⇒私のステップアップ物語；MY STEP UP STORY　
⇒私のパスポート物語；MY PASSPORT STORY　
⇒私のインターネット物語；MY INTERNET STORY　
⇒自分でやってみよう23；A 4TH-YEAR STUDENT STUDYING WEBDOU（私はウエブ道を歩んでいる四回生です）
⇒自分でやってみよう24；TRY MEASURES TO PREVENT DISASTERS（防災を考えよう）
⇒山の田んぼに行く道；ACCESS TO THE RICE FIELDS IN THE MOUNTAIN
⇒ふるさとウォーク；WALKING HOME
⇒錦帯橋ウォーク；WALKING KINTAIKYO
⇒塔ノ沢の初冬；TOUNOSAWA IN EARLY WINTER
⇒湯河原梅林散策；WALKING AROUND YUGAWARA-BAIRIN
⇒スケッチブックに夢を描く;DREAMS ON THE SKETCHBOOK
⇒新神戸駅で下車しました;WALKING AFTER GETTING OFF AT SHIN-KOBE STATION
⇒松山・高知に行ってきました;I WENT TO MATSUYAMA AND KOCHI
⇒修善寺駅で下車しました;WALKING AFTER GETTING OFF AT SHUZENJI STATION
⇒自分でやってみよう25；MOVING SERVER（サーバをかえてみよう）
⇒伊豆クレイルで伊豆急下田駅に行ってきました; WE VISITED IZUKYU-SHIMODA STATION BY IZU CRAILE
⇒自分でやってみよう26；HISTORY OF MY WORKING TO NURSE ELDERLY PERSON（私の介護史をまとめてみました）
⇒近江八幡に行ってきました;WE VISITED OMIHACHIMAN
⇒生涯賃金をみてみよう;LET'S CHECK THE LIFETIME WAGES
⇒アジサイのライフサイクルをみてみよう;LET'S MONITOR LIFE CYCLE OF AJISAI
⇒私の病院・医院遍歴;LET'S OPEN THE DOORS OF MY HOSPITAL・CLINIC RECORDS
⇒自分でやってみよう27; KANRIINDO IS ALREADY DONE（管理員道を実践してみました）
⇒自分でやってみよう28; RENTING SERVER（サーバを借りてみよう）
⇒周防富士ウォーク；WALKING SUOFUJI（周防富士周辺を散策します）
⇒箱根登山電車に乗ってみました；I TOOK THE HAKONETOZAN DENSYA （車窓の景色を撮影しました）
⇒学窓追想；I REMEMBER SCHOOLDAYS（学校時代を振り返ってみました）
⇒クエルナバカ追想；I REMEMBER THE PERIOD AT CUERNAVACA（クエルナバカ出張時代を振り返ってみました）
⇒メルボルン追想；I REMEMBER THE PERIOD AT MELBOURNE（メルボルン出向時代を振り返ってみました）
⇒ウェブ追想；I REMEMBER MY WEB_HISTORY（私のウェブの歴史を振り返ってみました）
⇒山の田んぼ追想；I REMEMBER YAMANOTANBO（山の田んぼを振り返ってみました）
⇒私の精選十大危機；MY SELECTED 10 CRISES（私の十大危機を精選してみました）
⇒ウェブ練習；MY WEB EXERCISE（私のウェブを練習します）
⇒私の地震対策；MY EARTHQUAKE COUNTERMEASURES（私は地震対策を考えています）
⇒コロナ緊急事態宣言；A STATE OF EMERGENCY WAS ANNOUNCED ON CORONA（コロナ緊急事態宣言が発令されました）
⇒瀬戸内散策；WALKING SETOUCHI（瀬戸内海周辺を散策します）
⇒名古屋駅スタート旅；TRIP FROM NAGOYA STATION（名古屋駅起点の旅をしました）
⇒嵯峨嵐山駅で下車しました；WALKING AFTER GETTING OFF AT SAGAARASHIYAMA STATION（貴重な秋の一日でした）
⇒自分でやってみよう14；MY THOUGHTS2（私の雑感2）
⇒自分でやってみよう13；MY EVENT2（私の出来事2）
⇒自分でやってみよう2；GARDENING3（植栽管理3）
⇒自分でやってみよう2；GARDENING4（植栽管理4）
⇒私見自制学集2；MY OPINION2（恐れながら申し上げます2）
⇒自分でやってみよう29；HOW TO MAKE PICTURES AND VIDEOS（静止画、動画の作り方）
⇒シラチャ追想；I REMEMBER THE PERIOD AT SRIRACHA,THAILAND（シラチャの生活を想い出してみました）
⇒地球規模フライト奮闘記；THE WORLD WIDE FLIGHT NOTES（地球規模のフライト奮闘経験を記します）
⇒フィリピン追想；I REMEMBER THE PERIOD AT THE PHILIPPINES（フィリピン時代を想い出してみました）
⇒熱海梅園追想；I REMEMBER THE ATAMIBAIEN（熱海梅園を想い出してみました）
⇒安曇野追想；I REMEMBER THE ADUMINO（安曇野を想い出してみました）
⇒飛騨高山追想；I REMEMBER THE HIDATAKAYAMA（飛騨高山を想い出してみました）
⇒ギリシャ追想；I REMEMBER THE GREECE（ギリシャを想い出してみました）
⇒フランス追想；I REMEMBER THE FRANCE（フランスを想い出してみました）
⇒平生追想；I REMEMBER THE HIRAO（平生を想い出してみました）
⇒機械工学科追想；I REMEMBER THE DEPARTMENT OF MECHANICAL ENGINEERING（機械工学科を想い出してみました）
⇒箱入り収集品追想；I REMEMBER THE BOXED COLLECTIONS（箱入り収集品を想い出してみました）
⇒皐月庭追想；I REMEMBER MY GARDEN IN MAY（皐月庭を想い出してみました）
⇒自分でやってみよう14；MY THOUGHTS3（私の雑感3）
⇒自分でやってみよう14；MY THOUGHTS4（私の雑感4）
⇒自分でやってみよう14；MY THOUGHTS5（私の雑感5）
⇒ガーデン日記季節雑感；DIARY ON MY GARDEN OF SEASONS（ガーデンの様子を書き綴ってみます）
⇒自分でやってみよう30；ACTION FOR POWER SUPPLY SHORTAGE（電力不足を考えてみました）
⇒退職後のマイライフを楽しもう；ENJOYING MY LIFE AFTER RETIREMENT（無職三昧）
⇒やったね体験談；EXPERIENCES OF GOOD JOB（やったね体験談をリストアップしてみます）
⇒水無月庭追想；I REMEMBER MY GARDEN IN JUNE（水無月庭を想い出してみました）
⇒文月庭追想；I REMEMBER MY GARDEN IN JULY（文月庭を想い出してみました）
⇒葉月庭追想；I REMEMBER MY GARDEN IN AUGUST（葉月庭を想い出してみました）
⇒原発談；MY OPINION ON NUCLEAR POWER PLANT（原発について真剣に考えてみました）
⇒長月庭追想；I REMEMBER MY GARDEN IN SEPTEMBER（長月庭を想い出してみました）
⇒神無月庭追想；I REMEMBER MY GARDEN IN OCTOBER（神無月庭を想い出してみました）
⇒霜月庭追想；I REMEMBER MY GARDEN IN NOVEMBER（霜月庭を想い出してみました）
⇒養老の滝旅追想；I REMEMBER YOUROUNOTAKITABI（養老の滝旅を想い出してみました）
⇒師走庭追想；I REMEMBER MY GARDEN IN DECEMBER（師走庭を想い出してみました）
⇒睦月庭追想；I REMEMBER MY GARDEN IN JANUARY（睦月庭を想い出してみました）
⇒如月庭追想；I REMEMBER MY GARDEN IN FEBRUARY（如月庭を想い出してみました）
⇒弥生庭追想；I REMEMBER MY GARDEN IN MARCH（弥生庭を想い出してみました）
⇒卯月庭追想；I REMEMBER MY GARDEN IN APRIL（卯月庭を想い出してみました）
⇒1800日のロスタイム；1800 DAYS LOST TIME（1800日の老後生活をロスしました）

◇動画収集◇
**自分でやってみよう1_001；
ホームページを作成してみました；動画ファイル（MP4）
ホームページを作成してみました

**自分でやってみよう1_002；
写真を増やしてみる；動画ファイル（MP4）
写真を増やしてみる

**自分でやってみよう1_003；
本動画はMP4ファイル動画映像を掲載した例を示す；動画ファイル（MP4）
本動画はMP4ファイル動画映像を掲載した例を示す
**自分でやってみよう1_004；
本動画ファイルMP4はCONTAINERを使用して枠で囲んでセンタリングをした例を示す；動画ファイル（MP4）
本ビデオファイルMP4はCONTAINERを使用して枠で囲んでセンタリングをした例を示す
**自分でやってみよう1_005；
ヒマワリ畑に出会いました；動画ファイル（MP4）
ヒマワリ畑に出会いました
**自分でやってみよう1_006；
菜の花畑に出会いました；動画ファイル（MP4）
菜の花畑に出会いました
⇒戻る

ホームページを作成してみました（右側はソースを表す）；動画ファイル（MP4）

ディスプレイ全景

自分でやってみよう ;１　自分でウェブページを作成してみよう，ウェブ道を歩こう

1. テキストを読む
2. ウェブページを増やしてみる
3. 写真を増やしてみる
4. 箇条書きを増やしてみる
5. 表を作ってみる
6. リンクを設定してみる
7. 或る部分にリンクを設定してみる
8. 文字の色を設定してみる
9. ウェブページのジャンルを変えてみる
10. プリントされている写真、データをスキャナーで読み込ませる
11. エクセル、ワードの文章をPDFに変換しウェブ上に読み込ませる
12. 動画映像を読み込ませる
13. 枠で囲んでセンターに寄せる
14. 「自分でやってみよう,ウェブ道を歩こう」解説PDF

1. テキストを読む

1. はじめてのホームページ作成、HTML＆CSSなどのテキストを学習する
2. 無料ホームページサービスを利用する
3. ホームページ作成ウェブで、テンプレートを選択する
4. テンプレートをモディファイし、画像の配置、文字列の配置を増やす

2. ウエブページを増やしてみる

1. リンク数を増やすために、ウェブページ数を増やす。当初5ページだったが、現在は
10ページになっている

HOME
テレビ置き台
CD収納庫
カメラディスプレイ
コンポ置き台
LEDスタンド
LIST
TOOLMATERIAL
WPSTUDY
GARDENING

3. 写真を増やしてみる

1. 様々な角度から撮影し、写真の種類を増やし、内容を充実させる
2. ウェブページに画像を挿入する手法を学習する（IMG style="------.JPG"
3. 画像データーのサイズ変更（100KB〜50KB程度に）を実施する
4. 画像データーをファイルマネージャーにアップロードする。画像の記述"alt"はJPGの次に記述する

パソコンデスク全景
パソコンデスク部分拡大

4. 箇条書きを増やしてみる

1. 箇条書きを追加すれば、箇条書き手法が学習でき、内容が充実してくる。上段は番号なしドット付きリスト、中段は番号付きリスト、下段は番号なしドットなしリストを示す
2. UL LI OL DL DT DD の使い方が学習できる

  • テレビ置き台
  • ＣＤ収納庫
  • カメラディスプレイ
  • コンポ置き棚
  • LEDスタンド

  1. テレビ置き台
  2. CD収納庫
  3. カメラディスプレイ
  4. コンポ置き棚
  5. LEDスタンド

テレビ置き台
CD収納庫
カメラディスプレイ
コンポ置き棚
LEDスタンド

5. 表を作ってみる

1. 表を作る手法が学習でき、ウェブページの内容が充実してくる
2. TR TH TD 等の区別の学習
3. ＜TABLE border=1＞＜TBODY＞＜TR＞＜TD＞を学習する
4. セルの幅指定を＜TD width=600＞で行う

6. リンクを設定してみる

1. リンク設定の手法が学習でき、ウェブページの内容が充実してくる
2. 下記は別ページにリンクを設定した例を示す

HOME
テレビ置き台
CD収納庫
カメラディスプレイ
コンポ置き台
LEDスタンドLIST
TOOLMATERIAL
WPSTUDY
GARDENING

7. 或る部分にリンクを設定してみる

1. リンク設定の手法が学習でき、ウェブページの内容が充実してくる
2. 下記は別ページ或る部分にリンクを設定した例を示す

カメラディスプレイを作ってみよう
LEDスタンドを作ってみよう

8. 文字の色を指定してみる

1. 文字色の設定の手法が学習でき、ウェブページの内容が充実してくる
2. 下記は文字色（赤と緑）を設定した例を示す

  • カメラディスプレイを作ってみよう＜LI style="color:red"＞
  • LEDスタンドを作ってみよう＜LI style="color:yellow"＞

9. ウェブページのジャンルを変えてみる

1. ウェブページのジャンルを変えることによって、ウェブページが増えてくる。研究材料も増えてきて、様々な角度の手法が学習できる
2. 自分でやってみよう；自分で作ってみよう、自分でウェブページを作ってみよう、自分でガーデンニングをやってみようなど拡大していきました

10. プリントされている写真、データをスキャナーで読み込ませる

1. デジタル写真以前のプリントされている写真を使用したいと考えていた
2. 手持ちのスキャナーを利用し、プリント写真をパソコンに取り込み、JPGで、ウェブに取り込ませることができ、データが増え、ウェブページの製作に巾ができた
3. データをスキャナーで読み込ませ、ウェブ上で展開できるかトライした

スキャナー読み込み写真
スキャナー読み込みデータ

11. エクセル、ワードの文章をPDFに変換しウェブ上に読み込ませる

1. エクセル、ワードの文章をPDFで名前を付けて保存する。これでPDFが完成する
2. データを本ファイルマネージャーにアップロードする
3. PDFがWEB上に読み込まれる

PDF自分でやってみよう1；WEB

本PDFは自分でやってみよう1；WEB PAGE STUDYを表す
ヒマワリ畑に出会いました；動画ファイル（MP4）

PDF電気メーター検針値

本PDFは電気メーター検針値を表す
菜の花畑に出会いました；動画ファイル（MP4）

12. 動画映像をウェブ上に読み込ませる；動画ファイル（MP4）

1. 動画映像を15秒〜16秒の長さにトリミングする。音声をゼロ近くまで落とす。MP4に変換する（Aiseesoft　MP4動画変換）
2. 動画ファイルを圧縮する。出力解像度を960×540程度までに下げる。容量を5MB以下に下げる（ApowerCompress）。
3. ウェブ上一発動画起動に変換する（RealPlayer）
4. VIDEOSファイルにアップロードする
5. 動画ファイル（MP4）にリンクを張り、同時に画像を準備する

大観覧車に乗りました

本動画はMP4ファイルで動画映像を掲載した例を示す

13. 枠で囲んでセンターに寄せる

1. ＜div id="container"＞＜/div＞を使用し、左に寄っている構成をセンタリングする
2. 全体構成はもちろんセンタリングしておく

センターに寄せました

本動画ファイル（MP4）は＜div id="container"＞＜/div＞を使用し、
枠で囲んでセンタリング（左側）をした例を示す

14. 自分でやってみよう,ウェブ道を歩こう
「自分でやってみよう,ウェブ道を歩こう」解説PDF

戻る