無料のレンタルサーバー

無料のホームページサービスには、

  1. FC2ホームページサービス
  2. 忍者ブログサービス

があります。
 

まず、無料のレンタルサーバーで試してから

徐々に有料のレンタルサーバーに移行していくという

方法もあります。
 

また、この無料サイトをサテライトサイト

(メインとなるサイトに被リンクを送るために作成するサイト)として

利用する方法もありますね。

 

FC2ホームページ

  • 容量1GB
  • 商用利用可能
  • FTP対応
  • 広告表示なし

 

忍者ホームページ

  • 容量500MB
  • 商用利用可能
  • FTPS対応(暗号化)
  • 1つのIDで10個のホームページ

 

FC2ホームページhttp://web.fc2.com/
 

忍者ホームページhttp://www.ninja.co.jp/hp/
 

 

CSSとは

今回は、HTMLとは切り離せないCSSについてのお話です。

CSS は

Cascading Style Sheets 」の頭文字からとったもの

HTMLはハイパーテキストというのは、前回お話しました。

まだ、見てない方は、こちらHTMLの由来をご覧下さい。

HTMLはテキストいわゆる別な言い方をしますと文字情報ということに

なります。

CSSはどんな役目をするかと言いますと、

文字の色を変えたり、背景に色をつけたり、左側に表示する

右側に寄せるなど、文字や画像の見え方を指定するものです。

見栄えをデザインするときに使うものですね。

このCSSをうまく使えるとホームページやブログがカッコよくなります。

CSSには『内部CSS』と『外部CSS』があります。

『内部CSS』はHTMLの中に記述していくタイプ

一方『外部CSS 』は、HTMLファイルの他に例えば「style.css」などの名前をつけて

別ファイルで作成したものをHTMLファイルに読み込むという形をとります。

W3C(WWWで利用される技術の標準化をすすめる団体)では、

現在、『外部CSS』を使用するよう勧告しています。

また、Googleなどの検索ロボットが、『外部CSS』にした場合の方が

HTMLファイルが、シンプルになるので、クロールしやすくなるということで

(HTMLファイルごちゃごちゃしていると検索ロボットが途中で帰ってしまうから)

『外部CSS』の方が、SEOの効果があると言われています。

WordPressなどのCMS(コンテンツマネージネントシステム)の場合は、

初めから、『外部CSS』として別にファイルが用意されています。

WordPressのスタイルシートの場所

「外観」をクリックします。

gaikkann

開いた項目から「テーマ編集」をクリックします。

termahensyuu

右側に項目が並んでいるところから、下の方へスクロールして

2013-04-02_221522

「スタイルシート(style.css)」をクリックします。

sutairusi-to

左 側に表示されたCSSの中味の3分の1ぐらいのところにある

以下の部分は投稿記事のタイトルの部分のCSSです。
pe-zitaitoru
投稿記事のデザインを変更したい場合は、

このファイルを変更していきます。

 

 

HTMLの由来

HTMLが生まれるまで

1989年、スイスのジュネーブにある欧州素粒子物理研究所「CERN(セルン)」

では、膨大に膨れ上がった研究論文をコンピュータで簡単に

管理することはできないかを研究していました。

また、文書をコンピュータ内に保管するだけでなく、

関連文書の検索時間を短縮することも念頭においていました。

セルンに勤務していたバーナーズ・リーは、文書の中の

キーワードに別の文書へとたどりつく仕掛けである

「リンク」を埋め込むことで、文書の保管と関連文書を

簡単に辿る方法を考案しました。

文書から文書へとリンクしていくのは、通常の紙ベースでは

不可能であるため、シンプルな文書を超える文書という意味で

HyperText(ハイパーテキスト)」と呼ばれました。

HTMLの最初の二文字HTがこの「HyperText(ハイパーテキスト)」の

頭文字ですね。

では、後のMLの二文字についてです。

「HyperText(ハイパーテキスト)」を作るためには、

文書の中にリンク情報を埋め込む必要があり、

「タグ」というコンピュータ言語を使ってします。

文書にタグをマークづける言語を「 Markup Language(マークアップ言語)」

といい、その頭文字が後半のMLです。

合わせてHTMLHyperText Markup Language)です。

 

HTMLタグとは、実際どういうもの?

記述法は、<H1>文章</H1>
というように<>と</>で、囲みます。

これは、文章をH1という文字の大きさで、表示するという意味です。

 

ページの先頭へ

 

スポンサーサイト