ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

制作するホームページ

ホームページ制作の前に

これまでにHTMLとCSSの基本を学習してきましたが、バッチリ覚えていますでしょうか?

完璧、バッチリです!!なんて人はごくごく一部。ほとんどの方が「ちょっと自信がないような・・・」なんて状態だと思います。

でも、それでいいんです。

この「さきちんWEB」のコンセプトは、「作りながら覚える」なので、今までの学習内容は何となく覚えている程度でOKです。

頭デッカチで知識だけギュウギュウに詰め込んだって、上達は早くなりません。
それよりも、「とりあえず実践で使ってみるか!」のほうがよく理解できますし、要素の使い所やクセ、こうなるのか!を理解しやすいと思います。

まずは実践で覚えよう

ということで、今までの内容をおさらいしつつ、ホームページを1つ完成させてみましょう!
これが終わる頃には、きっとHTML+CSSがどういったものなのか、今までよりも、もっと深く楽しく理解いただけるんじゃないかな…と思います。

覚えておきたいポイント

とにかくやってみよう!

理屈よりも実践!見て読んで理解するのではなく、実際に使って、触って、どのような表示・動きをするのかを確かめて理解しましょう。
私自身、文章を読んで理解するのが苦手なので、とりあえずナナメ読みして実際に動作を確認して理解してきました。多分、それが上達への1番の近道じゃないかな~と思います。
とにかく、実践あるのみ!です。

制作するホームページ

これから学習で制作するホームページはこちらです。

練習で制作するホームページ

架空の喫茶店「さきちんカフェ」です。
このお店のホームページを作ってみましょう!

パッと見た感じ、難しそうな印象を受けるかもしれませんが、これまでに学習してきた要素だけで制作することができます。
落ち着いて、これまでの復習をしながら制作してみましょう!

1つ1つ丁寧に分解して見てみると、意外と単純な要素で構成されています。

次のページでは「さきちんカフェ」の構成を確認してみましょう。

覚えておきたいポイント

文書は見やすく、読みやすく

架空の喫茶店、「さきちんカフェ」のホームページを作成してみましょう!
※同じ名前のお店があったらゴメンナサイ…。
色々画像があったりメニューがあったりと一見複雑な印象を受けますが、実はとっても単純!頑張って完成させましょう。
これが終わる頃には、きっとオリジナルのホームページが必ず作れるようになっています!

ホームページの構成
« 前のページへ 【STEP.1】ホームページを作ってみよう!

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。