ホムつく式 ホームページ作成講座

人気ホームページが作れる簡単作成講座
はじめに

はじめに

ホムつく初心者講座は見本のWebページをステップ形式で作りながら、ホームページ作成のメチャ役立つ基本を学んでいきます。

見本のWebページはこんなんです↓

見本のWebページ

デザインはあんまりカッコよくはありませんが、ホムつく初心者講座で重要にしていることはプロのようなデザイン性の高いホームページを作ることではありません。

初心者講座で重要なことは、すぐに役立つXHTMLとCSS(スタイルシート)の使い方や記述方法、XHTMLとCSS(スタイルシート)の関係や役割を理解することです。

『XHTMLとCSS(スタイルシート)の記述方法、関係、役割の理解』なんて言うと難しそうだと感じるかも知れませんが、

まずは読むだけでOKです。

読むだけでホームページ作成で最も使われるXHTMLとCSS(スタイルシート)の関係、役割、記述方法を身に付けることができるように考えて講座を作っています。

もちろん何度か読んで講座の内容が分かってきたら、講座のステップと一緒にホームページを同じように作りながら進めてみると、効果抜群です!!

ホムつく初心者講座の特徴

説明は少なく

説明をできるだけ簡単にするために、あえて不親切なほど説明をしていません
初心者だから、はじめてだからといって細かく説明することは逆に難しくしてしまうからです。

役立つものだけに厳選

ホームページは、XHTMLとCSS(スタイルシート)でできているのですが、実はすべてを覚える必要はありません。むしろ使わないものは数多くあり、ホムつく講座では膨大にあるXHTMLやCSS(スタイルシート)の中から、すぐに役立つものだけを厳選しています。

XHTMLとCSSを同時に学ぶ

初心者の方の中には、難しそうだからといってXHTML(HTML)とCSS(スタイルシート)を別々に学ぶ方がいるようですが、XHTML/HTML とCSS(スタイルシート)は同時に学び、それぞれの関係、役割を理解する方が断然重要だし、上達が速いです

他にも、いろいろなしかけ≠入れて、わかりやすく、上達しやすい講座に作っています。

イマイチわからないところも出てくるかも知れませんが、
100%理解する必要も、急いで覚える必要もありません。

ゆっくりとあなたのペースで学んでくださいね。

XHTMLとHTMLは、どちらを学ぶべき?

ホームページ作成と言えばHTMLですが、現在はHTMLではなくXHTMLが主流です。ブログなどもXHTMLで構築されていることが多く、いずれはほとんどのホームページがXHTMLに移行すると思われます。

HTMLではなくXHTMLというと、さらに難しく感じるかも知れませんが、HTMLもXHTMLもほとんど記載方法に違いはなく、むしろXHTMLの方がCSSとの関係がはっきりとしているため、簡単です。

そのため、今から学ぶのであればXHTMLを学ぶ方が、今後は役に立つと思います。

ホムつく講座ではXHTMLとHTML両方に対応した説明しています。あなたの経験やソフトの対応状況などによって、どちらにするか判断してください。

このページをブックマークする→ Yahoo!ブックマークに登録 Yahoo!ブックマークに登録

初心者さんのためのホームページ作成講座

はじめに

Step1 ホームページの土台を作る
  1. ホームページデータの保存先フォルダを作る
  2. HTMLファイルの作成
  3. HTMLとXHTMLのどちらで作成するか決める
  4. CSS(スタイルシート)の外部ファイルの作成
Step2 CSSレイアウトの構築
  1. CSSレイアウトは<div>で作る
  2. XHTML/HTMLタグへ個別にCSS(スタイルシート)を指定する
  3. 上下に並んだ<div>..</div>を左右に配置させる
  4. Webページの横幅を指定する
  5. 「float」によるCSSレイアウトの崩れを防ぐ
Step3 レイアウトをデザインする
  1. 枠線でレイアウトを区切る
  2. 「border」によるCSSレイアウトの崩れを防ぐ
  3. レイアウトの背景を指定する
Step4 XHTML(HTML)をもっと理解しよう
  1. 超重要!Webページの内容を示すタイトル
  2. 基本は「見出し」と「本文」でコンテンツを作成する
  3. 箇条書きで見やすく整理する
  4. 万能タグ<div>は「class属性」で使いこなそう
Step5 CSS(スタイルシート)でデザインする
  1. 文字のサイズ(フォントサイズ)を指定する
  2. 文字の色を指定する
  3. 文字に背景色を指定する
  4. 何もない空間がデザイン性と可読性をアップさせる
  5. 「padding」と「margin」をコントロールして、文章レイアウトを整える
  6. 上下左右の余白を個別に指定する
  7. 左寄せ、中央、右寄せを指定する
  8. 「auto」でWebページを中央表示させる
Step6 ページ作成からFTPアップロード
  1. Webページの新規作成
  2. ホームページレイアウトの基本構成
  3. 画像を掲載する
  4. 文字を装飾してみよう
  5. リンクでWebページをつなぐ
  6. ホームページの完成とアップロード
このページのトップへ戻る
ホムつく講座の講師は
こんなヤツ!

ホムつく講座の講師はこんなヤツ!ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。

→メッセージ

ホームページ作成に
必要なものは?

ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。

→スタートガイド

ホームページを初めて作るのですが・・

ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。

→初心者講座

もっとデザインを
良くしたい

ホムつく講座では見た目だけが良いデザインではなく、ユーザー(利用者)の方が安心して、ホームページを閲覧できるデザインを学べます。

→Webデザイン

ホームページにアクセスが集まりません

ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。

→人気ホームページ