ホームページ無料テンプレート/FREE WEB DESIGN /HTML CSS

無料テンプレート・freeweb用素材配布nayu design top page
mali
cart
help
home

top>ホームページ講座>ホームページ作成講座

ホームページ作成講座

ようこそ!ホームページ作成講座へ当サイトでは初心者向けにとても簡単わかりやすいホームページの作り方を説明しています。

ホームページを作ってみたいけどなんだか難しそう・・・HTMLってなに??

と思われている方も多いのでは?

 

でもホームページってとても簡単に作れるものなのです。

 

たとえばこのページ。winなら右クリックし、ソースの表示という部分をクリックしてみてください。

メモ帳が立ち上がり、難しそうな文字がダダダーーーっと出てきます。

これがホームページを形成しているHTMLファイルの中身。

 

まずこの内容をすべて選択→削除します。続きまして次のコードを真っ白になったメモ帳に貼り付けて名前をつけて保存を選び、デスクトップに

index.html

と名前をつけて保存してみてください。

 

<html>
<head>
<title>HPのタイトル</title>
</head>
<body>
<p>わたしのホームページですーー♪</p>
</body>
</html>

ここまで出来たらデスクトップに保存した『index.html』ファイルをクリックしてみしょう。

わたしのホームページですーー♪と入力されたページが出てきましたか?

 

下のサンプルページと同じ内容のページが表示されていればOK!これでホームページの1ページが完成しました。

 

サンプルページ

 

そんなこんなでページを作るということはとても簡単です。でも作成したページはこのままではあなた以外には見ることができません。

あとは作成したページをインターネットでアクセスできるwebサーバという所に保存すればネットを通じどこからでも観覧できるようになるのです。

サイトの種類を考えます

まずあなたが作りたいサイトをがどんなサイトなのかよく考えましょう。

 

  1. HTMLのみで作成するページ
  2. ブログサイト
  3. ショップサイト

 

などなど・・

まずはサイトの種類を考えます。

ブログサイトは無料のブログサイトのアカウントを作る方法が初心者には一般的ですが、サーバをレンタル後、フリーのブログオープンソースなどを使ってブログを自分で作成することも出来ます。でも現在はfc2アメブロなどさまざまなレンタルブログサイトがありますよね。

初めてブログをやりたい!という方はまずこちらで始めるのがいいのではないかと思います。

 

ショップサイトを作りたい場合はショッピングカート機能が使えるサーバーや、こちらも有名なオープンソースのカート機能付ECサイトシステムなどを使ってサイト構築をします。

 

って、オープンソースなんて訳わからないしどちらも面倒臭さそうです・・。

ショップサイトも有料で簡単に作れる所もありますのでまずはこちらをお奨めします。

有料ですがお奨め

 

おちゃのこネット(ショップサイトで多く使われています。)

 

nayudesignではHTMLのみを使った簡単なサイト作りの紹介をしたいと思いますので、XHTML/CSSのみを使ったサイト作成をしたい方のための講座になっております。ご了承下さい。

 

次へ>>


 

 

 

 

 

 

----© 2011 nayu design. All Rights Reserved.---