はじめまして!AOI (あおい)です♪
このブログではプログラミング超初心者の私AOI (あおい)が、はじめてWebサイトを自作した手順を紹介していきます
『コーディング?なにがなんだかわからないよ????』というところからはじめていますので、同じような疑問を持つ方にも参考にしてもらえると思います
はじめてコードを書く人にもわかりやすく説明していきますので、HTMLとCSSの入門として使ってもらえるとうれしいです
Codeチャレンジブログでは、ブログ風のWebサイトを作った過程を10ステップに分けて紹介していきます
10ステップを順に進めていくと、こんなカンジのWebサイトが完成します
Codeチャレンジブログ @self made
Codeチャレンジブログ @self made
HTMLとCSSでWebサイト作成チャレンジ!
Webサイト作成10ステップの内容はこちらです
- Webサイト作成に必要なツールを準備しよう
- コードを書く準備をしよう
- HTMLの書き方入門
- CSSの書き方入門
- ロゴ画像を作ってみよう
- webページのヘッダー作成
- webページのメインコンテンツ作成
- webページのフッター作成
- スマホ・タブレット対応のやり方
- つくったWebサイトを公開してみよう
コーディング初心者さんの知っておきたい基礎的なものだけですが、自分でWebサイトをつくれるんだ〜♪という楽しみは味わえる内容です
HTMLのタグはこんな時に使うんだ、とかCSSのプロパティはこんな風に装飾できるんだ、など初歩的なコードの書き方をマスターすることができます
HTMLのタグ?
CSSのプロパティー?
なんだそれ?ってなりましたよね
こんな用語も読み進めていけばわかる内容となっていますので安心してください
Codeチャレンジブログは
- HTMLとCSSを学んでみたい!
- コーディングの練習をしてみたい
- 自分でいちからWebサイトをつくってみたい!
このような方のお役に立てるブログになっています
このブログを読みながら手を動かしてもらえば
- HTMLとCSSの基礎を学ぶことができます
- Webサイトをつくる一連の流れを理解することができます
まずは自分で1ページ、サイトを作ってみましょう!
コーディング楽しいよ♪
いっしょにがんばろう!
ブログ風Webサイト
作成10ステップ
それでは始めていきましょう!
※前提としてCodeチャレンジブログはWindows OSでの作業となります
必要なソフトのダウンロードなど、Windowsでのご説明とさせていただいております