メイン

用語解説 アーカイブ

2008年04月24日

スタイルシート(CSS)とは?(用語解説)

スタイルシート(CSS)」とは、ウェブサイトのレイアウトを定義するためのものです。

Cascading Style Sheet (カスケーディング・スタイルシート)を略したものが「CSS]と表記されています。

HTMLで文書を書き、文字の大きさ・装飾・行間などの見栄えに関する情報をCSSで管理するというのが一般的です。

しかも、スタイルシートの部分を外部ファイルとして保存することで、ホームページのソースがスッキリします。また、複数ページを共通したレイアウトで管理できるというメリットがあります。


友好サイト「ブログが作りたい!」でCSS入門というコーナーを作られていますので、ぜひご覧下さい。


◎その他の参考サイト◎

CSSレイアウト実践講座

とほほのスタイルシート入門

スタイルシート(CSS)で段組を構成する 1 スタイルシートだけで段組を作る

スタイルシートリファレンス

スタイルシート例文辞典


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2008年04月04日

ファビコン(favicon)で「お気に入り」の中でも目立たせましょう!

ファビコン(favicon)という特殊なアイコンファイルを用意すると、「お気に入り(ブックマーク)」の中でも、自分のサイトを目立たせる事ができます。


↓↓お気に入りの中↓↓

2008040401.jpg


日南商工会議所とこのブログでは、以下のようなファビコンを使用しています。

ファビコン

(フリーソフトを使って作ったのは覚えていますが、作り方は忘れてしまいました・・・。)

作り方はこちらが分かりやすそうので、参考にしてみて下さい。

@icon変換」というフリーソフトを使うか、「favikon」というサイトでオンラインで作成できるようですね。

先日紹介した「WEBフリー素材 News&Days」でもファビコンを無料配布されています。



ファビコンを作成した後は、

続きを読む "ファビコン(favicon)で「お気に入り」の中でも目立たせましょう!" »


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年12月21日

タグとは?(用語解説)

HTMLタグとは別に、記事に対してタグを設定することができます。

キーワードとは別です。ちょっと紛らわしいですね。FC2ブログの場合は、「ユーザタグ」と表現されています。


2007121901.jpg
FC2ブログの場合



2007121902.jpg
MT(ムーバブルタイプ)Ver3.33の場合

このタグは、こちらこちらのように、タグでの検索に対応しています。
必須ではありませんが、余裕があれば入力しておいた方が良いでしょう。

タグを入れておくと、ブログのタグクラウドを表示させることもできます。(MTの場合の表示)


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年10月15日

ムーバブルタイプ(Movable Type)とは?(用語解説)

 「ムーバブルタイプ(Movable Type)」とは、Six Apart社のブログシステムのことです。

 ユーザがIEやFirefoxなどのWebブラウザから投稿した記事をデータベースに保存し、あらかじめ用意されたテンプレートファイルを元にページを生成します。
 ユーザが機能を追加できる「プラグイン」という機構が用意されており、世界中のプログラマが様々なプラグインを開発・公開しています。

 ムーバブルタイプ(Movable Type)の管理画面はこんな感じです。
20071015.jpg


 語弊を承知で簡単に説明すると、FC2やライブドアなどが提供しているブログサービスと基本的には同じようなものですが、ムーバブルタイプ(Movable Type)は自由度が高く、自社のホームページ内に組み込むことができます。
 例えば、日南商工会議所の場合、「http://www.miyazaki-cci.or.jp/nichinan/」というホームページアドレス内に「http://www.miyazaki-cci.or.jp/nichinan/blog/」というブログを開設しています。これをサイト内ブログと言います。

 このサイト内ブログを開設することで、ドメイン内のページがどんどん増えていき、検索エンジン対策にも効果があると言われています。

 ムーバブルタイプを利用するには、多少コストが掛かります。


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年10月13日

グーグルページランクとは?(用語解説)

 「ページランク」とは、Googleが開発した、Webページの重要度をランク付けする仕組みのことです。

 Googleページランクは 0~10で表示され、数値が大きいほどGoogleからの評価が高いということになります。
 Googleのページから引用すると、以下の通りです。
 

ページAからページBへのリンクをページAによるページBへの支持投票とみなし、Googleはこの投票数によりそのページの重要性を判断します。しかし Googleは単に票数、つまりリンク数を見るだけではなく、票を投じたページについても分析します。「重要度」の高いページによって投じられた票はより高く評価されて、それを受け取ったページを「重要なもの」にしていくのです。

 つまり、ページランクの高いページから、たくさんリンクしてもらうことが大事ということです。


 ページランクは、「Firefox」をオススメします!でGoogleツールバー付きのFirefoxをインストールすれば簡単に確認できます。

