どの位の知識・勉強でホームページが造れるか? 難しくないのか?。永く続ける根気があるか?等の不安と
「自分なら出来るカモ。」の小さな自信が入り混じった中で、'11年12月初め早朝より勉強(入門編 できるホーム
ページHTML入門インプレスジャパン社')を始めました。
「案ずるより生むが易(やす)し」。
朝から晩まで勉強の一週間、メモ帳・HTML・JumpやLink・写真貼付け・全体構
成等々、概要の概要を理解することができました。念願のホームページ・Upは直ぐそこです。('12.9.12修正)
ホームページ作り開始3日目位に、プロバイダー(OCN)へホスト・ディレクトリー利用の申込を行な
いました。申込から3日程経って、OCNセンターより、「お客様の@WebアカウントAWebパスワード
Bディレクトリ(転送フォルダ)CFTPサーバー名その他は次のとおりです。」旨のメール連絡があ
りました。
更に4〜5日後からのFTTPによるホスト設定作業は、これまで経験が無く「連絡を受け
た情報を、設定画面の何処に入れたら良いか?!。旨く転送できるか?!。」等不安が頭
をよぎります。が、これも案ずるより産むが易しです。試行錯誤しながら「やっとこ
さ、アップロードでき」しかも、「インターネット画面が見えるのです!!」「感激!!。自分も出来
た!!。」久しぶりに、大きな喜びを味わいました。読み替えた内容は次の通りです。
@Webアカウント→ユーザ名(U)へ AWebパスワード→パスワード/パスフレーズ(P)へ Bディレクトリ
(転送フォルダ)→ホストの初期フォルダ(R)へ CFTPサーバー名→ホスト名(アドレス)(N)へ、他は自
由設定。('12.9.12 修正)
自分のパソコン画面では、正しく表示できるのに、Web経由では、「This is
Sample index.htm. Please replace this page to your index.htm. thank
you.」の画面が出てきてしまった。「???おかしい!!」。翌朝、カスタマーセンターへ、「お助
け」を願った。⇒解説では、接続「履歴が(悪さ)をしている。」との診断で、次の画
面操作により、問題解決しました。
インターネット画面のツール→インターネットオプション
→回覧履歴の削除→履歴(h)のみチェックし(あとの項目はチェック無し)→「削除(D)」ボタンの
クリック
Web上のホームページを「最新の情報」にするには、小忠実(こまめ)
に、写真・テキスト等を追加・修正し、ホストサーバーへ転送(アップロード)する事が
肝要である、とガイド本は記述・案内しています。その最新の情報をUpロード
するときに使うツールが、「ミラーリング」機能付きのFTTPであるとも。
※FTTPツール:データ・情報転送するツール。FTTPウィザード画面で、転送状態を確
認でき、ホスト側の情報(フォルダーやファイル)とローカル側情報の状況がひと目(同時
に)で分かるようにしたもの。鏡(ミラー)の例をとり、ミラーリング機能付きと
云う。
ホスト側の情報(フォルダーやファイル)量とローカル側情報量は同じである筈なのに、
FTTPウィザード画面の左(ローカル側)と右(ホスト側)をよく見ると同じではあり
ません。(.gifファイルと.jpgファイルは、同じですが、.htmlファイルは2%から3%サイ
ズが少ないです。即ち、ホスト側がスリムです。)
何が削除されたのか??。(2012.1.9Up 10/7修正)
”トップページを見映え良くしたい。”ことを目的に、ハウ・ツー本を図書館
から借りてきた。
数日後、ページ分割法やボタン設定法等、懇切丁寧な記述・ガイドにより編集
作業が終わった。なる程、ジャンル分けができ、随分と見易くなった。この本に
巡り合わなかったら、以前の”記述・日記風”のスタイルで終わっていたかも知
れない。
と思うと、この本(はじめてのホームページ実践編(
秀和システム。1,580円。'05年版)を紹介したい。(2012.1.20Up 9/12修正)
同僚であった前途有望な若者(IT会社勤務)が、転勤挨拶を兼ね久しぶりに
拙宅を訪ねてきました。ホームページを創っている小生にとっては、作って間もない画
面を点検してもらえると云う、またとない絶好のグッド・タイミングでした。
乏しい知識を駆使して作ったメモ帳(テキストエディタ)数箇所をプロ並みの手で修正して
もらうと、見違える程良い画面となりました。と同時に、大変便利なツールもインストール
してもらいました。
その便利なツールは”TeraPad(テラパッド)”です。
TeraPadを使うと、「パラメーター部分の色が変わり※」ます。「あったら便利なのに
な〜」と思っていた矢先のこのツールは、正(まさ)しく”天からのお助けMan”でした。
フリー・ソフトです。現在”大感謝しつつ”使っています。
※カラー表示の他、行番号表示等沢山の機能を備えています。(2012.2.1Up 9/12修正)
試行錯誤しながらのホームページ作成作業も終わりに近づいた頃。相当な自信を
持って修正したJava-scriptが上手く動かない。どうしたものか!可笑しい!自信が
あったのにー!エークソーッ!・・・。何とかしたい!!・・・。(このような”
修正・検証作業が丸一日かかりました。)
こんな状況に陥ったときは、先人の「知恵と技」を拝借することが、早道です
!!。一言で云えば"パクリ"です・・・。 ⇒ 最後の最後、採った方法が「"ソースの表示(V)"」
をクリックして、先人の技を真似てみることでした。(2012.2.7Up)
(パクリール)写真差替え機能等Java-script画面の何も書いていない所で、右クリ
ックして”ソースの表示(V)”を選択・クリック。 ⇒ ”テキスト・エディタ”が見れるので、必要な所
(ソース)をコピーし、自分のHtml文に貼り付け・一部修正で「解決」です。
会社を退職し年金生活になると、年に一度は必ず自分で
確定申告をしなければなりません。今年からe-TAX(電子申告)を利用してみること
にしました。が、前項と同様、”悪戦苦闘”のデータ転送となりました。その顛末です。
【ICカードリーダー購入、電子証明書の取得 ⇒ ドライバーソフト(ICカードリーダー)インストール ⇒ 電
子伝送事前準備セットアップ(JKI利用者登録/(1)利用者識別番号取得(2)暗証番号登録) ⇒
申告書・添付書類の作成】迄は、スンナリ出来ました。
悪戦苦闘は、最後のデータ転送(電子申告)です。原因は、申告書等「作成」コーナーと
「提出」コーナーの使い分けをしなかった為でした。(マニュアルには連続(作成→提出)して
送信できるように記述してありますが・・・。)連続して(引き続き)の作業では、ダメでした。
解決策は、簡単です。作成コーナーで作った提出資料をパソコンのディスクトップ等に「保存して置き」、
その後に「提出する」作業に入れば良かったのです。(2012.2.24Up 9/12修正)
写真データ(.jpg)が転送できません!。
OCNのホスティング・無料サービス(10Mバイトまで)が頭をつき、
データ転送が不可能となったのです。早速、セキュリティがシッカリしていて&レンタル料も安いところ
を念頭に検索し、2週間無料の"レンタルサービス(ライト)"を試してみることにしました。(
サーバー会社へ仮申込を行うと、1時間もし
ないうちに手続完了のメールが届きました。)
一度、ホスト設定を経験していることから、今回はFTTP設定・接続試験・ホスト移転等順調
に進みました。FTTPウィザード設定状況は次のとおりです。
@FTPサーバ名(例abcdef.sakura.ne.jp) ⇒ (FTTPウィザードの)ホスト名(アドレス)
(N)へ
AFTPアカウント(例abcdef) ⇒ ユーザ名(U)へ
BFTP初期フォルダ(例www) ⇒ ホストの初期フォルダ(R)へ
Cサーバーパスワード(例fg45abc) ⇒ パスワード/パスフレーズ(P)へ、です。
※1 @〜Cはセンターからの指示メール。その他(自由な)設定は、Dホストの設定名(T)(例sa
kura_server)とEローカルの初期フォルダ(L)(例、E:\homepage)の2項目です。
※2 ホスト設定は順調でしたが、写真( .jpg)の「一括転送」部分で無理がありました。
('12.9.12 Up)
面倒な登録不要! しかも、
「無料で利用できるアクセスカウンター。 表示したい場所にタグを貼るだけ。 プログラムが解らな
くとも大丈夫! 専用サーバーで高速表示!※」(rays社)のカウンター設置記事を見つけ、現在利用
しています。(順調に動いており、rays社さんへ感謝です。) これからカウンター設置を検討して
いる方に、情報共有します。
※ rays社のアクセスカウンター記事へJump
⇒
◎アクセス・カウターに必要なタグ(カウンターは5桁)は、次のとおりです。
【<img src="http://www.rays-counter.com/d178_f5_022/504aa46c3e3e7/"
alt="アクセスカウンター" border="0">】
カウンタープログラムのインストール手順です。 ( さくらインターネット社のレンタルサーバー記事へJump ⇒ )
@さくらインターネット社の「サーバーコントロールパネル」に接続
A画面左の「クリックインストール」をクリック
B「カウンター」をクリックし、好みのカウンターをインストールする。
※ インストール先はホスト(レンタルサーバー)の個人フォルダーへ。フォルダー名は、設定自由(例 mawaru_counter)
設定例、http://abcdef.sakura.ne.jp/mawaru_counter
(作成したフォルダー(mawaru_counter)に、4個のファイル(.log/.txt/.cgi/.tmpファイル)が入っている。)
Ccgiファイルを使うには、カウンターを表示するhtmlファイル(例welcome.html)に、タグを埋め込む必要がある。
※ タグ<!--exec cgi="/mawaru_counter/txcount.cgi"-->をwelcome.htmlファイル内に埋め込む。
(タグは、サーバー会社からの指定。埋め込んだ位置にカウンターを表示する。)
※ 又、センター・サーバーのhtmlファイル(カウンターを埋め込んだwelcome.html)の拡張子を「.shtml」と
書き換える。
(同時に、.shtmlファイルを呼び出すため、関連するファイル(例index.htmlファイル等)の修正が必要です。)
OCNの「ホスティング・10MB・無料サービス」が満杯となり、写真転送ができなくなりました。
殆(ほと)んど写真を送信・蓄積していたことは分かっているのですが、「何枚送っていたのか?」
「新しい1GBサーバーでは何枚送れるか?」等電卓をたたきました。
@現状確認:転送stop直前の写真ホルダーを右クリックし、「プロパティ」をクリック
Aプロパティを読むと、ディスク上のファイル(写真)数158枚、データサイズ9.23MBから
電卓です。9.23MB÷158枚=0.058 ⇒ 写真1枚当たりのデータ量、0.058MB。
B試用中の新サーバー容量は、1GB(1,000MB)から
電卓です。1,000MB÷0.058MB=17,241 ⇒ 1GBサーバーには、写真を約17千枚送信出来ます。
これで大丈夫???。
デジカメで撮った写真を家庭パソコンで観るとき、
Q1. 画素数の多寡と画質の良否を見分ける事ができるか?。 Ans「無理」です。(下の前4枚写真参照)
Q2. では、写真の大きさが変わるのか?。 Ans「その通り」です。(後4枚写真参照。写真が大きくなります)
デジカメとPC作業
・カメラの画像モード:@PC版(1/8圧縮)、A5MB(1/8圧縮)、B8MB(1/8圧縮)、C12MB(1/8圧縮)の4パターンで写す。
・アルバムからPCへコピーの際、前の4枚は、800×600(px)でPCへコピー。後の4枚は、ストレートでPCへコピー。カメラ:Nikon COOLPIX。
PC:VALUESTAR(NEC)
※画像モードとは、 (デジタル)カメラへ記録する際の画像の大きさ(px)と、質(圧縮率)の組合せ
※PC版とは、1,024×768(px)
・前4枚の写真は何れも解像度500×375pxでパソコンに表示している。(写真を同じ大きさにしている。)
@左:PC版、1/8で撮り、800×600でPCコピー、500×375pxでPC表示 A右:2,592×1,944、1/8で撮り、
800×600でPCコピー、500×375pxでPC表示
文章を、「InternetExplorerとNetsapeのどちらでも点滅して表示さ
せたい場合は、JavaScriptを使用することをおすすめします。」の記事
へJump。
⇒
Jump先のサンプルソース(JavaScript文)を、自分のHtml文に貼り付け・点滅文修正後、
ブラウザを走らせることで点滅が確認できます。('12.9.18 Up)
<タグ文>
JavaScript文(0.7秒間隔、色:#006400)による点滅です。
<SCRIPT LANGUAGE="JavaScript">
<!-- var VorH = "visible" ; var objid=document.getElementById('BlinkArea');
setInterval ( 'blink()',700 ) ; // 0.7秒間隔で繰返し実行します
function blink() { if ( VorH == "visible" ) { document.getElementById('BlinkArea')
.style.visibility='hidden'; VorH = "hidden" ; }
else { document.getElementById('BlinkArea').style.visibility='visible'; VorH = "vis
ible" ; } } //--></SCRIPT>
<span id="BlinkArea"><font color="#006400">Test</font></span>
(上のボタン・クリックでTopページへ戻ります)
このページに関する感想やご意見は、私迄
メールをお願いします