2007年02月27日

無料サーバーFC2に登録するには

パソコン奮闘記 ホームページを作ろう

Hiro先生の講義では、まずはホームページを掲載するサーバーが必要です。早速無料サバーFC2の登録をしようとしました。でも今日は出来ませんでした。

まず、仮登録でメールアドレスを登録。
登録したメールアドレスに本登録の案内が届きます。
届いたメールの指定URLから本登録。

本登録に必要なのは
メールアドレス(ユーザー名に後でなります)
ニックネーム(日本語も可、16文字まで)
パスワード(5〜16文字の英数字)
性別
職業
都道府県

登録をクリック。登録完了後、管理画面に戻るをクリックするとFC2管理画面トップに移ります。→左メニューの「サービス」クリック→サービス追加画面の一覧から「無料ホームページ」を選び「このサービスを追加」をクリック
利用規約を読み、「同意する」

ここまでは問題ないのですが、ここから先が問題です。

アカウント情報登録画面では、

a.希望アカウント(URL・ホスト名にも利用されます)
 URL:http://アカウント名.web.fc2.com
 ホスト名:アカウント名.web.fc2.com
c.ホームページのカテゴリ
d.ホームページのタイトル(半角128文字以内)
e.ホームページの詳細を入力(半角255文字以内)

bのアカウントチェックで、希望のアカウントが空いているかどうか調べます。希望アカウントを入力後アカウントチェックボタンを押すと確認できます。

以上で登録完了となるわけですが、希望アカウント・ホームページのカテゴリ・タイトル・詳細を考えないと、ホームページの為の登録が出来ません。

肝心な事を考えないと登録が出来ない・・・・・
そういえば、ブログ始めた時は、何も考ず、画面みながら、適当に入力してしまいした。事前に知っていたら悩んだでしょう。エイ・ヤーだったので登録出来てしまいました。

でも今回は考え込んでいます。
なにを作ろう????困ったな・・・・

管理画面にログイン後「アカウント情報」画面から「a.ホームページのカテゴリー」「ホームページのタイトル」「ホームページの詳細」の変更時に使用とあるので、「カテゴリー」「ホームページのタイトル」「詳細」は後で変更が出来るということです。

アカウント名には漢字やカタカナ、記号特殊文字は使用できません。半角英数のみ

アカウント名(URLにも使用します)の変更は出来ないそうです。
しっかり考えないと。(そんなに考えなくても適当でいいのかな・・・・)

でも面白い。登録がすんで自分の管理画面にログインするにはFC2IDにログイン後、かんづちマークより管理画面にログインする事になるらしい。

ブログは勢いで登録したけれど、登録情報どうするか悩んででいます。

Hiro先生のアカウントは「hpb11」ホームページビルダー11です。
タイトルは「ホームページビルダーで始めるホームページ作成講座」

エイ・ヤーではなく、よく考えられていると思うのは考えすぎ?
絵をかいて色塗ってといわれても・・・・
ホームページつくる技術以前でやはり躓く・・・・・

無料サーバーも申込みは→FC2新規登録

関連記事
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

★クリックで救える命がある★ ←クリック募金サイト

IBMホームページ・ビルダー11の動作環境

パソコン奮闘記 ホームページを作ろう

HTMLを自分で書いてホームページをつくる事もできますが、Hiro先生はホームページビルダー「IBM ホームページ・ビルダー11 通常版 」で講義。

ソフトをパソコンに入れる時は、いつも動作環境と自分のノートパソコンの状況を確認しています。なぜか、」な〜にも見ず、昨日アマゾンで買ってしまいました。今朝目が覚めて、あ!!の状況です。出勤前のあわただしいなか、アマゾンへ。

動作環境