20071013.jpg

 この赤枠の部分を拡大したものが下図です。「PageRank」の部分にマウスを合わせると、ページランクが数字で表示されます。
200710132.jpg


 加藤先生は、「ページランク4を目指しなさい!」と教えられています。過去に、その講義を受けられた小竹さんは、当時のメモに「ぺ 4 10」と記入していて(ページランクは10段階あり、4を目指すと書いたつもり)、後で見返して「ぺヨンジュン?」と大笑いしたというエピソードを教えていただきました。

 ちなみに日南商工会議所のページランクは「4」です。(行政や商工会議所などは、ページランクが高めになっているようです。)


参考:Googleの人気の秘密
http://www.google.co.jp/intl/ja/why_use.html


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年10月03日

HTMLとは?(用語解説)

 「HTML」とは、ホームページやブログなどのWebページを作るための言語のことです。

 文書の一部を「タグ」と呼ばれる特別な文字列で囲むことにより、文字の大きさや色を変えたり、他のホームページ等へのリンクを貼ったりする事ができます。


 ホームページは以下のような構成になっています。


<HTML>
<HEAD>
<TITLE>ホームページのタイトル</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">

<H1>見出しです</H1>
<P>内容を書く部分です。</P>

</BODY>
</HTML>


 上のHTMLタグをメモ帳などに貼り付けて、拡張子を「.html」に変更して保存すると、下のようなホームページができあがります。

hp.jpg


 見ているホームページのHTMLタグを見たい場合は、「IE(インターネットエクスプローラ)」では「表示」→「ソース」で、「Firefox(ファイヤーフォックス)」では「表示」→「ページのソース」で見る事ができます。

 Firefoxの場合、タグに色が付いて表示されるほか、文字等を選択した状態で「右クリック」→「選択した部分のソースを表示」する事ができるので、他のホームページ等のHTMLを参考にする際などに役立ちます!

 他にも、HTMLには色々なタグがあるのですが、そのうちの代表的なものを紹介します。

◎文字を大きくしたい場合

  <font size="+2">あいうえお</font> とすると、 あいうえお と表示されます。
  ("+2")の部分の数字は-2から+4まで設定できます。

  SEO対策には、重要なキーワードなどにH1やH2タグの方が良いです。使い方に注意が必要ですが。

 ◎文字に色をつけたい場合

  <font size="+2" color="red">あいうえお</font> とすると、 あいうえお と表示されます。
  半角のスペースを空けて、上の様に入力して下さい。("red")の部分は好きな色を設定できます。
  ※sizeを変える必要がない場合は省略して下さい。

 ◎太字にしたい場合

  <b>あいうえお</b> または <strong>あいうえお</strong> とすると、 あいうえお と表示されます。

 ◎書体を変更したい場合

  <font face="HG丸ゴシックM-PRO">あいうえお</font> とすると、 あいうえお と表示されます。
  ※書体については、見た人のパソコンにその書体がインストールされていない場合はその通りには表示されません。

 ◎別のホームページ等へリンクしたい場合

  <a href="http://www.miyazaki-cci.or.jp/nichinan/" target="_blank">日南商工会議所</a> とすると、
  日南商工会議所 と表示され、文字の部分をクリックすると、
  日南商工会議所のホームページが新しいウインドウで表示されます。
  ("http://~/")の部分にリンクしたいホームページのアドレスを入力して下さい


 これらを組み合わせて使うこともできます。例えば、
  <font size="+2" color="red"><b>あいうえお</b></font> とすると、 あいうえお と表示されます。


※上で紹介したもの以外にも色々あります。とほほのWWW入門等をご覧下さい。
※注意 <font>などのタグの部分は必ず半角英数で入力して下さい。


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年09月25日

RSSとは?(用語解説)

RSS」とは、Webサイトの各ページのタイトルやアドレス・更新した最新記事の要約・更新時刻などが書かれたデータのことです。

ブログなどは標準でこの機能に対応しており、記事を更新するたびに、RSSのデータも更新されます。

RSSリーダーと呼ばれるものを使うと、そのWebサイトを見なくても、更新情報を手にする事ができます。


また、RSSを利用すると、「ブログの最新記事一覧をホームページに自動的に掲載するには」でも紹介した通り、ブログの更新情報をWebサイトに表示させることもできます。

 

