• ベストアンサー

HPを作成しているのですが、枠の作成方法は?

HPを作成しているのですが、初めてのことだらけで、よくわかりません。 http://www.geocities.jp/benntousuki/home.html ↑の中でメニューを枠で囲っているところ(ドット模様で)があるのですが、このような枠の作成方法がわからず困っています。 できれば、↑のような線で枠を作るのではなく、模様で作成できたらいいなと思っています。 そのような素材がある、おすすめのページも教えていただけましたら幸いです。 よろしくおねがいいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • fusionel
  • ベストアンサー率58% (10/17)
回答No.1

該当ページのソースを見れば一目瞭然かとは思いますが、 テーブルのスタイル指定が ”border-style:dotted”になっていますね。 この状態であれば枠が点で構成されます。 border-style:dottedで検索したところ解りやすいテンプレートを掲載しているサイトを見つけましたので、 参考URLからどうぞ。

参考URL:
http://www4.ocn.ne.jp/~tester/style/kowaza_table5.html
nontan555
質問者

お礼

このような枠を探していました。 なかなか見つけられずにいたので、本当に助かりました。 ありがとうございました。 今後もわかないことがあったら、質問すると思います。 そのときはまたよろしくお願いいたします。

関連するQ&A

  • HP作成に関する質問です。

    フリーの素材屋さんからプレート素材をダウンロードしてきて、 そのプレートの中に文字を書き入れしたいのですが・・・ (もちろん加工OKの素材です) ※直リンクもしていません。 どのように文字を書き入れればいいのか方法が分かりません。 gif素材なんですが、ペイントソフトを使って文字入れをすれば、プレートの周りに白い四角い枠が出来てしまい、 ページの背景色から浮きだってしまいます。 もともとの素材にはプレートの周りには白い枠はありません。 また、HP作成ソフトなどは使用せず、メモ帳とタグを用いて作成中です。 <img src="画像のURL"> ↑このタグで画像は貼りつくのですが、コメントを入力したい場合はどのように入力をすればいいのでしょうか?? どなたか教えてください。

  • 枠の作り方について

    http://www.image-seed.com/archives/cat_633272.html 上記のHPに記載されている部分の外枠についてですが 1.「ミニミニコメント枠の素材」と書いてる部分をおおってる枠を作るにはどうしたら良いのですか? 2.枠の中の面積や長さは調整出来るのですか、出来るとしたら方法を 教えてください。 3.枠の(線)太さは調整出来ますか、これについても調整方法を 教えてください。 今HPを、ホームページビルダーで作成してるとこですが、HP作成は、 今まで一度も経験した事のない初心者です。 詳しい方、初心者にも分りやすく説明の方お願いします。 色々質問してすいませんが、よろしくお願いします。 それから補足投稿する場合があるかもしれないので投稿時は、チェック 入れておいて再度回答よろしくお願いします。

  • ワードで枠を作成する。

    皆様、教えて下さい。宜しくお願い申しあげます。 1.B4用紙で「横13cm」「縦3cm」の枠を作成し、枠の内部の  模様が5mmを作成する。 2枠の模様内部は、円形直形5mmの真ん中に2mmの円形がある。5mmの円形の四角部分にそれぞれに4分の一の円弧がある。また5mmの円の間(上、下)に4分の1の円弧がある。これがすべての枠全体に続いている。 この模様を作成する方法ぜひ教えて下さい。 簡単に模様のついた枠を作成するにはどうしたらよいかぜひ教えてください。宜しくお願い致します。 3また枠内に日本語で10字から15字入れなければ、ならないのですが、うまい方法あればぜひお教え下さい。宜しくお願い致します。

  • 「gooの簡単HP」で素材集を作るにはどうしたらいいでしょう

    初めまして、私は「gooの簡単HP」を利用してHP作成を楽しんでいる者です。 そこで簡単な「素材集」のコーナーを作ってみたいと思ったのですが、ヘルプ 等を見ても、そういうページの作成方法は載っておらず、またこちらの「過去 の質問」でもそのような質問は見つける事が出来ませんでした。 私が作りたいと思っているのは「簡単HP」のメニューの一つとして「素材コー ナー(仮称)」というものを作り、そこにまあ20~30点程のアイコンボタ ンを陳列する、という程度のものです。このようなページを「簡単HP」で作成 するには、どのメニューを使って、どういった作業をすれば良いのか、御存じ の方があれば教えて下さい。 あるいは「ここに行けば解説があります」と教えて下さっても嬉しいです。

  • HPのメニューの作成方法。

    こんばんは。現在HPを作成しているものが、TOPページにメニューを作成する際に、文字でメニューを作成しているのですが、そのメニューの表示を右上に向かって斜めるようにしたいのですが、こういう場合背景にメニューも一緒に書いてFlashなどを使ってリンクを作るのでしょうか? Flashは全く今まで触ったことのない分野なのですが。。もし方法があるようでしたらお知恵をお貸しくださいませ。 よろしくお願いします。

  • WEBデザイン HP作成

    ドリームウィバーでHPを作成しています。仮に私のアドレスをhttp://www.a-aaaa.jp/だとします。このアドレスを打つとHOMEのページにリンク出来るようにしたいのですが、ドリームウィバーの私が作ったHOMEのデーター名がhome.htmlというデータ名です。するとアドレスのゴビにhome.htmlを打ち込まないとホームのページに行くのではなく、純粋にhttp://www.a-aaaa.jp/を打ってホームのページにとぶようにしたいのですが、どのようにしたらよいのでしょうか? 要するに、  http://www.a-aaaa.jp/→→→→HOMEのページにしたいのですが、  http://www.a-aaaa.jp/home.html→→→→になってしまいます。 わかりにくいしつもんですいません。

    • 締切済み
    • Mac
  • ドット模様の作り方

    現在PhotoshopCS3を使用して、WEBデザインの練習をしています。 そこで、 http://lopan.jp/how-to-make-website-supplement/ こちらのサイトを練習の参考にしているのですが、その中のドット模様の作り方がどうしてもわかりません。 (「修正案を制作する」に貼り付けてあるトップページのサンプルを参考にしています) ここのTOPメニューのドット模様や、中央のパンの写真に縁取られているドット模様、 サイトメニューに使われているドット模様の作り方を教えていただきたいです。 (添付画像の赤丸の部分です) ドット模様の3箇所は一つのパターンを作り、そのパターンをもとにそれぞれ作成していると思っているのですが、 その解釈であっていますでしょうか? 【試してみたこと】 1)http://news.mynavi.jp/articles/2013/02/27/pl7/index.html こちらを参考にカラーハーフトーンでドットのパターンを作り、レイヤー効果でパターンオーバーレイ でパターンを反映させたのですが、ドットの大きさが作りたいものより大きいものしかできませんでした。 (最大半径は4pxで作成) 2)http://www.webdesignlibrary.jp/2008/09/stylish-patterns.php こちらを参考に5ピクセル×5ピクセルでパターンを作り、レイヤー効果でパターンオーバーレイ、 カラーオーバーレイを使って試行錯誤してみましたがうまくいきません。 もしパターンを使って作成しているのでしたら、そのパターンの作り方とTOPメニューのドット模様、 パンの写真の縁取りのドット模様にするやり方も教えていただきたいです。 それとももっと簡単に作成できる方法があればそれも教えていただきたいです。 よろしくお願い致します。

  • HPフレーム作成

    最近HPの改造をしていて、同人サイトを作っているのですが、 他のHP様が使ってる普通の(左にメニュー、右に本文)のフレーム を作りたいのですが、無料の素材フレームを探してみていても いざ、貼り付けてみるとページがわかれません。 普通のでいいのでHTMLタグを最初から最後まで お教えいただけないでしょうか? それか初心者向けの素材フレームHP様を知っている方、 オススメの素材HP様を紹介していただけませんか? HTMLタグは超上級者、上級者でなければ、けっこうわかる方だと 思います;;使ってるHP作成サイト様は忍者様です。

    • ベストアンサー
    • HTML
  • HPの「素材」について。

    「アセラ」という所でHPを始めて1ヶ月になりました。サイトにあるテンプレートではなく、「素材」を使ってページの模様替えをしてみたいと思っています。 素材サイトの注意などはしっかり読んでから使用します。ですが、素材というものがどういうものなのか、今一分かりません。 素材というものは「自分のHPの模様替えが出来るもの。」と考えているのですが、これは正しいですか? 素材を使っての作成をする場合はアセラに質問すれば、初めから教えて頂けるのでしょうか? 用語など、何も知らないので少しだけでも教えて頂ければ、嬉しいです。 困り度1にしていますが、納得の得られるご回答がいくつかあったら締め切りしたいと思っています。宜しくお願いします。

  • HP作成について悩んでいます。

    HP作成について悩んでいます。 会社HPを作成しようと考えています。 HYML+CSSにて作成したのですが、動きが少しほしいのでフラッシュを使って作成したのですが、 ページを丸ごとフラッシュで作成しても良いのでしょうか。 SEO的にはお勧めしないということはわかります。 TOPページのヘッダー上部に<h1>で会社名をあまり目立たないようにフォントを小さくして記載し、ヘッダーとはフラッシュを使い少し動きを出し、そのすぐ下にメニューをつけます。 メニューにもフラッシュを使用します。そのメニューフラッシュ内のメニューをヘッダー上部の<h1>の下に行を変えて<h2>でテキストでリンクを貼ります。フッターにも同じくします。 サイドメニューにもフラッシュを用いてメインコンテンツには画像で小見出しをあとはテキスト表示させます。 意味がわからないかもしれませんが、簡潔にいいますと TOPページにはフラッシュとテキストコンテンツを混同させて、一応SEO対策として会社名には<h1>を使用し、メニューには<h2>を使用します。 サブディレクトリには<h1>と<h2>をそのまま使用してあとのメインコンテンツにはフラッシュを使うということです。 読み込みを計測しますと、フラッシュで作成したほうが読み込みが速いのでそちらのほうが良いのではと思いました。しかし、クローラーではフラッシュはswfとしか認識しないと書いてありました。 ソースを、見るとHTMLの中に<h1>で囲った会社名があり<h2>でそろえたメニューがあり、そのしたにswfを読み込むための記述があるという状態です。 フラッシュをメインにつくるのは邪道な作り方なのでしょうか。 どう作成して良いか悩んでいます。 普通に<DIV>を使いテーブルでレイアウトをしCSSで装飾したページのほうが良いのでしょうか。 フラッシュをメインにして作成したほうが作りやすくてカスタマイズしやすく作成していますが、作成が進むにつれて葛藤がでてきてしまい困惑しています。 どうしたら良いでしょうか・。

専門家に質問してみよう