対応OS:
Windows 2000 Pro(SP4以降)/XP Home(SP2以降)/XP Pro(SP2以降)/XP MCE(SP2以降

ボケネコのパソコン:XP Home(SP1)なんですけど・・・・

※Windows Vistaは発売時以降に対応予定。あ、だから35%オフなのかな・・・

メモリ: 256MB以上

ボケネコのパソコン256MB チョッとギリギリ・・・・

HDD: 最小構成では180MB以上、最大構成では420MB以上

ボケネコのパソコン:Cドライブのみ30GB、をCドライブに9.76GBとDドライブに18.1GBに、Cドライブの空き5.28GB Dドライブの空き10.00GB クリア・・・


メディア: CD-ROM
ボケネコのパソコンについている。  

モニタ:800×600
ボケネコのパソコン1024×768ピクセル

対応ブラウザ:Microsoft Internet Explorer 6.0以降

ボケネコのパソコン普段はFirefoxだけれどIE6もある

※ビデオ編集機能でデジタル・ビデオカメラからビデオを取り込むには、Pentium 2 400MHz以上のCPU、IEEE1394インターフェース(OHCI準拠)のデジタル・ビデオカメラが必要。

ボケネコ、デジカメないけれど・・・
CPUはCelaron 2GHz

あとなんだか一杯かいてあります。

「IBM ホームページ・ビルダー11 通常版 」ボケネコのパソコンでも大丈夫なの???

出掛けに、再検討する時間が欲しく、28日出荷なのでキャンセルできないかなと思ったのですがどうすれば良いかわかりません。よくある質問の返品のところから問合せを出しておきました。お昼休み会社のパソコンでこっそりgooメールを使いプロバイダーメールをチェック。

キャンセルは出来ないとの事で、着いたときに受け取り拒否か、あるいは、ペリカン便着払いで返品してくださいとの事。返品手数料も不要との事でした。

改めて、動作環境を見たのでが、大丈夫なような大丈夫でないような・・・・

ん〜・・・・・

追記
2007年3月12日
Hiro先生よりの情報:「IBM ホームページ・ビルダー11 通常版 」はWindows Vistaに対応しているそうです。
ボケネコのパソコンXP Home(SP2)にすれば重いけれど動くかもとのことですが、肝心なXP Home(SP2)がメモリが足りそうにないのでSP1のままです。やはり新しいパソコンが欲しい。
それまで、「IBM ホームページ・ビルダー11 通常版 」は大事に保管しておきます。

関連記事
2007年3月12日:Amazonで注文をキャンセルするには

↓ホームページビルダー11を取り上げているブログのサイト集
ホームページビルダー11ブログレポート



★クリックで救える命がある★ ←クリック募金サイト


2007年03月01日

無料サーバー登録見切り発車

パソコン奮闘記 ホームページを作ろう

あすから、(もう今日からかな)早速実践講義が。

「サーバーの準備」まだです。
FC2の登録はしたのですが、ホームページの登録がまだです。
FC2のホームページの登録画面を出たり入ったり。

どんなホームページをつくるかもまだなのが問題で・・・

あしたから(今日から)サバーが、講義で必要です。
数日前となんの進展も無いけど、このさい何でもいいか。エイ・ヤー!!

変えれないアカウント:
思いつかないので「bokeneko」
だから「ホームページのURL」は:http://bokeneko.web.fc2.com

ホームページのカテゴリ名は:
07のショッピング

ホームページのタイトルは:
ミステリー好きネコの猫の本屋さん
半角128文字以内なのでもっと長くても良いけれど、短いほうが検索サイトの登録のときには良いかなと。

ホームページの詳細は:
ミステリー小説大好きのボケネコがオーナー、ねこ好き・ミステリー好きの方たちに立ち寄っていただきたい「猫の本屋さん」をオープンします。主人公は猫。(どんなお店かは、これから考えます)
半角255まだ余裕はある。

絵のはかり売り「ボケ猫画廊」で猫ばかりあつかうなんて事も考えたり・・・
まずは本屋さんからオープン準備を。

ホームページビルダーは明日(もう今日かな)着くとアマゾンより連絡。この際だから、ボケネコのパソコンで使えるかどうかわからないけど(多分無理だと思うけれど)受けとりましょう。ノートパソコンは何時壊れるかわからない状況。次ぎのパソコンはキット、Windows Vista。これにも対応していないようだし・・・

ホームペービルダーボケネコのパソコンで使えなくても、大きな家具と違い処分は楽だと思います。
経験でアマゾンに売りに出してみようかな。
とりあえず明日からの講義にむけ見切り発車です。

無料サーバー→FC2登録









アフィリエイトで収益をあげられるホームページをつくろう!!

パソコン奮闘記 ホームページを作る

ボケネコは大のパソコン嫌い、大の苦手。

ジェームズ・アレンも稲盛さん(とても"さん"なんて気安く言えませんが)も言っています。人生は自分の思い描いたとおりのものになる、
「心が呼ばないものは近づいてこない」
「求めたものだけが手に入る」「強烈に思い続けること」

どうせホームページつくるなら、アフィリエイトで収益が上げられるものをつくろう。
無理と最初から思えば、無理。出来る、作ろうと強烈に思い続け、頑張ろう。

苦手だ、嫌いだも棚上げ。ブログだって7ヶ月続いた!!(お休みもするけれど)

畳の上で泳ぐ練習しても泳げるようにはならない。
ボケネコは金槌。水のなかでは沈む。(本当の金槌)

急流に飛び込み泳げるようになろう。そして、収益の半分を寄付しよう!!
(全部でないところが凡人・俗人)

と書きながら、凡人は弱気・心細い・・・これがイケナイ、イケナイ。

頑張ろう、思い続けよう!!




2007年03月02日

改行タグ

パソコン奮闘記 ホームページを作ろう

ホームぺージ作成講座

いよいよ実践がはじまりました。復習しなくては。メモ帳に書きます。
保存拡張子は .html

ホームページをつくろう!!宣言開始タグと終了タグ。

<HTML>
</HTML>

この中に一杯難しい事を書いていくことになりそうです。

最初のタグは改行タグ。

Seesaaブログでは記事を書きEnterキーを押すとそこで改行されます。
自分でつくるホームページはEnterキーを押し改行されていうようにみえても改行されていません。

改行タグがあるところで改行されます。

改行タグ
<BR>

詳しい事は→ホームぺージ作成講座

ここはボケネコの復習帳。タグだけメモ・メモ。

↓IEで文字が移動表示され、Firefoxでも同じ表示がされています。のはず???
 お休みのお知らせ!
↓IEではただの文字。Firefoxでは点滅。
お知らせ 

またまた山へ。
3月5日までお休みです。



2007年03月05日

段落タグと見出しタグ

パソコン奮闘記 ホームページ作成復習メモ

ホームページ作成講座

遊んでいる間講義が進んでいます。

段落タグと、見出しタグです。

すべて半角です。

段落の始まりと終わりタグ<P></P>

見出し始まりと終わりタグ<H1></H1>  <H2></H2> <H3></H3> <H4></H4>
 <H5></H5> <H6></H6>

見出しの大きさは6段階。H1が一番大きく数字が大きくなる程字が小さくなりました。

詳しくはホームページ作成講座」を読んでください。
これは、ボケネコの復習メモです。

ボケネコはファイルの保存をするのに、拡張子を自分で入力するのだという事を、初めてしりました。エクセル・一太郎・ワードはファイル名のところに最初から、拡張子が表示され、ファイルの種類の所でも拡張子が選べるので、自分で入力保存した事がありませんでした。

なんだかとっとも情けない・・・。こんな初心的なことを知らないねんて。ホームページを作る事がパソコンを知ることになる、「なるほど」です。

頑張ろう!!



トップページに使うファイル名

パソコン奮闘記 ホームページ作成復習日記

ホームページ作成講座→ファイル名は半角英数

ファイルを保存するサーバーの多くは「UNIX」というOSだそうです。「UNIX」は日本語を判断できない、使えるのは、半角英数と「-」「_]などの一部の記号です。しかも大文字と小文字も別文字だそうです。

余談
一瞬「_]をどうやって入力するのか????。普段使っていないわけではないのに・・・
直接入力状態で、「Shift」キーを押しながら「ろ」のキーを押すとアンダーバーが表示されます。

「index」はトップページに使うファイル名

「index.html」サイトのトップページのファイル名。
「index.html」というファイル名に限り、URLから省略することができるという約束になっているそうです。なので、サイトのトップぺージには表示されていないそうです。

page1.html」「page2.html」とページをふやします。

ファイル名は、画像も含めすべて半角英数、大文字、小文字を区別する。

アルファベット入力するの疲れました。これからズ〜とこれが続く・・・・

これはボケネコの復習メモ帳です。
詳しくはホームページ作成講座→http://hpb11.jugem.jp/index.htmlをみてください。

募金サイト イーココロ!

2007年03月06日

文書宣言のDTDとヘッダータグと本文タグ

パソコン奮闘記 ホームページ作成日記

ホームページ作成講座→HTMLの基本形

文章型宣言の意味←こちらに詳しい説明があります。

<!DOCTYPE>とは・・・DTD(Document Type DeFinition)「文書型の定義」ドキュメントを宣言するため「HTML」タグよりも上に記述するものだそうです。DTDで宣言したHTMLのバージョンと仕様に従ったソースの記述をする事になります。

-//W3C      //   DTD       HTML 4.01   //     EN
所有者識別子  区切 公開文種別  公開文記述   区切  公開文言語

DTDにも種類があります。↓のリンク先をみてください。
HTMLタグリファレンス

ホームページ作成講座では、Transitional DTDを使用することになるようです。
非推奨要素や属性は使用できますが、フレームを使用することができません。要素の配置については比較的制限が甘くなっています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

難しいことは考えず、ホームページをつくる為のパスポートと考えれば良いようです。覚えなくても一度書いていて保管しておけばいつでも引っ張り出せる!!
保管場所をわすれなければ。

ヘッダータグ
<HEAD></HEAD>

講座では文字コードの指定とタイトルがありました。タイトルはページのタイトルでブラウザで見た時画面に一番上に表示されます。「ボケネコのパソコン生活」はタイトルです。

ボディタグ
<BODY></BODY>
本文の中身 <H1></H1> <H2></H2> <p></PR>はボディタグの中にかきこむそうです。

次回は、記念すべき最初のホームページのアップロードの準備にはいるそうです。
練習で作ったものをホームページとして公開する事になります。

困った・・・技術よりなにを書こう・・・

これはボケネコの復習帳タグのメモです。
詳しくは→ホームページ作成講座

関連記事
2007年3月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年06月13日:ブログの関連記事にリンクを張る
2007年4月17日:絶対パス・相対パス
2007年4月16日:見出しにリンクを張るその3空要素
2007年4月16日は記事が2つあります。先にかいたのでFirefoxの記事の下に「見出しにリンクを張るその3空要素」が表示されています。

2007年4月13日:見出しににリンクを張るその2
2007年4月12日:見出しににリンクを張る
2007年6月3日:ホームページでリンク集をつくってみよう
2007年3月16日:基本的なリンク



