【Level 10 中級編】
画像を使用しないでテーブルと文字だけ作る例
手っ取り早く簡単にできるのがコレです。
テーブルの背景に色をつけただけ(笑) ↓わかりやすいように枠を表示してます。
うまく使えば脱初心者です。
ホームページビルダーの基本操作をマスターしたかたなら簡単に作れます。
シンプルすぎるかなと感じたときは下のように角を丸くするだけで表情が変わります。
main手っ取り早く簡単にできるのがコレです。
テーブルの背景に色をつけただけ(笑) ↓わかりやすいように枠を表示してます。
| Initiative Design | D-spec Project Type-R Future Create |
ホームページビルダーの基本操作をマスターしたかたなら簡単に作れます。
シンプルすぎるかなと感じたときは下のように角を丸くするだけで表情が変わります。
BR→
丸くしてみました
角丸です
テーブルの四隅に角が丸い画像を配置して丸く見せるテクニックです。
↓さらに、角丸テーブルの背景に画像を入れた例。
テーブルの四隅に角が丸い画像を配置して丸く見せるテクニックです。
 |
 |
|||
|
||||
 |
 |
| 角丸をしらないかたの為に 角丸とは？ 角が丸いからカドマルって、そのまんま(笑) テーブルの四隅に角が丸い画像を配置して丸く見せるテクニックです。 あっ、画像を使わないと言っといて使ってますね(笑) 角丸の仕掛けは、↓こんな感じでテーブルを作り四隅に角が丸い画像を挿入します。
↓角丸テーブルの作り方は、こちらのサイトが参考になります。 みんなのタグ辞書/HTMLタグ辞書 ┗ 雑学・小技集 ┗ 角が丸いテーブルタグの作り方タグ |
| ↓テーブルの背景色なので簡単に色が変更出来ます。 | |||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||
↓さらに、角丸テーブルの背景に画像を入れた例。
このページって画像を使わないじゃなかったの？
↓角丸テーブルの背景に画像を入れると、こんな感じ↓
↓いろんなパターンができます。
テーブル内に直接文字を書くと背景と馴染みづらいので注意しましょう。
最初から角の丸い画像を作ってもいいんですけど、角丸画像を使ったほうが簡単です。
ただし使いだすと、なんでも丸くしたくなりますね(笑)
ちょっと応用
角ナナメも、けっこういけるかもぉー♪
さて画像を使わないで作る予定のページでしたが使いまくってしまいました(汗)
そこで最後だけでも画像を使わない例です。↓
 |
 |
|||||
|
||||||
 |
 |
↓いろんなパターンができます。
|
|
||||||||||||||||||||||||||||||||||||||
テーブル内に直接文字を書くと背景と馴染みづらいので注意しましょう。
裏技(？)
テーブル内を半透明にするという方法もあります。 画像やレイヤーを半透明で表示する
例として、このページ内の緑の文字は半透明にしてありますので、背景と馴染んでいると思います。(たぶんIEとNNだけ)
最初から角の丸い画像を作ってもいいんですけど、角丸画像を使ったほうが簡単です。
ただし使いだすと、なんでも丸くしたくなりますね(笑)
ちょっと応用
角ナナメも、けっこういけるかもぉー♪
manufactured by the concept," thestyle " In the various reasons, it stops an exhibition. Digital rendering construction Graphic. |
 |
| Really? | |||
| ■GRAPHIX The work which was manufactured by the concept," thestyle " In the various reasons, it stops an exhibition. Digital rendering construction Graphic. |
|||
さて画像を使わないで作る予定のページでしたが使いまくってしまいました(汗)
そこで最後だけでも画像を使わない例です。↓
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
位置がビミョーにズレてます(笑)
画像を、まったく使わずテーブルだけで作った日本地図です
日本地図を見ながらビルダーで作ったので、形がいびつです(笑) テキストなので右の表にリンクをつけてインラインフレームで表示すると地域別リンク集にも使うことが出来ます。(たぶん) 地図素材ならココ
この地図、丸一日かけて作ったのですが、後でテーブルで作った日本地図を素材として配付されているサイト様を発見しました。 わたしが作った、いびつな地図より、こちらのほうをオススメします。 無料ホームページテンプレートの素材屋さんの タグ・レイアウト素材に日本地図があります。 ここにも、こんなに日本地図がぁーっ！ なぜ人はテーブルタグで日本地図を作るのか そこにテーブルタグがあるからだ。……ということなのだろうか。 とかく人はテーブルタグで日本地図を作りたがる。テーブルタグで作った日本地図がちゃんと日本地図になっているというのも考えてみればふしぎではある。というわけでテーブルタグ日本地図の紹介。よくぞ、ここまで集めたよね(尊敬) さて次は、いよいよ上級編 フラッシュにチャレンジです。 |
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
main_box