ドリル式ホームページの作り方

ホームページの作り方を段階的に学べます。

sitemap

>> ドリル式ホームページの作り方 TOP

SITE POLICY

当サイトは、初心者さんでもサイト作成から公開まで、負担なく学べるように基礎から段階的にホームページの作り方を解説しています。

初心者さん用に作ってあるので、ある程度知識のある方は物足りないかもしれません。 もっと高度なテクニックやタグを学びたい方は、以下のサイトで探してみてください。

ホームページ作成実践講座(Lesson1〜Lesson9)

Lesson1〜HTMLの基礎〜
  • HTML言語の中でも、最も基本的なタグを使ってサイトを作成していきます
  • HTMLを全く触ったことのない人と向けの講座
sample1
>> Lesson1(HTMLの基礎)へGO!
Lesson2〜CSSを使わない装飾〜
  • スタイルシートを使わずに、画像表示によりサイトを装飾します
  • リンクを設置して他のページにリンクさせることができるようにします
sample1
>> Lesson2(CSSを使わない装飾)へGO!
Lesson3〜CSSを使った装飾〜
  • スタイルシートを使ってサイトのデザインを装飾してみます
  • フォントの大きさや色、背景の色などを変更してみましょう
sample1
>> Lesson3(CSSを使った装飾)へGO!
Lesson4〜スタイルを細かく指定する〜
  • 部分ごとにスタイルを変える方法(idとclassの使い方)を学びます
  • 強調の仕方やリストマークの変更など
sample1
>> Lesson4(スタイルを細かく指定する)へGO!
Lesson5〜SEOを意識したサイト作り〜
  • GoogleやYahooなどの検索エンジンで上位表示させること(SEO対策)を意識したサイト作りを学びます。
sample5
>> Lesson5(SEOを意識したサイト作り)へGO!
Lesson6〜tableを使ったレイアウト〜
  • table(テーブル)タグを骨格としたサイト作りを学びます。
  • パンくずリストの重要性
sample6
>> Lesson6(tableを使ったレイアウト)へGO!
Lesson7〜positionを使ったレイアウト〜
  • positionタグを使って、コンテンツを好きな座標に配置します
  • divタグの使い方を学びます
sample7
>> Lesson7(positionを使ったレイアウト)へGO!
Lesson8〜floatを使ったレイアウト〜
  • floatタグを使用してサイトの骨格を作ります
  • floatは、tableやpositionを使う骨格よりも汎用されています
sample8
>> Lesson8(floatを使ったレイアウト)へGO!
Lesson9〜画像ビュアーの作成〜
  • サムネイルやz-indexを使った画像viewer
  • 今までの総復習講座です
sample9
>> Lesson9(画像ビュアーの作成)へGO!

CGIの設置

ホームページの公開


ネットで副収入

お勧め書籍・ソフト

  • 合計:
  • 昨日:
  • 今日:
Copyright(C) ドリル式ホームページの作り方 all right reserved.