FFFTPでアップロード

パソコン奮闘記 ホームページ作成復習日記

ホームページ作成講座→アップロード
↑のブログは閉め、現在ほかのブログで講座を再開されています。

2007.03.05月曜に「HTMLの基本」で「例題を参考にして長い文章をかいておいてください。次はアップロードの準備にはいります。ここで作ったものが、記念すべき最初のホームページとして全世界に公開されることになります。」

と講義があったばかりです。
復習するゆとりも無く、2007.03.06になったとたん「できましたか?」「アップロードしてみましょう。」です。
溺れかけながら、無我夢中でやってみました。

現在のHiroさんのホームページ作成講座→FFFPTで遊ぶ

公開した勉強中のボケネコのホームページは→「猫の本屋さん」

出来た喜びより、ふ〜。出来たみたい・・・・。安堵でぐったり状態です。(文字だけなのに・・・)

追記:2007年6月3日
「猫のほんやさん」の作成はお休みして、ただいまリンク集をつくりながら練習をしています。


これはボケネコの復習帳です。
詳しくは→ホームページ作成講座
Hiroさんのホームページ作成講座

関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

★クリックで救える命がある★ ←クリック募金サイト


2007年03月11日

HTMLの基本のタグ復習

パソコン奮闘記 ホームページ作成講座復習

3月5日までのHTMLの復習。HTMLの基本形です。
詳しくは「ホームページビルダーで始めるホームぺージ作成講座」→
HTMLの基本形
もう少しやってみましょう

<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">

<HEAD>
<META http-equiv="Content-Type" content="text/html; charet=Sift_JIS">
<TITLE>タイトル</TITLE>
</HEAD>

<BODY>

<H1>見出し一番大きい文字</H1>
<P>
文章<BR>
文章<BR>
</P>

<H2>見出し二番目に大きい字</H2>
<P>
文章<BR>
文章<BR>
</P>

<H3>見出し三番目に大きい字</H3>
<P>
文章<BR>
文章<BR>
</P>

<H4>見出し四番目に大きい字</H4>
<P>
文章<BR>
文章<BR>
</P>

<H5>見出し五番目に大きい字</H5>
<P>
文章<BR>
文章<BR>
</P>

<H6>見出し六番目に大きい字最後</H6>
<P>
文章<BR>
文章<BR>
</P>

</BODY>
</HTML>

これはボケネコの復習メモです。
詳しくは→「ホームページビルダーで始めるホームぺージ作成講座」

関連記事
2007.03.05:段落タグと見出しタグ
2007.03.06:文章宣言のDTDとヘッダータグと本文タグ


★クリックで救える命がある★ ←クリック募金サイト

2007年03月16日

改行、スペースの使い方とタグの位置

パソコン奮闘記 ホームぺージ作成日記

2007年3月14日とても大きな宿題がHiro先生からでました。
ホームページ作成講座
使用しているタグと改行の使い方、スペースの使い方の違い、タグ位置を確認できるように文章を用意してくださいました。→改行、スペースの使い方とタグの位置

ソースとブラウザ両方を印刷して比べてみました。

疑問!!

  1. 段落タグのなかできるだけ改行タグは使わない方が良いのでは。?ブラウザが何時も最大で見られていうとは限らないので。絶対独立させたい文章のに改行タグを使うくらいの気持ちのほうが良い???

  2. ネコの種類を列挙した部分改行タグをいれてみたが、将来一覧表にしたい場合改行タグをいれずにおいて置いたほうが良いのかな?



やはり改行やスペースは今の段階ではない方がいいみたい!!

改行とスペースの使い方とタグの位置

改行

  1. メモ帳は「Enter」キーで改行されているように見え、ソースでも改行しているようにみえてもブラウザでは改行されない。

  2. 段落タグ「P」の終了タグと開始タグの間ブラウザーでは1行空きで表示される

  3. 「P」タグの終了タグと開始タグの間にメモ帳で「Enter」キーで行をあけてもブラウザでは1行空きで表示される。ソースは空いて見える。

  4. 改行「BR」タグと段落「P」の終了タグとの間はブラウザでは2行空きで表示される

  5. 「P」タグの終了タグと改行「BR」タグの間はブラウザでは1行空きで表示される

  6. メモ帳は「Enter」キーで改行しても改行「BR」タグと改行「BR」タグの間は、ソースも改行してみえるが、ブラウザには1行空きしか出来ない。

  7. 改行「BR」タグと段落タグ「P」の開始タグの間はブラウザでは1行空きで表示される。

  8. メモ帳は「Enter」キーで改行しても、改行「BR」タグと段落タグ「P」の開始タグの間は、ソースも改行してみえるが、ブラウザでは空き1行で表示される


スペースの使い方

  1. 書き出しに半角スペーズをいれても、ソースでは字下げしたように見えるがブラウザではなんの変化もない

  2. 書き出しに全角スペースをいれるとスペース分だけ字下げを、ブラウザでも字下げしてみえる

  3. 「P」タグの前に半角スペースをいれても、ソースは字下げしたように見えるがブラウザではなんの変化もしない


タグの位置

  1. 段落「P」終了タグを分の終わりに入れても、1行下に入れてもブラウザでは同じにみえる

  2. 改行タグ「BR」を長い分のなかに挟んでいれると、ソースではい行の物がブラウザでは改行タブのところで改行されて表示される

  3. 改行タグ「BR」を分の終わりに入れても、1行したに入れてもブラウザでは同じにみえる


↑から想像するに

  1. 一まとまりの文章は段落タグ「P」タグで囲む。「P」タグは開始・終了をも一行とる。

  2. 一まとまりの段落と、一まとまりの段落を「P」タグで囲むとブラウザでは1行あく

  3. ただしソースは空いていた方がみやすいので、「Enter」キーで改行しておく

  4. 字下げをしたい時は全角スペースを文章の頭に入れる

  5. 改行タグ「BR」は改行したい文章の終わりに入れる

  6. 「P」タグで囲まれた、一まとまりの段落と、一まとまりの段落をの間を1行以上空けたい時は改行タグ「BR」を改行数だけ書き込む


これであっているのかどうか疑問なのですが・・・・・
この方向で、書き換えてみたいとおもいます。
間違っていたらまた書き直そう!!
何度でも、分かるまで。

やはり改行やスペースは今の段階ではない方がいいみたい!!

★クリックで救える命がある★ ←クリックして募金をお願いします。

基本的リンクのHTML

パソコン奮闘記 ホームページ作成日記

ホームページ作成講座→基本的なリンク新しいウインドウで開くリンク

リンクの基本形→<A href="URL">文字</A> 「href」は属性 「URL」は属性値

<A href="URL" target="_blank">文字</A> さらに属性「 target」属性値「_blank」をたし新しいウインドウで開く。

これはボケネコの復習メモです。
詳しくは→ホームページビルダーで始めるホームぺージ作成講座

関連記事
2006.08.06:文字にリンクをつけてみよう
2006.10.03:名前のリンクを新しいウインドウで開く


↓IEで文字が移動表示され、Firefoxでも同じ表示がされています。
 お休みのお知らせ!
↓IEではただの文字。Firefoxでは点滅。
お知らせ

またまた山へ。
3月20日までお休みです。ひょっとしたら21日まで。

