HTML/XHTML&スタイルシート　デザイン・レイアウト逆引き便利帳

エビスコム

CD-ROMに収録されたサンプルをコピー＆ペーストするだけで、ほかのサイトにはないブログやWebデザイン・レイアウトができる。ブログやWebサイト制作者には必携のリファレンス。

定価: 2,948円（本体価格 2,680円）

発売日

2010年4月1日
判型／ページ数

Ｂ5変型／320ページ
ISBN

978-4-88337-704-6
備考

-

SOLD OUT

この書籍を問い合わせる

キーワード：: HTML / XHTML / スタイルシート

概要
目次
正誤表・ダウンロード

■CD-ROM添付
■ブログ＆Webユーザーの必携リファレンス　・掲載サンプルをコピー＆ペーストするだけで、ほかのサイトにはないブログやWebデザイン・レイアウトができる。・文字や文章、画像の見栄えを変更する、目立つ見出しや表を作るなど、目的別・用途別でやりたいことがすぐ引ける。・人目を引くレイアウトのサンプル見本を多数掲載し、それらを組み合わせるだけで、完成度の高い、ページがすぐ作れる。・インラインスタイルシートを利用し、どんなブログやWeb環境でも手軽に試せる。また、さまざまなブラウザにも対応。　

Chapter1 文章
　文章のデザインを指定する
　行や段落の間隔を広くする
　中央揃えや両端揃えで表示する
　文章全体を字下げする
　横幅を指定した文章を中央に配置する
　文章の左側にバーを表示する
　文章を角丸や飾りの枠で囲む
　枠に影をつけて表示する
　枠の背景を半透明にする
　文章をノート風のデザインで表示する
　文章をメモ用紙風のデザインにする
　文章を吹き出しの中に表示する
　文章の後ろに写真を表示する
　フレームの中に文章を表示する
　段組みで表示する
　縦書きで表示する
　箇条書きで表示する

Chapter2 文字
　文字のデザインを指定する
　文字をグラデーションで表示する
　文字にマーカーを塗ったようにデザインする
　文字に下線を引く
　大きな文字の中央に揃えて表示する
　最初の1文字を大きくする
　日本語、欧文フォントを指定する
　書いた内容を取り消す
　脚注番号をつける
　ふりがなをつける

Chapter3 見出し
　見出しの下を罫線で区切る
　見出しの左側にマーク画像をつける
　見出しをバーの形にデザインする
　見出しの文字に影をつける
　見出しの文字にグロー効果をつける

Chapter4 画像
　画像を拡大・縮小する
　画像の一部分を切り出す
　画像を白フチで囲む
　画像に影をつける
　画像を回転する
　画像とキャプションを枠で囲む
　画像に重ねたキャプションに影をつける
　画像に重ねた文章の背景を明るくする／暗くする
　画像の横に文章を回り込ませる
　画像を横に並べて表示する
　キャプションつきの画像を横に並べて表示する
　画像を重ねて表示する

Chapter5 リンク
　カーソルを重ねたときにリンクの文字の色を変える
　カーソルを重ねたときにリンクをハイライト表示する
　カーソルを重ねたときにメッセージを表示する
　リンクをボタンの形にデザインする
　画像だけでロールオーバーボタンを作成する
　リンク先を新しいウィンドウやタブで開く
　リンク先を指定した大きさの新しいウィンドウで開く
　リンクをリストアップする

Chapter6 テーブル
　表を作成する
　表のデザインを指定する
　複数の行や列にまたがったセルを表示する

Chapter7 フォーム
　テキストエリアにHTMLソースを表示する
　テキストエリアのデザインを指定する
　プルダウンメニューを作成する

Chapter8 レイアウト
　お知らせ／案内
　旅行記
　プロフィール
　カタログ／商品紹介
　写真／イラスト

対応ブログ＆サービス
　FC2ブログ／gooブログ／JUGEM／livedoor Blog／Seesaaブログ／アメーバブログ／エキサイトブログ