Firefoxを使うと、そのHPがRSSに対応しているかどうかが一目でわかります!

対応しているHPの場合、アドレス欄の右隅にRSSのマークが表示されます。(下図の赤枠の部分参照)

2007120301.jpg


そこをクリックすると、下図のようにRSSのデータが表示されます。

2007120302.jpg

このブログでは、「http://www.miyazaki-cci.or.jp/nichinan/blog/atom.xml」と表示されます。

FC2ブログの場合(ブログアドレス+?xml)です。

 

このRSSを利用すると、ブログ等の更新情報をHPに自動的に掲載したり、mixi(ミクシィ)にブログの最新記事を掲載するなど色々な事ができます。

 

「RSSとは?」YouTubeより


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年09月23日

トラックバックとは?(用語解説)

 「トラックバック」とは、他のブログの記事を参考にして自分のブログの記事を書いた際に、「あなたの記事を参照しましたよ~!」という情報を相手に通知する仕組みのことです。

 相手の記事のトラックバック欄に、自分が更新した記事のタイトル、内容の要約などが表示され、その記事へリンクも設置されます。つまり、被リンクが増えるわけです。

 記事を書く際に、関連する(ブログ等の)記事がトラックバックURLを表示していたら、とりあえずトラックバック送信してみましょう!

 ※但し、ブログによっては、管理人が承認して初めて、トラックバックを表示させる設定にしているところもあります。(このブログもそうです。)

参考:FC2ブログ公式マニュアル


追記(2007/10/30):本日時点で、このページのページランクは「4」。トップページの「2」を上回っています!たぶん理由は、FC2ブログ公式マニュアルのトラックバックに関する記事にトラックバックを送信し、掲載されたからだと思います。その記事から、このページへのアクセスも多いようです。
 トラックバックに関する記事で、トラックバックの重要性を示せたようです。


今日の記事は・・・



 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年09月22日

pingとは?(用語解説)

 「ping(ピン)」とは、ブログ等を更新したことを自動的に外部に通知する機能のことです。
 更新したことをアピールする事により、アクセスアップを図ります。

 「ブログのping送信先を設定しましょう。」で紹介した通り、PINGの通知先は多数あります。


参考:FC2ブログ公式マニュアル


今日の記事は・・・


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

2007年09月21日

SEOとは?(用語解説)

 「SEO」とは、「検索エンジン最適化」という意味の英語「Search Engine Optimization」の略です。

 ヤフーやグーグルなどの検索エンジンでの検索結果で、自分のホームページが上位表示されるように工夫することや、そのための技術のことを指します。


 もっと詳しく知りたい方は、「検索エンジン最適化 - Wikipedia」などをご覧下さい。


 人気blogランキングまたは、FC2 Blog Rankingをクリックお願いします(^_^) 日南商工会議所

上へ

ブックマーク

RSSリーダーで購読する
更新情報をメールで受け取る

Yahoo!ブックマークに登録
My Yahoo!に追加
Google ブックマークに追加
FC2ブックマークFC2ブックマークへ追加
このブログをクリップ!このブログをクリップ!
はてなブックマークはてなブックマークに登録 
はてなRSSに追加

目次

カテゴリー


役に立つサイト集

FC2ブログに登録
FC2ID
キーワードの探し方
パソコン活用講座
Google Analytics
  (アクセス解析)
Another HTML-lint gateway
  (HTMLの構造を採点)
Markup Validation Service
  (HTMLの構造をチェック)
Internet Archive
  (HPの過去を知る)
Googleローカルビジネスセンター
  (Googlemapに掲載申請)
FC2サイトマップ
  (サイトマップ自動作成)
googleウェブマスターツール
  (サイトやサイトマップの登録)
SEO TOOLS
  (SEO最適度を診断)
mixi
Web担当者Forum
レンタルサーバならさくらインターネット
  (レンタルサーバ契約なら)
統計つきFC2アクセスカウンター
  (無料アクセスカウンター)

About 用語解説

ブログ「日南商工会議所ブログ 宮崎県日南市からITに関する情報を発信します。」のカテゴリ「用語解説」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

次のカテゴリはFC2ブログです。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。





FC2ブログ

