あなたが全くのど素人だったとしても「自分の納得できるウェブサイト」を絶対にデザイン出来る理由
1. 自分の思い描いたデザインのウェブサイトを持てる / 2. 自分で更新が可能になる / 3. 自分で集客対策ができる / 4. コストを最大まで抑えられる / 5. 自己表現ツールとしてのウェブサイト
1. ウェブサイトを公開する方法 / 2. 最初のファイルを作る / (ア) Crescent Eveをダウンロード / (イ) 拡張子を表示させる / (ウ) テストファイルを作ろう / 3. サーバーを借りる / (ア) レンタルサーバーの違い / (イ) さくらレンタルサーバーを借りよう / 4. FTPソフトを用いて公開する / (ア) FFFTPをダウンロード / (イ) 設定をしよう / (ウ) テストアップロードをしよう
1. 骨格を作る言語HTML / 2. 基本構造 / 3. タイトルをつける / 4. 見出しをつける / (ア) 大見出しをつける / (イ) 小見出しをつける / 5. 文章を書く / (ア) 段落を意識する / (イ) 改行をする / 6. リストを作る / (ア) リストを作る / (イ) 文法に則ったHTML記述 / 7. 画像を表示する / (ア) まず、画像を表示する / (イ) “パス”とは / (ウ) 代替テキストを表示する / 8. 新しいページを作る / (ア) 【練習】このページを作りなさい / (イ) 答え合わせ / 9. リンクをする / (ア) “page2.html”へリンクする / (イ) 新しいウィンドウでリンクする / 10. 表を作る / (ア) 表の概念 / (イ) 表を作る / (ウ) 横方向にセルを連結する / (エ) 縦方向にセルを連結する / (オ) 気がつくとすごいテクニックと、そのテクニックを使ってはいけない理由 / 11. CSS導入の最後の準備
1. デザインをする言語CSS / 2. CSSの基本構造 / (ア) タグへ対する装飾 / (イ) “id”属性と”class”属性 / 3. ページ全体を装飾する / (ア) 文字のサイズを指定する / (イ) 文字の色を指定する / (ウ) 文字の行間を指定する / 4. タイトルを装飾する / (ア) 文字を太字にする / (イ) 文字のフォントを指定する / 5. ヘッダーを作成する / (ア) ブロックのサイズを指定する / (イ) ブロックの余白を指定する(1) / (ウ) 背景画像を設定する / 6. 2カラムデザインを実装する / (ア) カラムという概念 / (イ) 2カラムを指定する / 7. メニューをデザインする / (ア) リンクを装飾する / (イ) リストに画像を指定する / 8. コンテンツ部分をデザインする / (ア) 今までにやったことを用いて、見出しを装飾する / (イ) 今までにやったことを用いて、コンテンツを装飾する / (ウ) 画像を使わずにセンスある見出しを作る / (エ) 写真をあれこれ装飾する / (オ) 表を装飾する / 9. フッターを作成する / 10. 最後に、ウェブサイトを公開する
入門を終えたあなたがプロ並みのウェブデザインを構築できるあらゆる理由
このサイトへのリンクは自由に行って頂いて構いません。 リンクの際は以下の情報を参考にしていただければと思います。 また、相互リンクは当サイトへリンクの後、「お問い合わせ」よりご連絡ください。