› ブログテンプレートカスタマイズ、ホームページの作り方2008年11月14日
緊急告知本日午後19時よりブログカスタマイズ講座ひらきます。
こんにちは
突然ですが
本日午後19時よりぷらっとほーむ浜松さんにおきまして
はまぞうブログカスタマイズ講座を開きます。
システムファウンデーションの松本さんと
タッグを組みまして
させていただきます。
人前で話すなんて、ほぼありえない私ですが
みなさんに伝わるように一生懸命話させていただきますので
お時間のある方はぜひどうぞ
まだお席に余裕があるみたいです。
詳しくはこちら
をご覧下さい。
内容は、はまぞうブログの上部をオリジナルの画像に差し替える方法です。
その他、ホームページの作り方に関する疑問、質問なども
受け付けますのでぜひ来てみてください。
（あまりに高度な質問はお持ち帰りとさせていただく場合もございます。）
参加してくださった方には
テキストのマニュアルと動画マニュアルが
ついてきます。
参加費は2000円です。
よろしくお願いします。
突然ですが
本日午後19時よりぷらっとほーむ浜松さんにおきまして
はまぞうブログカスタマイズ講座を開きます。
システムファウンデーションの松本さんと
タッグを組みまして
させていただきます。
人前で話すなんて、ほぼありえない私ですが
みなさんに伝わるように一生懸命話させていただきますので
お時間のある方はぜひどうぞ
まだお席に余裕があるみたいです。
詳しくはこちら
をご覧下さい。
内容は、はまぞうブログの上部をオリジナルの画像に差し替える方法です。
その他、ホームページの作り方に関する疑問、質問なども
受け付けますのでぜひ来てみてください。
（あまりに高度な質問はお持ち帰りとさせていただく場合もございます。）
参加してくださった方には
テキストのマニュアルと動画マニュアルが
ついてきます。
参加費は2000円です。
よろしくお願いします。
Posted by はし＠ウェブ屋さん at
15:11
│Comments(2)
2008年10月26日
文字の大きさを変える方法について
今回は文字の大きさを変える方法について
書きたいと思います。
文字の大きさを変えるには
font size というのを使います。
正確には
という書き方になります。
この””の中の値を変える事によって
文字の大きさを変える事ができます。
1,2,3,4,5,6,7 と変えてみたり
+2,+3,-1,-2という風にしてみます。
（この書き方は現在の大きさに対して
大きくしたい、小さくしたいというときに使います。）
例えば
font size=2 にすると
でっかくなったかな？
font size=5だと
でっかくなったかな？
font size=-2
こんどはどうかな？
やって見てくださいね。
ちなみに、前回の色を変えるのを組み合わせると
＜font size=6 color=#ff0000＞色変わったかなあ＜/font＞
（コピーペーストするときは、<>を英文字に直してくださいね。)
色変わったかなあ
書きたいと思います。
文字の大きさを変えるには
font size というのを使います。
正確には
という書き方になります。
この””の中の値を変える事によって
文字の大きさを変える事ができます。
1,2,3,4,5,6,7 と変えてみたり
+2,+3,-1,-2という風にしてみます。
（この書き方は現在の大きさに対して
大きくしたい、小さくしたいというときに使います。）
例えば
font size=2 にすると
でっかくなったかな？
font size=5だと
でっかくなったかな？
font size=-2
こんどはどうかな？
やって見てくださいね。
ちなみに、前回の色を変えるのを組み合わせると
＜font size=6 color=#ff0000＞色変わったかなあ＜/font＞
（コピーペーストするときは、<>を英文字に直してくださいね。)
色変わったかなあ
タグ ：ホームページ
2008年10月23日
2008年10月03日
ホームページの作り方
こんにちは、はしです。
前回からだいぶあいてしまいました。
マイペースで進んでいきますのが
おつきあいのほど
よろしくお願いします。
さて、前回は、もっとも簡単にホームページに
してしまう方法を書きましたが
実は、これは正規な表現ではないのです。
これでも、表示できないことはないのですが、
（むしろ表示できてしまうことがおかしいので）
ホームページを作るとき
いくつか決まり事があります。
それは、どのページにも共通です。
その前に、これを知ってもらいたいです。
パソコンはプログラムで動いています。
「えっ？」
と驚かれる方もいるかもしれませんが
パソコンというのは基本的に命令しないと
何もしてくれません。
あなたのパソコンが何もしないのに
音が鳴り出すとか、走り出したら
奇妙でしょう？
「命令なんてしてないよ」
と思われるかもしれませんが
よーく一つ一つ、細かく見てみると
プログラムが見え隠れします。
まず電源を押さないといけません。
これは、当たり前で、どんな家電も電源を入れないと
電気がとおりませんので
これはプログラムではありません。
問題はその次なんです。
電源ボタンを押してから
パソコンが使えるようになるまで
えらい時間がかかります。
「なんで、こんな遅いんだろう？」と
思ったことはないですか？
実は、パソコンが簡単に使えるようになる為の
準備をしているのです。
パソコンの中に、書き込まれているプログラムを
読んでいるのです。
私達にわからないように
スタートボタンを押したら、メニューを開きなさい、、とか
この場所に時計を表示しなさいとか、、
音を鳴らしなさいとか。
いまでこそ、ウインドウズなんて、マウスをかちかちしたり
ダブルクリックしたりして、いろんなゲームを楽しんだり
ワード、エクセルができるようになっていますが
一昔前は、みんなプログラムを手書きしていたのです。
for i=1 to 5
print "aaaaa"
next i
みたいな、（わはは）
まあ、その名残みたいなものが
ホームページかなあと思ったりしますが
ホームページは、htmlという、（ところでこれプログラムなのかなあ）
命令言語で表します。
はまぞーさんのブログもhtmlで作られています。
yahooジャパンも、グーグルも、みんなそうです。
（厳密にいえば、ちょっと違うのですが、ここでは大目にみてください）
あなたが、インターネットエクスプローラーを開いて
お目当てのページを見たときに、
ホームページとして見えているのは
このhtmlというプログラム言語を使って
命令の組み合わせをしているからなのです。
それは、ここに画像を配置しなさいとか。
ここにボタンを表示して、ここを押したら、新しいページを表示しなさい。
とか、そういうプログラムの集まりで
そう見えているだけなのです。
だから、私達がホームページをつくりたいたときに
パソコンに、「これはホームページの文書だよ」って
教えてあげないといけないわけです。
その基本形は
＜html＞～ ＜/html＞
であらわします。
この＜html＞ですが<>を
タグといいます。
なんで、タグというのかはよくわかりません。
もうちょっと、細かくすると
＜html＞
＜head＞~＜/head＞
＜body＞~＜/body＞
＜/html＞
だいたい、これで、htmlの文章らしくなったと思います。
で、これが、複雑になって、あと２、３の記号が付け加わったりしますが
基本形はこれです。
そして、前回の「こんにちは」ですが
どこに入れるかというと
＜body＞~＜body＞の間に入れます。
＜html＞
＜head＞
＜/head＞
＜body＞
こんにちは
＜/body＞
＜/html＞
これを前回作成した
konnnitiha.htmlに貼り付けます。
どのように貼り付けるかといいますと
をダブルクリックして
を選びます。
すると
konnnitiha.htmlがメモ帳で開くと思いますが
この”こんにちは”を
編集→すべて選択
編集→削除
をします。
何もない空白の状態になったら
＜html＞
＜head＞
＜/head＞
＜body＞
こんにちは
＜/body＞
＜/html＞
※：注
上の<>は、ブログ用にかなで打ってあるので
そのまま使うときは,
お手数ですが,半角に直してください。
をマウスでドラッグして、反転させて
コピーをします。
そして、先ほどの空白の部分に
編集→貼り付け を
押して
上書き保存をします。
そして、konnnitiha.htmlを
ダブルクリックしてください。
見た目には何も変わっていないですが
ブラウザに
「こんにちは」
と表示されていると思います。
これが、基本のホームページの作り方です。
ホームページビルダーやドリームウェーバーなどの
ソフトをお持ちの方は、もっと簡単につくることができますが
そういうソフトを使わなくても
メモ帳で十分、それも、高度なページまで作れちゃうのです。
パソコンに分かるような命令を、順番どおりに
与えてあげるだけなので
家でいえば設計図みたいなものでしょうか。
設計図通りに組み立てれば、どんな複雑なビルディングも
完成してしまう。
その複雑なものを作り上げるには基礎をしらないといけない。
というわけで、もっとも簡単な説明を順番に追っていきたいと思います。
あっ、前回の色を変える方法ですが。
＜FONT color=#000000＞文字＜/FONT＞
という記号を使います。
ためしに
＜FONT color=#ff0000＞こんにちは＜/FONT＞
としてみます。
これを、先ほどの
「こんにちは」
に加えてみましょう。
こんな感じですね。
加えたら、上書き保存をして
メモ帳を閉じて
「konnnitiha.html」をダブルクリックします。
・
・
・
・
どうなりましたか？
先ほどの味気ない「こんにちは」
が燃えるような赤の
「こんにちは」
に変わったかと思います。
余談ですが、
僕が中学生のころ、マイコンというものがはやりまして
その当時は白黒のディスプレーが主流でしたが
カラーのパソコンが始めて出まして
この色がえで結構遊んだ記憶があります。
おっと、話を元に戻しまして
今は、赤でしたが、この#のあとの6文字
これをかえることで、様々な色を出すことができます。
#000000→黒
#ffffff→白
#0000ff→青
一例ですが、けっこう複雑な色も、この組み合わせでできたりします。
面倒くさい人は、＜FONT color=blue＞とかでも
できるので
いろいろ試して見るのもおもしろいですよ。
「こんにちは」だけじゃなくて
昔昔あるところにおじいさんとおばあさんがおりました。
おじいさんは川へ洗濯にいき
おばあさんは山へ芝刈りに行きました。
みたいな長文でもオーケーですので
いろいろやってみてください。
前回からだいぶあいてしまいました。
マイペースで進んでいきますのが
おつきあいのほど
よろしくお願いします。
さて、前回は、もっとも簡単にホームページに
してしまう方法を書きましたが
実は、これは正規な表現ではないのです。
これでも、表示できないことはないのですが、
（むしろ表示できてしまうことがおかしいので）
ホームページを作るとき
いくつか決まり事があります。
それは、どのページにも共通です。
その前に、これを知ってもらいたいです。
パソコンはプログラムで動いています。
「えっ？」
と驚かれる方もいるかもしれませんが
パソコンというのは基本的に命令しないと
何もしてくれません。
あなたのパソコンが何もしないのに
音が鳴り出すとか、走り出したら
奇妙でしょう？
「命令なんてしてないよ」
と思われるかもしれませんが
よーく一つ一つ、細かく見てみると
プログラムが見え隠れします。
まず電源を押さないといけません。
これは、当たり前で、どんな家電も電源を入れないと
電気がとおりませんので
これはプログラムではありません。
問題はその次なんです。
電源ボタンを押してから
パソコンが使えるようになるまで
えらい時間がかかります。
「なんで、こんな遅いんだろう？」と
思ったことはないですか？
実は、パソコンが簡単に使えるようになる為の
準備をしているのです。
パソコンの中に、書き込まれているプログラムを
読んでいるのです。
私達にわからないように
スタートボタンを押したら、メニューを開きなさい、、とか
この場所に時計を表示しなさいとか、、
音を鳴らしなさいとか。
いまでこそ、ウインドウズなんて、マウスをかちかちしたり
ダブルクリックしたりして、いろんなゲームを楽しんだり
ワード、エクセルができるようになっていますが
一昔前は、みんなプログラムを手書きしていたのです。
for i=1 to 5
print "aaaaa"
next i
みたいな、（わはは）
まあ、その名残みたいなものが
ホームページかなあと思ったりしますが
ホームページは、htmlという、（ところでこれプログラムなのかなあ）
命令言語で表します。
はまぞーさんのブログもhtmlで作られています。
yahooジャパンも、グーグルも、みんなそうです。
（厳密にいえば、ちょっと違うのですが、ここでは大目にみてください）
あなたが、インターネットエクスプローラーを開いて
お目当てのページを見たときに、
ホームページとして見えているのは
このhtmlというプログラム言語を使って
命令の組み合わせをしているからなのです。
それは、ここに画像を配置しなさいとか。
ここにボタンを表示して、ここを押したら、新しいページを表示しなさい。
とか、そういうプログラムの集まりで
そう見えているだけなのです。
だから、私達がホームページをつくりたいたときに
パソコンに、「これはホームページの文書だよ」って
教えてあげないといけないわけです。
その基本形は
＜html＞～ ＜/html＞
であらわします。
この＜html＞ですが<>を
タグといいます。
なんで、タグというのかはよくわかりません。
もうちょっと、細かくすると
＜html＞
＜head＞~＜/head＞
＜body＞~＜/body＞
＜/html＞
だいたい、これで、htmlの文章らしくなったと思います。
で、これが、複雑になって、あと２、３の記号が付け加わったりしますが
基本形はこれです。
そして、前回の「こんにちは」ですが
どこに入れるかというと
＜body＞~＜body＞の間に入れます。
＜html＞
＜head＞
＜/head＞
＜body＞
こんにちは
＜/body＞
＜/html＞
これを前回作成した
konnnitiha.htmlに貼り付けます。
どのように貼り付けるかといいますと
をダブルクリックして
を選びます。
すると
konnnitiha.htmlがメモ帳で開くと思いますが
この”こんにちは”を
編集→すべて選択
編集→削除
をします。
何もない空白の状態になったら
＜html＞
＜head＞
＜/head＞
＜body＞
こんにちは
＜/body＞
＜/html＞
※：注
上の<>は、ブログ用にかなで打ってあるので
そのまま使うときは,
お手数ですが,半角に直してください。
をマウスでドラッグして、反転させて
コピーをします。
そして、先ほどの空白の部分に
編集→貼り付け を
押して
上書き保存をします。
そして、konnnitiha.htmlを
ダブルクリックしてください。
見た目には何も変わっていないですが
ブラウザに
「こんにちは」
と表示されていると思います。
これが、基本のホームページの作り方です。
ホームページビルダーやドリームウェーバーなどの
ソフトをお持ちの方は、もっと簡単につくることができますが
そういうソフトを使わなくても
メモ帳で十分、それも、高度なページまで作れちゃうのです。
パソコンに分かるような命令を、順番どおりに
与えてあげるだけなので
家でいえば設計図みたいなものでしょうか。
設計図通りに組み立てれば、どんな複雑なビルディングも
完成してしまう。
その複雑なものを作り上げるには基礎をしらないといけない。
というわけで、もっとも簡単な説明を順番に追っていきたいと思います。
あっ、前回の色を変える方法ですが。
＜FONT color=#000000＞文字＜/FONT＞
という記号を使います。
ためしに
＜FONT color=#ff0000＞こんにちは＜/FONT＞
としてみます。
これを、先ほどの
「こんにちは」
に加えてみましょう。
こんな感じですね。
加えたら、上書き保存をして
メモ帳を閉じて
「konnnitiha.html」をダブルクリックします。
・
・
・
・
どうなりましたか？
先ほどの味気ない「こんにちは」
が燃えるような赤の
「こんにちは」
に変わったかと思います。
余談ですが、
僕が中学生のころ、マイコンというものがはやりまして
その当時は白黒のディスプレーが主流でしたが
カラーのパソコンが始めて出まして
この色がえで結構遊んだ記憶があります。
おっと、話を元に戻しまして
今は、赤でしたが、この#のあとの6文字
これをかえることで、様々な色を出すことができます。
#000000→黒
#ffffff→白
#0000ff→青
一例ですが、けっこう複雑な色も、この組み合わせでできたりします。
面倒くさい人は、＜FONT color=blue＞とかでも
できるので
いろいろ試して見るのもおもしろいですよ。
「こんにちは」だけじゃなくて
昔昔あるところにおじいさんとおばあさんがおりました。
おじいさんは川へ洗濯にいき
おばあさんは山へ芝刈りに行きました。
みたいな長文でもオーケーですので
いろいろやってみてください。
タグ ：ホームページ
Posted by はし＠ウェブ屋さん at
17:04
│Comments(0)
2008年09月26日
楽しんでつくりましょう。
いまでこそ、ブログ全盛の時代ですが
ほんのちょっと前は、個人がホームページを作るのが
ブームでした。
なかでも「日記サイト」というのがいくつかありまして
ランキング形式で、その日記を読んで面白かったものに
投票をするという形式のものがはやりました。
そのころはまだ「ブログ」がありませんから、
みんな自作のホームページを
持っていました。
個人が情報を発信したいという欲求は昔からあり
おそらく、その思いが、インターネット→ホームページで発信→ブログ
となっていったのではないかと思います。
ブログは簡単なのがメリットですが
自分で作る楽しさという部分にちょっとかけています。
記事投稿ボタンを押して、確認画面が出て、そして、記事がブログに
表示される。
とっても、簡単です。
画像なども、お手軽に載せられます。
情報を載せるのに使わない手はありません。
だけども、手作りという部分では失われた感があります。
やってもやってもうまくいかない、レイアウトがちゃんと表示されない
試行錯誤しながら、それでも、自分のページを作り上げ
それが全世界へデビューとなったら、格別のものがあります。
今、全世界と書きましたが、基本的に、インターネットというのは
網みたいなもので、いろんな小さな網が重なっているので
あなたの発信した情報は瞬時に、世界のどこへでも
届けられるのです。
ですから、うまく使えば、あなたのお店の、日本人だと
あたり前のようなものが、海外で重宝される可能性も
あるということです。
ただ、残念ながら、あなたのお店の所在地が
分からないと、海外の人が見つけることができません。
でも、もし海外にお友達がいて、
あなたのお店の所在地にあたるアドレス
『http://....』を教えてあげると
瞬時に、お友達があなたのページを見ることができます。
旬なものを旬なうちに届けることができるわけですね。
ちょっと、かなり脱線してしまいましたが
今日は一つだけ、ホームページの最も簡単な作り方を
書きたいと思います。
あなたのパソコンに「メモ帳」というのが入っていることを知っていますか？
（windowsで説明しています。macはhyper text だったでしょうか）
スタートボタンから、アクセサリーを選んで、メモ帳を選びます。
いわゆるテキストエディタとよばれるもので、文章を書いたりするソフトです。
そこに、かなり乱暴な説明ですが
メモ帳を開いて、
「こんにちは」
と書きます。
そして、デスクトップでもマイドキュメントでもどこへでも
いいので、保存をします。
このとき、名前の付け方は必ず英語にしてください。
ex.konnnitiha.txt
こんな感じになるかと思います。
ためしに、ダブルクリックをすると、先ほどの、メモ帳が開くと思います。
こんどは、アイコンの下の文字部分を右クリックをして
名前の変更を選んで
konnnitiha.txtのピリオドから後ろの部分txtを
htmlに変えます。
するとアイコン（絵）の部分が、
こんな感じ（vistaその他のパソコンは多少絵が変わるかと思います）
に変わります。
そして、ダブルクリックをしてみましょう。
「どうなりましたか？」
先ほど、メモ帳が開いていたと思いますが
今度はいつもお使いになっているブラウザ（internet explorer)が
開いて、その窓の中に
「こんにちは」
と表示されているかと思います。
先ほどのメモ帳との違いは、テキストが開いたときは
「こんにちは」を「こんばんは」に簡単に変更することができますが
ブラウザで開くと、文字をいじることができません。
これが、ホームページのもっとも簡単な作り方です。
どうですか？
次回は、もう少し、正式な表現での作り方と
色を変えたり、文字を大きくしたりするやりかたを
書きたいと思います。
ほんのちょっと前は、個人がホームページを作るのが
ブームでした。
なかでも「日記サイト」というのがいくつかありまして
ランキング形式で、その日記を読んで面白かったものに
投票をするという形式のものがはやりました。
そのころはまだ「ブログ」がありませんから、
みんな自作のホームページを
持っていました。
個人が情報を発信したいという欲求は昔からあり
おそらく、その思いが、インターネット→ホームページで発信→ブログ
となっていったのではないかと思います。
ブログは簡単なのがメリットですが
自分で作る楽しさという部分にちょっとかけています。
記事投稿ボタンを押して、確認画面が出て、そして、記事がブログに
表示される。
とっても、簡単です。
画像なども、お手軽に載せられます。
情報を載せるのに使わない手はありません。
だけども、手作りという部分では失われた感があります。
やってもやってもうまくいかない、レイアウトがちゃんと表示されない
試行錯誤しながら、それでも、自分のページを作り上げ
それが全世界へデビューとなったら、格別のものがあります。
今、全世界と書きましたが、基本的に、インターネットというのは
網みたいなもので、いろんな小さな網が重なっているので
あなたの発信した情報は瞬時に、世界のどこへでも
届けられるのです。
ですから、うまく使えば、あなたのお店の、日本人だと
あたり前のようなものが、海外で重宝される可能性も
あるということです。
ただ、残念ながら、あなたのお店の所在地が
分からないと、海外の人が見つけることができません。
でも、もし海外にお友達がいて、
あなたのお店の所在地にあたるアドレス
『http://....』を教えてあげると
瞬時に、お友達があなたのページを見ることができます。
旬なものを旬なうちに届けることができるわけですね。
ちょっと、かなり脱線してしまいましたが
今日は一つだけ、ホームページの最も簡単な作り方を
書きたいと思います。
あなたのパソコンに「メモ帳」というのが入っていることを知っていますか？
（windowsで説明しています。macはhyper text だったでしょうか）
スタートボタンから、アクセサリーを選んで、メモ帳を選びます。
いわゆるテキストエディタとよばれるもので、文章を書いたりするソフトです。
そこに、かなり乱暴な説明ですが
メモ帳を開いて、
「こんにちは」
と書きます。
そして、デスクトップでもマイドキュメントでもどこへでも
いいので、保存をします。
このとき、名前の付け方は必ず英語にしてください。
ex.konnnitiha.txt
こんな感じになるかと思います。
ためしに、ダブルクリックをすると、先ほどの、メモ帳が開くと思います。
こんどは、アイコンの下の文字部分を右クリックをして
名前の変更を選んで
konnnitiha.txtのピリオドから後ろの部分txtを
htmlに変えます。
するとアイコン（絵）の部分が、
こんな感じ（vistaその他のパソコンは多少絵が変わるかと思います）
に変わります。
そして、ダブルクリックをしてみましょう。
「どうなりましたか？」
先ほど、メモ帳が開いていたと思いますが
今度はいつもお使いになっているブラウザ（internet explorer)が
開いて、その窓の中に
「こんにちは」
と表示されているかと思います。
先ほどのメモ帳との違いは、テキストが開いたときは
「こんにちは」を「こんばんは」に簡単に変更することができますが
ブラウザで開くと、文字をいじることができません。
これが、ホームページのもっとも簡単な作り方です。
どうですか？
次回は、もう少し、正式な表現での作り方と
色を変えたり、文字を大きくしたりするやりかたを
書きたいと思います。
画像一覧 