16日の夜出かけ21日の夜帰ってきます。
5日間「ホームページ作成講座」に出席が出来ないのが怖い!!
いままでのスピードとボケネコの能力を考えると・・・・・
いつも、とても時間がかかっています。寝る時間をつぶしてしまって、電車では本も読む気力がなく、立って寝ています。溺れてしまうかも。
徹夜してでも取り返そう。なんとしてでも取り返そう。
溺れるなボケネコ

「ホームページ作成講座」参加のみなさん、色のセンスが素敵!!
なぜボケネコが選ぶとくすんだ色か、派手なだけのいろ・・・・・

追記
また投稿失敗!!
時間を指定せず一日に2回投稿すると、古い順番に並んでしまいますね。急いでいて確かめませんでした。以前予約投稿であった現象です。予約でなくても同じ。
なんでもパソコンを操作したら、確認が必要です!! 反省。

追記
記事を直接公開でつづけて1日に2つ投稿すると、投稿した時間で新たらしいもの順に並びます。
非公開で一旦Seesaaに投稿したものがある場合上記のような問題がおきました。

関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

2007年03月22日

フォルダーを整理して内部リンクを書き直す

パソコン奮闘記 ホームページ作成

「フォルダーを整理して内部リンクを書き直しましょう」といわれて・・・

ホームページ作成講座「フォルダー内の整理」→http://hpb11.jugem.jp/?eid=33

「color」のフォルダーをつくり、色の3つのHTMLを移動。
アップローどするのに「color」のフォルダーを開き一つずつアップロード。あいかわらず4つのHTMLがサーバー側に。ローカル側とサーバー側が一致しません。
どうもローカル側とサーバー側は同じにならないといけないらしい。「index.html」と「color」のフォルダーになるらしい・・・
ということは、フォルダーごとアップロード?
試してみるとサーバー側のも「color」のフォルダーができました。でも3つの色のHHTMLもあります。

そこでもともと「index.html」と色の3つのHTMLを保存していたフォルダの名前を、「FFFTP」から「fc2」に書き直すのを忘れていたのを思い出し「fc2」に。

FFFTPを接続したら、ローカル側に「FFFTP.chm」「 FFFTP.exe」「 FFFTP.txt」が表示され、そういえば「FFFTPのローカルの初期フォルダ名も変更する必要」と教えていただいていたのに変更してません。なににつけ段取りが悪い。なまじ外で毎日読んいて、気が焦って何時ものように講座をみながらひとつひとつやらず「ボケ」ネコの記憶に頼ってしまったのが間違いの元。

そこでなにを思ったのかローカル側の名前の「FFFTP」を「fc2」に3つとも書き換えアップロード。ホントバカな事を。

「設定変更」→「ローカル初期フォルダ」のところを「FFFTP」を「fc2」に書き換えないといけませんね。

おかげで、サーバーが側が「index.html」「color」のフォルダー「FFFTP.chm」「 FFFTP.exe」「 FFFTP.txt」と色の3つのHTMLと最初からある「i」のフォルダーと賑やかに。

「FFFTP.chm」「 FFFTP.exe」「 FFFTP.txt」と色の3つのHTML全部削除すればいいのかな?

後問題なのは、indexの書き込んだ3つの色のページへの内部リンクと色と色のリンクは変更できたのですが、色のページから、一つ上のindexへどうしてもあがれません。どうかきなおせばよいのか??????

山は、21日とてもお天気が良く、先日までの雪と低温で素晴らしいコンデションでした。こんなにすいているゲレンデは初めてです。(週中にお休みとったのは初経験。)あまりの好条件に思わず最後までいたいと思いましたが、ホームページ作成講座の課題が難しすぎ、夜0時近くに家に帰っていては本当に徹夜になってしまいます。

あっちもこっちも・・・・・・

結局お昼に山をおりました。折角20時には家に帰って来たの、に日が変わってもまだ問題が解決しない。もう少し頑張ろう!!

自分で表を書きなんどもやってみましたが、とうとう降参。
参考にしました→リンクを張っていろいろなページにジャンプだ!

※「リンクを張っていろいろなページにジャンプだ!」は中学生のためのホームページ作成教室でした。え!!中学生でこんなことを・・・
中学生のためのホームページ作成教室

Hiro先生ごめんなさい・・・
でもこれを読んでも試行錯誤。でもできたみたい・・・

関連記事
2007年3月24日:FFFTPで使っているフォルダーをパソコン内で移動したら
2007年3月24日:FFFTPのローカル側でDドライブの中身を削除!!

★クリックで救える命がある★ ←クリックして募金をお願いします。



2007年03月23日

ホームページのグランド色を指定するには。

パソコン奮闘記 ホームページ作成日記

ホームページビルダーで始めるホームぺージ作成講座をみてください。

<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">

<HEAD>

<META http-equiv="Content-Type" content="text/html; charet=Sift_JIS">
<TITLE>タイトル</TITLE>

</HEAD>

<BODY>→<BODY bgcolor="#0099FF"> 注)ここでページのグランド色を指定します

<H1>見出し一番大きい文字</H1>
                
</BODY>

</HTML>

これはボケネコの復習帳です。よく間違っています。
日記の公開が逆になってしまいました。
3月22日の「フォルダーを整理して内部リンクを書き直す」のほうがこの記事の後になります。

詳しくはホームページビルダーで始めるホームぺージ作成講座をみてください。→内部リンク

★クリックで救える命がある★ ←クリック募金サイト

2007年03月24日

FFFTPのローカル側でDドライブの中身を削除!!

パソコン奮闘記 ホームページ作成日記

「ホームページ作成講座」
フォルダーの整理と内部リンクの書き換えの宿題、先生が時間を下さっています。
一生懸命、悩んで試行錯誤。
なんとなく、内部リンクの書き換えは出来たようです。もう少し練習すれば理解できそうです。そこで、フォルダーをDドライブの中のマイドキュメントから、Dドライブの一番上の階層に移したのですが・・・・

とんでもないことに。
Dドライブの中身をほとんど削除していまいました。

FFFTPのローカル側が自分のパソコンそのものです。FFFTPのローカル側を削除することは、自分のパソコンの中身を削除する事になりますね。

fc2のフォルダーの入ったホルダー「hphonyasan」をDドライブのマイドキュメントから一つ上のDドライブに移動したら、FFFTPのローカル側に「hphonyasan」と、「マイドキュメント」と「3つのイメージファイル」が表示されていたようです。普段アイコンで見ているので、とくにイメージファイルは気がつきませんでした。「hphonyasan」以外に変なものがあるくらいです。

ローカル側で「マイドキュメント」と「3つのイメージファイル」を削除!!
気がついた時は残っているのは「hphonnyasan」だけの状態です。
マイドキュメントはごみ箱から救出したのですが、バックアップソフトで作ったイメージファイルは無くなってしまいました。外付けFドライブにとってあったので助かりましたが・・・。

OSやソフトの入っているCドライブでなくて良かった!!
もともとCドライブしかないノートパソコンですが、会社のかたにCとDに切り分けていただいていたのが幸いでした。

FFFTPのこんな基本的な仕組みに気がついていませんでした。
本当にパソコンは苦手。応用・想像力がなさすぎ・・・・・・。普通の人はわかっていますよね。

普通でないボケネコは、当分精神的に立ち直れそうにありません。
気分が滅入る一方。気持ちの切替もへた。ひきずるのです。

少し落ち着いたら、移動させた場合はどうするれば良いか又考えます。
(精神的に考えられる余裕できるかな???)

関連記事
2007年3月24日:FFFTPで使っているフォルダーをパソコン内で移動したら
2007年3月22日:フォルダーを整理して内部リンクを書き直す

