ホームページを作ろう!

ホームページ作成講座

ホームページとブログで情報発信してみよう!!

1.ブログ講座

ブログとは?
  1. BLOG

HTMLを覚えてみよう!

2.HTML基礎講座1

ファイルとフォルダの概念、HTMLそしてFTP
  1. HTML
  2. FTP

3.ホームページビルダー基礎講座1

タグの特性をみてみる。
  1. hb1

4.ホームページビルダー基礎講座2

タイトル見出し、テーブルレイアウト
  1. hb2
  2. table

5.ホームページビルダー基礎講座3

サイト作成、リンク、インラインフレーム
  1. hb3

6.ホームページビルダー基礎講座4

写真のアップとサムネイル画像の張り方…簡単通販サイト作成
  1. picup

7.HTML基礎講座2

スタイルシート
  1. CSS

8.HTML基礎講座3

基礎的HTMLを復習する。構造的HTMLの概念
  1. アクセシビリティとSEO

9.動的サイト作成1

メールフォームを作ってみる。(ビルダー以外のエディタやPHPにちょっとだけふれてみる。)
  1. mailform(IDとパスワードが必要です。生徒には、MLにてお送りします。)

10.動的サイト作成2

ブログとホームページを総合的に利用してみる。
  1. RSS(IDとパスワードが必要です。生徒には、MLにてお送りします。)

参考資料

ホームページのデザインの基本を知ってみよう!
WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム
ホームページ作成アウトライン
ホームページを作る前にとりあえずトップページくらいは、ラフスケッチ、手書きで書いてみよう!
PDFにて作成してありますので、下のアイコンをクリックして印刷してください。必要に応じ、何度もコピーして使ってください。
2カラム左サイドバー
2カラム右サイトバー
2カラム右サイトバー横タイプ
ACCESSIBILITY
アクセシビリティの講座内容
pc (extension)
ホームページ作成に適したパソコンの設定
Homepage Builder (establish)
ホームページビルダーの初期設定
CSS sample_layout 2column http://gifty.net/sample_layout/2column/
CSSを使った時のレイアウト例