どうでもいいことをつぶやいたり、企画のお知らせしたり、
らくがきupしてみたり。ぐだぐだ日記。
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
はい。即座にこんにちは。いやこんばんは。
研究室のデスクから何をしとるんだ私は。ねこです。
さてさて今回はついにつくったふぁびこんをhtmlに設定してふぁびってみましょう！
htmlってなに？って人はさすがに説明しだすと止まらないので、機会があればまた今度。
いつか更新するかもしれない可能性も否定できないかもしれない、
「ねこといっしょにHPつくってみよう」（もはや別サイト）
にてお話します。需要があったらね。需要が。
ねこは3日徹夜で勉強して今のサイト作ったので、ちょっとずつ慣れていく感じならすぐできると思います。
頑張る気持ちが必要ですが。
気になる方はご連絡ください。またこうやって講座開きますのでw
では続きにて会いましょう。ねこでした。
研究室のデスクから何をしとるんだ私は。ねこです。
さてさて今回はついにつくったふぁびこんをhtmlに設定してふぁびってみましょう！
htmlってなに？って人はさすがに説明しだすと止まらないので、機会があればまた今度。
いつか更新するかもしれない可能性も否定できないかもしれない、
「ねこといっしょにHPつくってみよう」（もはや別サイト）
にてお話します。需要があったらね。需要が。
ねこは3日徹夜で勉強して今のサイト作ったので、ちょっとずつ慣れていく感じならすぐできると思います。
頑張る気持ちが必要ですが。
気になる方はご連絡ください。またこうやって講座開きますのでw
では続きにて会いましょう。ねこでした。
[0回]
まず最初に。
実はねこには夢があります。
自分のお店をweb上に持つことです。
出来ることなら趣味の粘土細工(キーホルダーとか作るの好きです)の作り方サイトも一緒に持ちたいです。
ということで、こうやって講座じみた記事も練習として作ってみたいのですね。
そういうわけです。うざかったらごめんなさい。
このへん見難い。こうしたら見やすい、って神のような意見をくださる方がいれば、どしどしどうぞ。
というわけで。
http://osatoward.nekonikoban.org/christmas.html
では、このページを見てください。
大丈夫です外部じゃなくてねこのページです。
ばばーん！！
どうですか！これがふぁびこんです！
適当に作ったクリスマスイベントページ(作成途中)です。
ブラウザ上部のURLのところを見てください。
前記事で作ったアイコン
がふぁびこんになってますね。
今回はこの設定方法をご紹介いたします。
ええと、前回は、
ファビコン変換サイトにて変換したzipファイルを、解凍ソフトで解凍したところまで行きましたね。
解凍したファイルを開いてみましょう。
元のgifファイルと、readmeのテキストファイルと、
形式が「.ico」となっているファイルがありますね。
ねこはイラストに「favicon.gif」と名前をつけたのですが、変換されて「favicon.ico」となってました。
この「.ico」のファイルがファビコンになりますので、大事に取っておきましょう。
後は捨てても大丈夫です(笑）
のちのちサイト全体にも甘染病糖ふぁびこんを設置する予定（むふふ・・）なので、
「favic.ico」と名前を変えておきますフフフ・・・。
それではこっからはhtmlでサイトを作っている方向けの説明となります。
ふぁびこんを設置したいページのhtmlをメモ帳で開きます。
深くは説明しませんが、ファビコン設定のためには<head>タグの中をいじります。
設定方法は簡単です。
<head>～</head>の間に、次のタグを挿入します。
<link rel="shortcut icon" href="☆★☆★">
もちろんこれだけじゃだめです。
☆★☆★のところを先ほど解凍した(または名前変換した)ファビコンのデータに変えます。
ねこの場合はこうです。
<link rel="shortcut icon" href="favic.ico">
これで完成です。あ、もちろんアップロードして使います。
形式が『.ico』になっているか注意しましょうね！
さて、これでめでたしめでたし～にしてもよいのですが、先ほどのクリスマス企画ページ。
ねこが作ったファビコンを見て、
・・・・かんじませぬか、何か。
ねこは感じます。ひしひしと感じます。
周りが白く四角くなっててうっざいですね。
試しにお気に入りに設定してみましたが、他のサイトのファビコンは「イラスト以外の部分が透けて」背景とマッチしているのに対し、ねこが作ったふぁびこんったらもう。。。。
浮いてるよう！
さて、次回からはこれを解消していきましょう。
普通のふぁびこん制作ならここまででOKです。
前回の記事でご紹介したこと、覚えてますか？ほら、画像ファイルにはいろいろな形式があるって・・・。
ふふふ、そうです。次回は！
「.gifファイルの本領発揮！？突撃！『透過処理』」 です！
『透過処理』とはその名の通り、背景を『透けて見える』ようにする、
いわゆるその部分を「透明にする」処理です。きゃっ。透けて見えるだなんて、破廉恥！
はい、ねこは殴っておきます。
どれもこれもフリーソフトでお送りしますので、誰でも出来ます。
ねこも今やってみましたが信じられないくらい簡単でした。
では、次回をお楽しみに！
実はねこには夢があります。
自分のお店をweb上に持つことです。
出来ることなら趣味の粘土細工(キーホルダーとか作るの好きです)の作り方サイトも一緒に持ちたいです。
ということで、こうやって講座じみた記事も練習として作ってみたいのですね。
そういうわけです。うざかったらごめんなさい。
このへん見難い。こうしたら見やすい、って神のような意見をくださる方がいれば、どしどしどうぞ。
というわけで。
http://osatoward.nekonikoban.org/christmas.html
では、このページを見てください。
大丈夫です外部じゃなくてねこのページです。
ばばーん！！
どうですか！これがふぁびこんです！
適当に作ったクリスマスイベントページ(作成途中)です。
ブラウザ上部のURLのところを見てください。
前記事で作ったアイコン
がふぁびこんになってますね。
今回はこの設定方法をご紹介いたします。
ええと、前回は、
ファビコン変換サイトにて変換したzipファイルを、解凍ソフトで解凍したところまで行きましたね。
解凍したファイルを開いてみましょう。
元のgifファイルと、readmeのテキストファイルと、
形式が「.ico」となっているファイルがありますね。
ねこはイラストに「favicon.gif」と名前をつけたのですが、変換されて「favicon.ico」となってました。
この「.ico」のファイルがファビコンになりますので、大事に取っておきましょう。
後は捨てても大丈夫です(笑）
のちのちサイト全体にも甘染病糖ふぁびこんを設置する予定（むふふ・・）なので、
「favic.ico」と名前を変えておきますフフフ・・・。
それではこっからはhtmlでサイトを作っている方向けの説明となります。
ふぁびこんを設置したいページのhtmlをメモ帳で開きます。
深くは説明しませんが、ファビコン設定のためには<head>タグの中をいじります。
設定方法は簡単です。
<head>～</head>の間に、次のタグを挿入します。
<link rel="shortcut icon" href="☆★☆★">
もちろんこれだけじゃだめです。
☆★☆★のところを先ほど解凍した(または名前変換した)ファビコンのデータに変えます。
ねこの場合はこうです。
<link rel="shortcut icon" href="favic.ico">
これで完成です。あ、もちろんアップロードして使います。
形式が『.ico』になっているか注意しましょうね！
さて、これでめでたしめでたし～にしてもよいのですが、先ほどのクリスマス企画ページ。
ねこが作ったファビコンを見て、
・・・・かんじませぬか、何か。
ねこは感じます。ひしひしと感じます。
周りが白く四角くなっててうっざいですね。
試しにお気に入りに設定してみましたが、他のサイトのファビコンは「イラスト以外の部分が透けて」背景とマッチしているのに対し、ねこが作ったふぁびこんったらもう。。。。
浮いてるよう！
さて、次回からはこれを解消していきましょう。
普通のふぁびこん制作ならここまででOKです。
前回の記事でご紹介したこと、覚えてますか？ほら、画像ファイルにはいろいろな形式があるって・・・。
ふふふ、そうです。次回は！
「.gifファイルの本領発揮！？突撃！『透過処理』」 です！
『透過処理』とはその名の通り、背景を『透けて見える』ようにする、
いわゆるその部分を「透明にする」処理です。きゃっ。透けて見えるだなんて、破廉恥！
はい、ねこは殴っておきます。
どれもこれもフリーソフトでお送りしますので、誰でも出来ます。
ねこも今やってみましたが信じられないくらい簡単でした。
では、次回をお楽しみに！
PR
この記事にコメントする