★クリックで救える命がある★ ←クリックして募金をお願いします。


FFFTPで使っているフォルダーをパソコン内で移動したら

パソコン奮闘記 ホームページ作成日記

FFFTPで使っているフォルダーをパソコン内で移動したら

ホームページ作成講座に参加しています。
ホームページのデーターをDドライブに作った「マイドキュメント」の中の「hphonyasann」(nnは2つ)に「fc2」のフォルダーを作りFFFTPでアップロードする「html」を保存しています。

「マイドキュメント」の中にすべてデーターが入っていて位置は覚えていても探すのが面倒。で、Dドライブの一番上に移動させたいと思いました。

「ファオルダー」の移動は、右クリックで「切り取り」一つ上のDドライブを開け、右クリックで「貼り付け」でできます。

「hphonyasann」フォルダーのフォルダーを移動して問題なのは、FFFTPを接続すると本来一覧表示される「fc2」のフォルダー内にある「color」のフォルダーと「index.html」が表示されず、他のものが表示されててしまった事です。

そこで昨晩の大トラブル。Dドライブのデーターをほぼ全部消してしまいました。
3月24日のこの一つ前の記事に顛末を書いておきました。興味のあるかたは読んで、ボケネコを笑ってください。

では、パソコンないのフォルダーを移動させてとき、FFFTPの設定はどうすればよいか。わかりました!!
ローカルの初期フォルダーの部分を変えればよいのです。フォルダーの名前を変えた時に操作した所と同じところです。

FFFTPを立ち上げ→「ホスト一覧」の右側の上から3つ目「設定変更」→「ローカル初期フォルダー」→「ボックスの後ろの小さな真四角のクリックボタン」→「マイコンピューターのエクスプローラの画面」→「D:\hphonyasann\fc2」と選択。→OK

ローカルの初期フォルダーの部分が「D:\マイドキュメントD\hphonyasann\fc2」から「D:\hphonyasann\fc2」になります。(いきなりローカルの初期フォルダーの部分を手入力で書き換えてもよいようです。)

この状態で接続すると、「color」のフォルダーと「index.html」が表示されました。
これは、サーバーにアップロードするものばかりです。FFFTPの左のローカル側には、サーバーのアップロードするものだけにしておく必要があるようです。

※フォルダー名等は現時ボケネコのホームページ作成講座で使用しているものをそのまま書きました。それぞれ、名前はご自分のものと置き換えて読んでくださいね。

ホームページ作成講座は→http://hpb11.jugem.jp/
ホームページ作成講座「ファオルダー内の整理」は→http://hpb11.jugem.jp/?eid=33

関連記事
2007年3月24日:FFFTPのローカル側でDドライブの中身を削除!!
2007年3月22日:フォルダーを整理して内部リンクを書き直す

追記
忘れていました。円マークそのままではバックスラッシュになるのを・・・・・
疲れているのでそのままにしておきます。バックスラッシュは円マークに置き換えてください。

円マークを表示させるには
関連記事
2007年1月25日:円マークを表示するにはどうすれば良いの????

★イーココロ!募金サイト★

2007年03月28日

内部リンクのhtml

パソコン奮闘記 ホームページ作成日記

ホームページ作成講座ではページを増やし内部リンクを書く講義が3月13日にありました。復習が追いつかない状況です。

<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja">

<HEAD>

<META http-equiv="Content-Type" content="text/html; charet=Sift_JIS">
<TITLE>タイトル</TITLE>

</HEAD>

<BODY>
<H1>見出し一番大きい文字</H1>
                注)内部リンクは、BODYの中で使う。
                どこにはるかで場所はかわってくる。
                とりあえず最初の見出しに下に書き込み
<UL>
<LI><A href="blue.html">ブルーのページ</A></LI>
<LI><A href="yellow.html">イエローのページ</A></LI>
<LI><A href="red.html">レッドのページ</A></LI>
</UL>

<P>
文章<BR>
文章<BR>
</P>

blue.htmlとyellow.htmlとred.htmlを作ってhtmlで保存し、FFFTPを立ち上げ接続し新しい3つのhtmlファイルをアップロードしておく必要があります。

3つのhtmlファイルにも他のページのリンクを書き込んでおきましょう。

たぶんあっているらしい。

これはボケネコの復習帳。間違いが多い・・・
詳しくは「ホームページ作成講座」→内部リンク

一人落ち込んでいる間にHiroさん、病気が悪いような・・・・
せっかくはじめたのです。作り続けたい。

Hiro先生のように、パソコンを勉強しながら、一歩・一歩段階を踏むように、HPをつくる階段を上がる事は一人ではととも難しい。

課題の出来ている、絶対パス・相対ぱす、階層などリンクのはりかたをまずマスター。

次ぎはどうすれば良いのか・・・・。手がかりが欲しい!!

★クリックで救える命がある★ ←クリック募金サイト

2007年03月31日

内部リンク・階層・相対パス?

パソコン奮闘記 ホームページ作成日記

内部リンク・階層・相対パス???

階層を一つ上がるには../
階層を一つ下がるにはフォルダーとファイルを/で区切る??
rinkukaisou.jpg


  • index.htmlからgreen.htmlにいくにはcolorのフォルダーを通り一つ階層をさがる。
    index.htmlに書き込むのは <A href="color/green.html">★(greenのページ)</A>

  • index.htmlからpage1.htmlにいくにはpegeのフォルダーを通り一つ階層をさがる。
    index.htmlに書き込むのは <A href="page/page1.html" >★</A>

  • index.htmlからlaveder.htmlにいくにはcolorのフォルダーを通り一つ階層をさがり、color2のフォルダーを通りさらに階層を一つ下がる。
    index.htmlに書き込むのは <A href="color/color2/laveder.html" >★</A>

  • green.html(pink.html)(khak.html)からindex.htmlに戻るには1つ階層を上がって、index.htmlのあるフォルダーに戻る。
    green.html(pink.html)(khak.html)から一つ階層を上がるとフォルダーはcolor。colorのフォルダーとindex.htmlファイルは同じフォルダー(階層)にある。
    green.htmlに書き込むのは <A href="../index.html" >★</A>

  • page1.htmlからindex.htmlに戻るには一つ階層を上がってindex.htmlのあるフォルダーに戻る。page1.htmlから階層を一つ上がるとフォルダーはpage。pageのフォルダーとindex.htmlは同じフォルダー(階層)にある。
    page.htmlに書き込むのは <A href="../index.html" >★</A>

  • lavender.htmlからindex.htmlに戻るには二つ階層を上がってindex.htmlのあるフォルダーに戻る。lavender.htmlから階層を一つ上がるとフォルダーはcolor2、もう一つ上の階層はcolor。colorのフォルダーはndex.htmlと同じフォルダー(階層)にある。
    lavender.htmlに書き込むのは <A href="../../index.html" >★</A>

  • green.html(khak.html)からpink.htmlに行くにはどちらのファイルも同じフォルダー(階層)にある。そのままファイル名を書けばOK。
    green.html(khak.html)に書き込むのは <A href="pink.html" >★</A> 
    (<A href="khak.html" >★</A>)

  • lavender.htmlからpink.htmlに行くには一つ階層を上がりcolor2のフォルダーを通りさらに一つ階層をあがりcolorのファルダー(階層)に行き、pink.htmlのあるcolorのファルダーに入る。
    lavender.htmlに書き込むのは<A href="../../color/pink.html" >★</A>

  • pink.htmlからlavender.htmlに行くには一つ階層を上がりcolorのフォルダーを通りさらに一つ階層を下がりcolor2のファルダー(階層)に行き、lavender.htmlのあるcolor2のファルダーに入る。
    pink.htmlに書き込むのは<A href="../colo2/lavender.html" >★</A>

  • lavender.htmlからpurple.htmlに行くには一つ階層をあがりcolor2のフォルダーを通り、同じ階層にあるcolor3のフォルダー(purple.htmlがある)にはいる。
    lavender.htmlに書き込むのは<A href="../colo3/purple.html" >★</A>

  • page1.htmlからpink.htmlにいくには、一つ階層を上がりpageのフォルダーを通りpink.htmlのあるcolorのフォルダーに入る。
    page1.htmlに書き込むのは<A href="../colo/pink.html" >★</A>

  • ★それぞれ何処へ移動するか書いてください。

    参考になるサイト
    中学生のためのホームページ作成教室→リンクを張っていろいろなページにジャンプだ!

    2007年3月30日現在のボケネコのホームページの内部リンクの練習状態です。クリックして目的のところにいけているの出来ていると思います。

    ところが、それを文章にまとめようとおもうと難しい。
    紙にかいてから、Tera padに書き込みしてからブログに書き込み何度もチェックしているのですが。頭の中がこんがらかって。
    何回書き直したか。まだ間違っているかもしれません。
    誤字脱字以外にも・・・・
    気がついたら教えてください。

    関連記事
    2007年02月27日:無料サーバーFC2に登録するには
    2007年03月06日:FFTPでアップロード
    2007年03月07日:サーバーにアップロードするフリーソフトFFTP
    2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
    3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

    2007年04月17日:絶対パス・相対パス
    2007年06月13日:ブログの関連記事にリンクを張る
    2007年06月07日:同じページないにリンクを張る
    2007年04月16日:見出しにリンクを張るその3空要素
    2007年4月16日は記事が2つあります。先にかいたのでFirefoxの記事の下に「見出しにリンクを張るその3空要素」が表示されています。

    2007年04月13日:見出しににリンクを張るその2
    2007年04月12日:見出しににリンクを張る
    2007年06月03日:ホームページでリンク集をつくってみよう
    2007年3月16日:基本的なリンク

    ★イーココロ!募金サイト★


