ホームページビルダーを使った「プロ仕様のデザイン手法」を学ぶ
ホームページビルダーは初心者にも扱いやすいホームページ作成ソフトですが、プロ仕様のデザインも作れる本格的な機能を多数備えています。そのような「デザインを極める」ためのノウハウをお伝えします。「ホームページビルダーの基本的な使い方は覚えたので、もっとカッコいいプロ仕様のデザインを作りたい」という中級者の方にオススメの動画です。
[V08des01] [デザイン] Yahoo!に学ぶデザインの極意 (V8)
Yahoo!のような有名サイトのデザインがどのように実現されているのか？について解説します。ページレイアウトの考え方、ヘッダロゴの作成方法、テーブル(表)によるレイアウト枠の配置手順などを説明します。
[V08des02] [デザイン][スタイルシート] 文字の行間を微調整して文章を読みやすくする方法 (V8)
文章の行間（行と行の間隔）を微調整（すこし広くする）して文章を読みやすくする方法を解説します。ホームページビルダーのスタイル機能（スタイルシート）を使えば簡単に調整できます。
[V08des03] [デザイン][リンク] マウスカーソルを乗せたときにリンクの色を変えるワザ (V8)
リンク文字列にマウスカーソルを乗せたときに、そのリンク文字列の色を変える方法について説明します。ホームページビルダーのスタイル機能を使えば簡単に実現できます。色は自由に選べます。
[V08des04] [デザイン][画像] 画像のロールオーバー効果で視覚的に見せる技術 (V8)
画像にマウスカーソルを乗せたときに、別の画像に切り替える手法（画像のロールオーバー効果）について解説します。ホームページビルダーを使えば簡単に実現できます。
[V08des05] [デザイン][画像] ボタンにロールオーバー効果をつける方法 (V8)
「ボタン画像にマウスカーソルを乗せたときにボタン画像の色を変える」など、画像のロールオーバー効果を利用したボタン画像の効果的な見せ方について解説します。
[V08des06] [デザイン][リンク] 見やすいリンクナビゲーション(横並び)を作るテクニック (V8)
リンクナビゲーションとは、リンク項目を見やすいように並べたものです。この動画では、画面上部に横並びのリンクナビゲーションを作る方法について解説します。
[V08des07] [デザイン] 水平線(ヨコ区切り線:HR)のラインを美しく見せるために (V8)
水平線を美しくデザインする方法について解説します。「太さ1ピクセル」で「影無し」に設定することで、細くてスッキリした印象を与えることができます。色の設定も変えられます。
[V08des08] [デザイン][スタイルシート] 文字の背景デザインを極めよう (V8)
文字の背景デザインを美しく見せる方法について解説します。文字列の部分だけ、背景色を変えたり、背景画像を設定したりできます。枠の太さも変えられます。
[V08des09] [デザイン][テーブル] テーブル(表)の囲み枠を美しくデザインする技法 (V8)
有名サイトでも多用されている美しい囲み枠（文字列や文章を、トピックごとに枠線で囲み、見やすくする手法）の作り方について解説します。
[V08des10] [デザイン][テーブル] テーブル(一覧表、料金表)のデザインをプロっぽく見せるには (V8)
テーブル(一覧表、料金表)を美しくデザインする手法について解説します。定規で引いたかのような細くてきれいな罫線を描けます。
[V08des11] [デザイン][ウェブアートデザイナー] 画像ロゴを美しく見せる編集テクニック (V8)
ホームページビルダー標準付属の画像編集ソフト「ウェブアートデザイナー」を使って、画像ロゴを美しくデザインする手法について解説します。
[V08des12] [デザイン][商用] プロ仕様のデザインをゼロから作ってみよう (V8)
有名サイトのような本格デザインをゼロから作る方法について解説します。画面の幅を最大限に活用して各種コンテンツをバランスよく配置するテクニックが学べます。
|