◆FC2ブログに登録する!
◆FC2ブログの登録方法を動画で紹介
◆ping送信先を設定しましょう
◆画像にキーワードを埋め込む
◆カレンダーと月別アーカイブを合体
◆最近のコメントをツリー表示に
◆デザインの変更方法
◆携帯からの更新・管理
◆携帯版・管理、全記事、サイトマップ等
◆ブログパーツを載せる
◆mixi(ミクシィ)に最新記事を掲載
◆更新情報をHPに自動的に掲載
◆サイドバーにタグを貼り付ける
◆メールフォームを設置 その1
◆メールフォームを設置 その2
◆他のサイトからのアクセスを調べる
◆My Yahoo!に追加・Yahoo!ブックマークに登録ボタンの設置方法
◆管理を簡単にするタグを貼りつける。
◆迷惑なコメント・トラックバックの削除方法


HP作成勉強会

◆メンバーのブログ更新状況
◆blog(ブログ)の重要性について
◆勉強会開催のご案内
◆第1回勉強会
◆第2回勉強会 
◆第3回勉強会
◆第4回勉強会  
◆第5回勉強会  
◆第7回HP作成勉強会を開催しました!
◆自主勉強会の初日
◆第8回HP作成勉強会を開催しました!
◆第9回HP作成勉強会を開催しました!
◆第10回HP作成勉強会を開催しました!
◆デジタルカメラの撮影研修



j002.jpg

SEO対策

◆検索エンジン対策の重要性
◆ロボットの巡回を申請
◆ページ数や被リンク数を確認
◆サイトマップ作成のススメ
◆HPの構造をチェック
◆HPの構造を採点
◆検索エンジンへサイト登録
◆SEOアクセス解析ツール
◆話題のキーワードを調べる
◆YahooやGoogleがHP作成を解説
◆「ザ・ビジネスモール」へ登録
◆ソーシャルブックマークを表示させる
◆メールに署名を付けましょう!
◆メールに署名!(Thunderbird編)
◆Yahoo!オンビジネスに登録申請!
◆キーワードツールでキーワードを考える
◆キーワードアドバイスツールでキーワードを考える
◆「はてなRSS」の活用
◆HTMLタグは小文字で記述
◆タグの修正に文字の置換機能を使う
◆RSSの活用法 「FeedBurner」の利用
◆Yahoo!検索窓の設置方法
◆Google検索窓の設置方法
◆ファビコン(favicon)の作成方法

j001.jpg

Google関連

◆アクセス解析Google Analystics
◆Google Analyticsの設定方法
◆Googleウェブマスターツール
◆Googleマップに自分の店を表示


用語解説

◆SEOとは?
◆pingとは?
◆トラックバックとは?
◆RSSとは?
◆HTMLとは?
◆グーグルページランクとは?
◆ムーバブルタイプとは?
◆タグとは?
◆スタイルシート(CSS)とは?

セキュリティ対策

◆ウイルス対策ソフト
◆検索結果のサイトの安全性を確認
◆Windows Defender
◆見ただけで相手に伝わる個人情報は?
◆Windows Updateは重要です。
◆ボットウイルス駆除ツール


パソコン関連

◆重要なデータをバックアップ
◆「Outlook Express」のバックアップ
 その1  
◆マウスとキーボードで仕事の効率アップ


使えるソフト

◆携帯向けHPをPCで見る
◆デジカメ画像閲覧・編集ソフト
◆blog更新ソフト
◆無料ブラウザ Firefox
◆FirefoxにIEでの表示機能を付ける
◆メールソフト Thunderbird
◆デジカメ画像取り込み Picmv
◆圧縮・解凍ソフト「+Lhaca」
◆ファイル転送ソフト「FFFTP」
◆FFFTPの設定方法
◆FFFTPの使用方法
◆ホームページビルダーの設定
◆ホームページビルダーの注意点
◆ホームページビルダーのバックアップ機能
◆無料バックアップソフト「BunBackup」


役に立つサイト

◆Yahoo!地図情報に参加
◆日経パソコン
◆ホームページの配色について
◆SEO対策ツールを無料公開しているサイト
◆CSSレイアウト実践講座
◆スタイルシート(CSS)で段組を構成
◆テンプレートを公開しているサイト「decoweb」
◆テンプレートを公開しているサイト「k2-s.com」
◆ホームページ用の無料素材サイト
◆ネット店長にインタビュー!
◆5GBの無料ストレージサービス
◆複数のブラウザ環境でサイトをチェック
◆無料マップ作成【Yahoo!ワイワイマップ】
◆無料マップ作成【Google! マップ】
◆無料メーリングリスト作成【Yahoo!グループ】
◆無料メーリングリスト作成【Google! グループ】