ホームページの内容(コンテンツ)とページの構成

パソコン奮闘記 ホームページ作成日記

さてこれからどうしましょう。

一つ前の記事で(同じ2007年3月31日の2時間ほど前)、ボケネコの練習ホームページで書き込みした内部リンクのHTMLを書き、内部リンクのはり方の復習をしました。

そして思ったこと、

内部リンクのHTMLが書け、階層というものが理解できたとしても、実際上手に内部リンクがはれるかどうかは別問題なのではと言う事です。

自分が自分のホームページで迷子になっては、維持管理が出来ません。整理が大切。

整理と内部リンクは深くかかわっていると思います。ホームページを書き直したい時、何処を書き直せばよいのか把握していないと。一箇所書き直すと他も連動して書き直す必要が出てくると思います。その過程で内部リンクが切れてしまう、画像が表示されないトラブルに。

また、ホームページをたずねてくださった方が迷子になるようなリンクのはりかたは、とても下手だと思います。
訪問してくださった方が見たいものが探しやすく、いくか前に見たところを見たいと思った時戻るボタンで何度も戻らなくては探せないようではいけないように思います。

まず、トップページのindex.htmlと、サブページのための、colorのフォルダーとpageのフォルダーは(中身は空っぽですが)同じ階層につくりました。

もっている本を調べてみると
サブページのHTMLファイルはトップページのHTMLファイル(index.html)と同じフォルダーに保存しましょう。トップページとサブページをつなぐリンクの指定が複雑になります。最初のうちは、トップページとサブページは同じフォルダーに保存するようにしましょう。
「トップページとサブページをつなぐリンクの指定が複雑になります」
いずれ分けないといけないものを、いまさら一緒にする事はありません。

HTMLの書き方も大事ですが、自分のホームページの内容をどうするか、どう組み立てるかこれを考えないと。とりあえずindex.htmlにどんどん書き足しながら、構成を考えたいと思います。内容を考える時に訪問してくださった方に役に立つ情報なのか、または見て面白いかを考えながら記事を増やしたいと思います。

トップページの縦が余り長いのも自分が見る立場だと不便におもいます。トップページの縦は短く、ぱっとみてメニューまで見えるほうが便利です。いずれ、長いindex.htmlの記事をサブページにわけ、colorのフォルダーやpageのホルダーに移す事になるでしょう。そしてフォルダー名やファイル名を書き換え、内部リンクのフォルダー名・ファイル名を書き換えることに。

構成がハッキリしていて早く作りたいだけなら、colorのフォルダーやpageのホルダーなんて作らず、サブフォルダーの名前をつけてそこにコンテンツを書き込めば良い思うのですが。それでは多分ボケネコは先々でとても困ったことになっていたでしょう。

先生には、そんの事「言ってないでしょ」て言われそうです。こんな方向で大丈夫なのかな〜。心細い・・・・

参考になるサイト
Webページ作りのお勉強→ページの構成を決める

★クリックで救える命がある★ ←クリックして募金をお願いします。

ホームページ作成の今後の方針2???

パソコン奮闘記 ホームページ作成 

今日、いろいろホームページの事を考えています。
ホームページの内容とページの構成はパソコンがなくても、ノート(整理の悪いボケネコは、裏紙み書き散らしています。これではいけない!!)に思いついた時にメモをとればいつでもホームページを作る作業ができます。

もうひとつ、実際これから技術的にはどう進めるのかです。

講座で「明日からは、リンク、色、文字装飾に入ります。その後は、HPビルダーを使っていきます」と言うのがありました。

他のホームページや、自分のホームページの内部リンクのはりかたもご指導いただきました。リンクというと、縦に長いページの場合一番したに「このページのトップに戻る」リンクや、「同じページの中の見出しにリンクを張るには」なんてものがあるような。

色、文字装飾というと、持っている本(これまで途中から埃がかぶっている)、新しく2月に買った本では、次ぎはスタイルシートの話になり、そこで取り上げられています。

リンクの講義のあとは、ひょっとしてスタイルシートを作る為の回り道講座だったのかな・・・
どこへ進もうとされていたのでしょう。

ともかく現状のHTMLのファイルを今日の日付でテキスト形式でべつのところに保存しておきましょう。そうすればなにかあってもまた戻ってやりなおせます。

もう少しリンクの勉強をしておきましょう。

募金サイト イーココロ!

2007年04月17日

絶対パスと相対パス

ブログ作成日記

見出しにリンクを張る勉強をして面白い事発見。
面白いと思うのはボケネコだけのような。

リンクをはるためにリンク元に↓記入しました。
<a href="#midasi">TOPへ</a>

これは相対パス???・・・・(絶対パスではないですよね。)
相対パスでないような。それともパスとは関係ない???。ん〜。???。
ファイル間にリンクを張てはいません。同じファイルの中のリンクですもの。

ホームページ上で「TOPへ」の上で右クリックして「プロパティ」をみると絶対パスが表示されます。URLのコピーをしても「絶対パス」です。

http://pchunntouki.seesaa.net/#midasi

