閉じる
閉じる
閉じる
  1. 新世代Web制作テクニック総特集 スマートフォン ソーシャルメディア …
  2. 本格ビジネスサイトを作りながら学ぶWordPressの教科書
  3. スマートフォンで副収入を稼ぐ本 毎日5分で毎月12万円を稼ぐ!魅惑の副…
  4. パソコン教室で受講料70万円で得た知識
  5. アフィリエイトの達人が教える! 月収別成功体験
  6. ポイントメール受信で稼ぐ わくわくメール
  7. メール受信でお金を稼ぐ GetMoney!
  8. チューニングDIYハンドブック Vol.2
  9. WordPress 3.x デザイン&カスタマイズ スタイル…
  10. Webサイト制作 最新トレンドの傾向と対策 HTML5・スマートフォン…
閉じる

TAKUMI1202.COM

HTML/XHTML & スタイルシート レッスンブック

HTML/XHTML & スタイルシート レッスンブック

 

テキストエディタでWebページ作成のレッスンブックです。

 

Chapter1 ページを作ってみる

  • ホームページを設計する
  • Webページの土台を作る
  • Webページにタイトルを付ける
  • 見出しを表示する
  • 文章を表示する
  • コピーライトを表示する

 

Chapter2 文字のデザイン

  • 文字の大きさを変える
  • フォントの種類を変える
  • すべての文字の色を変変える
  • 一部分の文字を変える
  • 文字を強調する
  • 文字の斜体を解除する
  • 文章中心のコンテンツページを作る
  • 改行をコントロールする
  • 行の間隔を広くする

 

Chapter3 リンクを作る

  • ページとページをリンクで結ぶ
  • リスト形式でメニューを作る
  • メール送信用のリンクを作る
  • リンクの色を変える
  • カーソルを重ねたときのリンクの色を指定する
  • 一部分のリンクの色を変える
  • メニューを横に並べて表示する
  • リンク部分の下線を消す
  • トップページに戻るリンクを用意する

 

Chapter4 背景と罫線のデザイン

  • コンテンツを罫線で囲む
  • 背景に色を付ける
  • メニューバーを作成するヘッダーバーを作成する
  • 見出しにマークを付ける
  • 見出しに下線を表示する

 

Chapter5 画像のデザイン

  • 画像作りに必要なものを用意する
  • Webページに画像を表示する
  • タイトル画像を作成する
  • 背景に画像を表示する
  • 行頭にマークを表示する
  • 文章の中に画像をレイアウトする
  • 一部の画像のレイアウトを変変更する

 

Chapter6 横幅と配置のアレンジ

  • コンテンツの横幅を指定する
  • 文字や画像を中央揃えで表示する
  • 段落などを画面の中央に配置する
  • コンテンツの間隔を調整する

 

Chapter7 テーブルとフォームのアレンジ

  • テーブルを作成する
  • 文字と罫線の間隔を指定する
  • テーブルの大きさを指定する
  • 文字の位置揃えを指定する
  • テーブルの背景色を指定する
  • 罫線のデザインを指定する
  • 罫線をつなげて表示する
  • コメント送信フォームを作成する
  • フォームのデザインをアレンジする

 

Chapter8 ページを公開する

  • Webページの公開に必要なものを用意する
  • Webページのデータをサーバーに置く

 

Chapter9 パワーアップアレンジ

  • ページの左側にメニューを表示する
  • デザイン設定を共有する

 

関連記事

  1. Dreamweaver Webアプリケーション スターティングガイド

    Dreamweaver Webアプリケーション スターティングガ…

  2. Photoshop プロフェッショナル デザイン

    Photoshop プロフェッショナル デザイン

  3. Dreamweaver PHPスターティングガイド

    Dreamweaver PHPスターティングガイド

  4. Coollage Design Works

    Coollage Design Works

  5. Kawaii Security カワイイセキュリティ

  6. 3週間でマスターWebデザインの教室

    3週間でマスターWebデザインの教室

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る