• Amazonで購入

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

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

著者
エビスコム
定価
2,894円(本体価格 2,680円)
発売日
2010年4月初版発行
判型/ページ数
B5変型/320ページ
ISBN
978-4-88337-704-6
備考
-

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

ジャンル
キーワード

目次

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

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

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

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

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

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

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

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

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

この書籍の購入

  • Amazonで購入する