考えてみたらホームページ上からサーバーの中の保存場所なんて知られたくないし、訪問した人にとっては、相対パスでは居る場所が管理者とは別のところですからたどり着けないような。

「絶対パス」
「http://」ではじまるURLでリンクを指定する方法。
おもに、ほかのウェブサイトにリンクするときに使います。
絶対パスを使えば、リンク元のページがどこにあっても、同じリンク先にアクセスできます。

「相対パス」
同じウェブサイトの中でファイル間にリンクを張るのに使います。
同じサーバーやパソコンにファイルが保存されている場合に、「リンク元のファイルから見たリンク先のファイルの相対的な位置」を示すのが相対パス。

引用元→HTML&CSSできる大事典
Webページ作りのお勉強から→絶対パスと相対パス

そんな事どうでもいいか。悪い癖がでました・・・

関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP

2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月16日は記事が2つあります。先にかいたのでFirefoxの記事の下に「見出しにリンクを張るその3空要素」が表示されています。

2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月03日:ホームページでリンク集をつくってみよう
2007年03月16日:基本的なリンク

http://www.dff.jp/pix/dffbanner2005_2.gif
←募金サイト。お時間があれば募金を。

2007年04月21日

サーバーに画像をおき知り合いにみてもらうには

ホームページ作成日記

サーバーにある画像のURLを知人に知らせ画像を見てもらい、欲しければ保存印刷できるように出来るそうです。

自分の練習用のホームページにあらためて四葉の絵を小さく4:3になるように切り取ってjpgで保存。

相変わらず4:3の切り方がわからず、思わずディスプレーの画面を定規で測ってしまいました・・・

追記
↓のURLのなかはすべて削除しました。現在は画像はありません。コピーしてアドレスバーにはりつけるとリンク切れの表示がででます。
↓が画像のURL

http://bokeneko.web.fc2.com/yotubaHP.jpg

http://bokeneko.web.fc2.com/pagehoto/yotubaHP.jpg
03 Forbidden

あなたには、このファイルにアクセスする権限がありません。
You don't have permission to access this page.

次のような理由が考えられます。

* サイト所有者によってアクセス制限が掛けられている。
* 規約上の違反または迷惑行為のためにこのサイトが凍結されている。
* 他のサイトから画像へ直接リンクをしている。

て表示されて見ることが出来ません。

↑の画像のURLをコピーしてアドレスバーにペースト(貼り付け)すれば表示できます。
ん〜。どうすればリンクから表示できるの???

これは、fc2のサーバー側で画像への直リンクを禁止しているためです。表示できなくてあたりまえだそうです。

有料のサーバーを使えば直リンクも可能だそうです。
大きいファイルはメールの添付で送るより、メールでURLを指定してみてもらうほうが便利かも。ただし自分の有料サーバーを持っていないと出来ない!!

★クリックで救える命がある★ ←クリックして募金をお願いします。

2007年06月03日

ホームページでリンク集を作ってみよう

パソコン奮闘記 ホームページ作成日記

ホームページ作成講座がお休みの間少し勉強を。
なにを作るかなにも考えられない時はリンク集を作ってみましょう。確か先生そう言われていたような。外出先でチョッと調べ物、自分のパソコンならブックマーク(お気に入り)があります。でも外では・・・。そんな時自分のブックマークを見る事ができます。

いまでは、フリーソフトを使いIEの設定から丸ごとフラッシュメモリーに持ち歩けるようになったのでこんな面倒なことは必要はないかもしれません。
丸ごと持ち歩けば、出先のパソコンに足跡も残さずセキュリティの心配も低減。ホームページからブックマークを使うより安全。
でもホームページの作成の勉強には良いかもしれません。

サーバーとメモ帳とアップロードするソフトがあれば、HTMLやCSSの事をなにもしらなくても出来る事を教えていただきました。

メモ帳にURLを書き込む→index.htmlとファイル名をつけ保存→FFFTPでサーバーにアップロード。 これでOK。

URLの後に改行タグを書けば見やすい。自分のホームページのURLをアドレスバーに入力すれば見ることができます。

難しいタグは書けなくても大丈夫。

Hiroさんのホームページ作成講座→ブラウザで表示できるもの

Hiroさんのホームページ作成講座→サーバーの準備

Hiroさんのホームページ作成講座→FFFTPで遊ぶFFFTPのダウンロードとインストール

Hiroさんのホームページ作成講座→ホームページ作成に必要なソフト

でもこれでは勉強になりません。
難しいことは無理でも少しは考えないと。

Hiroさんのホームページ作成講座→文章構造

いきなり無理しても挫折しそうなので、index.htmlトップページ一枚のみで、ページないリンクで作ってみようと思いました。

ところが、ところが、結構難しい。HTMLも難しいけれど、「文章構造」を考えるのがもっと難しい。たった1ページなのに・・・。リンクのURLだけなのに・・・。
使うHTMLは本当にわずかで済むはずなのに・・・。

整理するのが苦手、整理上手にならなければ。本当に出来上がるのかな???
思った以上に時間がかかりそう。時間かければ良いという問題ではない???
あら〜。大変な事始めてしまいました。ん〜・・・・・。

関連記事:
2007年02月27日:無料サーバーFC2に登録するには
この日は記事が2つあります。先にかいたのでホームページビルダーの記事の下に表示されています。

2007年03月06日:FFTPでアップロード
この日は記事が3つありあます。最後に書いたので一番上に表示されています。

2007年03月07日:サーバーにアップロードするフリーソフトFFTP

2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月12日:見出しにリンクを張る

2007年04月13日:見出しにリンクを張るその2

2007年04月16日:見出しにリンクを張るその3空要素
2007年4月16日は記事が2つあります。先にかいたのでFirefoxの記事の下に「見出しにリンクを張るその3空要素」が表示されています。

2007年04月17日:絶対パス・相対パス

2007年06月07日:同じページないにリンクを張る

2007年06月13日:ブログの関連記事にリンクを張る

人気blogランキングへ

★クリックで救える命がある★ ←クリック募金サイト

2007年06月07日

同じページないにリンクを張る

パソコン奮闘記 ホームページ作成日記

同じページないにリンクをはるのにname属性を使いましたが、XTML1.0では「推奨されない」属性、XHTML1.1では廃止されているので、id属性を使いましょうと本に書いてありました。

<要素 id="ID名">

あれ終了タグは?
無しにしたら、リンクにポインタを当てると色が変わるようにした時、<要素 id="ID名">の後のの文章まで次ぎのリンクの終了タグがでるまで色が変わってしまいました。
やはり終了タグは必要なようです。

ただここで又name属性と同じ問題が。

<A name="属性値">〜</A> 〜は空にしているのはよくないと言われても、書くと書いた文字が表示されてしまいます。わざわざページのトップに戻ったところにTOPなんて表示したくないのですが、id属性でも同じ問題を抱えてしまいまいた。とりあえず空で書いてしまっています。
ブログの記事欄でどこまでできるのか・・・。
ホームページにしろ、このブログにしろどこまであっているやら。多分どこかが不完全のような・・・
実際ページないリンクを張っているのは、
「■ 調べる」の見出しと、「辞書」と「郵便番号」だけです。
練習中のホームページでは出来ています。とりあえずページ内でのリンクをはってみましたが、全体の構図をどうするのか難しい。もっと見やすいようにしなければ・・・

