閉じる
閉じる
閉じる
  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 & スタイルシート プロ顔負けのホームページ作成術

HTML & スタイルシート プロ顔負けのホームページ作成術

スタイルシートの具体例をあげて、ホームページ作成の参考にできます。

 

CHAPTER1 準備編「ホームページの準備」ホームペーjのしくみを理解しよう!

  • HTMLとスタイルシートでデザインするホームページ
  • HTMLとスタイルシートのホームページの基礎
  • デザインを統一して訪問者に安心感を与える
  • ホームページの構造がわかりやすいデザインにする
  • 読んでもらえる、伝わる文章デザイン
  • パソコンの環境に左右されないリキッドレイアウトデザイン

 

CHAPTER2 実践編「ホームページの基礎を極める!」ホームページの基礎を学ぶ!

  • スタイルシートで作るWebサイトデザイン
  • HTMLの記述 ホームページの基礎を理解する
  • HTMLの正しい文法構造を理解する
  • HTMLを編集する=「body要素」に本文を書く
  • HTMLで使われるさまざまな要素を理解する
  • デザインを構成する スタイルシートの記述方法
  • スタイルシートの構造を理解してデザインする
  • HTMLとスタイルシートを記述する方法
  • HTMLの記述方法と注意点を理解する
  • スタイルシートの記述方法と注意点を理解する
  • 複数のページで同じスタイル

 

CHAPTER3 CSS活用編「Webデザインを極める!」CSSを使ったスーパーテクニック

  • 基礎編
  • テキスト編
  • ページデザイン編
  • ボックス編
  • リンク編
  • フォーム編
  • 画像編
  • リスト編
  • 表組み編
  • その他

 

CHAPTER4 レイアウト編①「段落を自由に撮ろう!」段組構成テクニック

  • 段組レイアウトで本格派を目指そう!
  • スタイルシートで段組を作る基礎
  • スタイルシートだけで段組を変更する
  • 段組を解除して正しい表示する
  • 人気のある3段組レイアウトを作る
  • サイズを固定したレイアウトを作る
  • HTMLの記述方法
  • スタイルシートで段組を作る
  • 装飾を施す
  • 文字が隣の段に入り込むのを防ぐ
  • 段の背景色が切れないようにする

 

CHAPTER5 レイアウト編②「ブログのしくみを学ぼう!」ブログレイアウトに挑戦しよう!

  • ブログをすかったスタイルシートの活用
  • ブログのデザイン構成
  • ブログのデザインをカスタマイズする

 

付録①Webセーフカラー

付録②特殊文字の書き方

付録③特定のブラウザに対してスタイルを適用させない方法

索引

 

サンプルPDF、全ページPDFもあります。スマートフォン、タブレットPC、PCで見ることができます。

関連記事

  1. チューニングDIYハンドブック Vol.2

    チューニングDIYハンドブック Vol.2

  2. 10日でおぼえる jQuery入門教室

    10日でおぼえる jQuery入門教室

  3. Photoshop Design Tools シェイプ&カラー

    Photoshop Design Tools シェイプ&…

  4. 365日使えるデザインのネタと素材の本 無敵のデザインアイデア・ファイル

    365日使えるデザインのネタと素材の本 無敵のデザインアイデア・…

  5. 10日でおぼえる Androidアプリ開発入門教室

    10日でおぼえる Androidアプリ開発入門教室

  6. デジハリデザインスクール Webデザイン Illustrator & Photoshop CS4対応

    デジハリデザインスクール Webデザイン Illustrator…

コメント

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

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

ページ上部へ戻る