↓H1の見出しのバックの色の指定はしていませんが、ブログのスタイルシートでH1のバックの色を指定しています。ブログタイトルがH1のため「ボケネコのパソコン生活」のバックの色と同じ色がバックについています。一つのホームページにH1は一つのようですが、ブログタイトルと記事でH1使って大丈夫かな・・・


リンク集〜ボケネコのため





■ 調べる



辞書 | 郵便番号



■ 出かける・旅する・出張する



地図 | 宿を探す | 飛行機を手配する | 電車を調べる



■ 募金・ボランティア



クリック募金 | ボランティア





調べる


辞書



↓はボケネコが記入したリンクです。ホームページでは改行タグがないと、横へズラ〜と並びます。ブログはメールと同じように「Enter」キーで改行しています。
フリー百科事典 Wikipedia
アスキー デジタル用語辞典
T用語辞典 e-Words
英辞朗地球人ネットワークを創るアルク:スペースアルク
英和辞典 - goo 辞書
語源辞典:スペースアルク
超漢字検索【漢ぺき君】で漢字をひこう 漢字辞典 難読辞典の決定版
手紙作成サービス レターなび
国語施策情報システム
キーボードショートカットキーの一覧
拡張子博物館
拡張子辞典



TOPへ

調べるへ戻る

辞書へ戻る










郵便番号



↓はボケネコが記入したリンクです。ホームページでは改行タグがないと、横へズラ〜と並びます。ブログはメールと同じように「Enter」キーで改行しています。
「ゆうすけ」郵便番号
郵次郎 郵便番号検索サービス
郵便番号を検索 - goo 郵便番号
ゆうびんホームページ 郵便番号検索
住所辞書検索サービス(DBエンジン性能体験
全国郵便番号一覧郵便専門ネット
店名・電話番号・郵便番号検索サイトのリンク集
郵便番号検索案内 ゆうびんねっと
iタウンページ
http://www.walkerplus.com/takuhai/



TOPへ

調べるへ戻る

郵便番号へ


関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
この日は記事が3つあります。最初に書いたので一番最後に表示されています。

2007年04月16日:見出しにリンクを張るその3空要素
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

★クリックで救える命がある★ ←クリック募金サイト

↑のタグは続きを読むで

人気blogランキングへ


続きを読む

2007年06月20日

CGIて?

パソコン奮闘記

「CGI」、どうも知らない人はいないような。でもボケネコは知りません。
先生の講座用のfc2サーバー以外に、もう別のサーバーを練習用にとプロバイダーのサーバー等を調べていると出てきます。ボケネコも知らないパソコンの事、ボケネコを襲ったパソコントラブルについて書くのにはエネルギーがとても必要です。

でも気になる「CGI(シージーアイ)」が出来る、出来ない・・・。ブログにもあるような。
CGI使えても、「Perl(パール)」のみとか。

IT用語辞典→CGI
Common Gateway Interfaceの頭文字。というだけで読んでもサッパリ????

アスキーデジタル辞典→CGI

ウィキペディア→Common Gateway Interface

身近なところでは、掲示板やアクセスカウンタが設置できるか出来ないなんですね。

ホームページを自分で作った時、ブログのようなコメント書き込みをしてもらう為に、HTMLでコメント入力用フォームをつくり、フォームからデータをサーバーに送り、データを処理して送り返してくれるプログラムを一般的に「CGI」と呼んでいるそうです。(ブラウから送られたデータをサーバーが処理して結果を送り返してくれます。)

ネット上で注文や問合せをすると直ぐメールで、受け取り確認がくるのはこの「CGI」があるから出来るのかな????

「Perl」は「CGI」を用いるプログラムのプログラム言語。C言語やPerlが使われる事が多かったのが、最近はPHPやPython、Rubyなどが使われるようになったので、「Perl」だけと注釈がついているようです。

自分でプログラムを記述してサーバーにアップロードして使う事もできるそうですが、「Perl」のみとかかれている場合は、プログラミング言語は「Perl」で記述しないといけないと言うことでしょう。

おのおののプログラミング言語については、ウィキペディア「Common Gateway Interface」の中にさらにリンクがあります。興味のある方はどうぞ。

実は持っている本にも記述はありました。転記にならないように書き直す才覚がないので、ネットのリンクで手抜きしました。でも国語力がないので書いたことどこまで正しいのかな????

読んでいる本→できる大事典HTML&CSS


人気blogランキングへ

★クリックで救える命がある★ ←クリック募金サイト

2012年02月17日

ドメイン取得

ドメイン取得

pastel-art-kokoro.com

どこでとっても、同じということです。

今すぐ使うわけではありません。

下記は、自分でホームページを作れるタイプの物です。
http://www.netpalace.jp/ 
最大530MB 月400円

http://grupo.jp/
基本無料 100MB

↑は独自ドメインを利用できないことから検索結果に表示されにくいというデメリットがあります。趣味ならOKです。すこし、容量が小さいので、画像を沢山のせたいときは・・・

しばらくは、無料の
Jimdo
http://jp.jimdo.com/

↑をつかいます。(自分でホームページを作れるタイプの物です)
広告もでますし、独自ドメインも使えませんが。

形になったら、グレードアップして、有料にすれば、独自ドメインもつかえます。
広告もでません。
料金に、サーバーと独自ドメインの料金もふくまれています。
ただ、引越しする時には、そのドメインを持っていけないような。

説明の読み方がわるいのかもしれませんが。
いままで、自分の使っていた、ドメインでも使用は可能となっています。

お名前.comで、ドメインを取得しました。
年間¥920円。これから先も毎年¥920円。

お名前.comのサーバーでなく、他で使うときは、引越し手数料が必要なようです。
多分?

引越し手数料支払って、Jimdoのグレードアップの時に、今回取得した、ドメイン使います。

急がなくても、後で取得可能そうなドメインですが、万が一誰かに取得されて、なんて事になる前に、とりあえず取得。

はやく使えるようになりますように!!

グレードアップ JimdoPro \11,340

少し敷居が高い・・・・


で、なぜ私が手続きをすると、

昨日に、ドメインも決まっててれ、使えることが確認できていて、手続きするところも決まっていて、2h以上も時間がかかるの・・・・

2012年06月21日

Jimdo free HPのヘッダーのトラブル

JimdoのHPヘッダーのトラブル

何の気なしに触ってしまいました。
JimdoのHPヘッダーへ、自分のPCから画像を選択しただけで、ヘッダーに張り付いてしまいました。アップロードはしなかったし、アップロードのボタンもなかったけれど・・・

JimdoのHP間違って、ヘッダーにオリジナル画像をアップすると、オリジナル画像は削除出来なそうです。(シクシク)

一度アップされたものを変更する方法としては、

1「フォトギャラリー」より既存の画像を選択
2別のオリジナル画像をアップ

しかないそうです。

あ〜、1の「フォトギャラリー」より既存の画像を選択選択で、別のテンプレート(CSS)を選べばいいの????

やってみるしかない。

有料の方が優先、無料なのに、とっても早い、ご回答をいただいたのですが。
自分でなとかできるのかしら・・・

・「フォトギャラリー」より既存の画像を選択
↑最初は意味がわかりませんでしたが、既存画像に白でなにもないものがありました。

それを選択しましたら、誤って、アップロードした、画像が消えました。

誤ってアップロードした画像を、白で塗り隠したというところのようです。

パステルアート教室from桑名【パステルのこころ】初心者でも安心!簡単!


Jimdoでつくる簡単ホームページ!


Jimdoでつくる簡単ホームページ。無料ホームページ登録サイト