• 締切済み

スタイルシートを利用した各ページへのリンク設定に付きまして

全部で20ページぐらいのサイトを作っています。 実際の設定にきまして内容的に不都合がないのかどうかを確認させて下さい。 1)スタイルシートの作成内容について メモ帳でスタイルシートを記述する場合に、例えば、TOPページ、Aページ、Bページ、だとして、タグは、下記の内容でいいのでしょうか。 TOPページ       <A HREF="index.html">Topタイトル</A> / Aページ        <A HREF="a.html">Aページタイトル</A> / Bページ        <A HREF="b.html">Bページタイトル</A> /    この場合に、</A>と、其の後にスラシュ(/)が必要みたいですが、半角スペースをあけるのでしょうか。 HPの構図としましては、基本的には、おおよそ下記のような表を作成して、其の中に埋め込んでいくように考えています。 I)一番上の表     Topページのタイトル   幅800ピクセル×高さ24ピクセル II)Iの表の右下の表  各ページのコンテンツを記述。 幅415ピクセル×高さ780ピクセル III)Iの表の左下   ここに、各ページの20タイトルを箇条書。  IIと同じサイズの表               従いまして、TOPページとリンクしたタイトルを上記のIIIの表の中に順番に記述します。 2)上記の内容で作成したスタイルシート名を仮に[abc.css]として、そのシートを呼び込むための各ページに埋め込むタグは下記としました。 <A HREF="../index.html(各ページの英数字ファイル名)">Top(各ファイル名【タイトル名】)</A>           このタグをTITLEタグ、もしくは、METAタグのすぐ下あたりに貼り付ける。 以上のような作業でいいのでしょうか。 以上よろしくお願いいたします。

  • SY777
  • お礼率56% (224/397)

みんなの回答

回答No.1

根本的にスタイルシートというものを勘違いされているようです。 スタイルシートは、HTMLのタグ内に記述し、タグの書式やデザインを定義するためのものです。このスタイルシートを外部ファイルで記述したものが、拡張子「css」のファイルです。 1)で作成されているものはスタイルシートではなくHTMLです。 また、</A>のあとの / は必要ありません。 2)でのスタイルシートをページに埋め込む方法ですが、正しくは <LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="???.css"> というタグを<HEAD>~</HEAD>の中に記述します。

SY777
質問者

お礼

アドバイスありがとうございます もう少し勉強をして見ます!!

関連するQ&A

  • HP作成時にスタイルシートを利用した、リンク設定の仕方に付きまして教えてください

    初心者です!! ソフトは、ビルダーの6.5、OSはXPです。  Topページを含めまして、15ページのHPを作ろうとしています。  この場合のリンクの方法を、スタイルシートを利用して設定したいと考えています。    リンクの仕方は、 A)Topページから各ページにリンクできるように     B)各ページからTopページに戻りリンクを設定する     C)Topページ以外のページも相互にリンクしたいと考えています。     D)左側に15段(各段、幅357ピクセル×高さ48ピクセル)ぐらいのの表を作りまして、其の中にメニューリストを作り、それが相互にリンクできるようにしたいと思っています。    つきましては、次のことに付きまして、教えてください。 1.メモ帳でのスタイルシートの作成内容 2.そのCSSファイルをWebページに呼び込むためのHTMLソースへの記述の内容   につきまして教えてください。   よろしくどうぞお願いします。

  • スタイルシートからの?リンクの貼りかた

    <style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか? スタイルシートの中に<a href="">とかけばいいのでしょうか? スタイルシート初心者で何も分からないので分かりやすく教えてください。

  • スタイルシートの設定方法

    なぜか分かりませんが、投稿して10分で削除されたのでもう一同リトライです・・・ 今スタイルシートでHPのデザインの設定をしています。 方法は外部のスタイルシートへリンクを貼って、全部のページを設定したいのですが・・・ テーブルの線を設定するのに、 td { border-color: #ff0000; border-style: double; } と記述する(A)のと、 htmlファイルのTDタグに直接 style="border:3px red double;" って記述する(B)とでは、 線の見え方が違います。 Aは外側の線が太くなります。 Bは二重線の大きさが均等です。 外部のシートでBにしたいのですが、どうしたらいいでしょうか? どなたかご教授下さい!

  • フロントページのスタイルシートの使い方

    フロントページを使っていますが、スタイルシートの使い方がわかりません。 スタイルのリストボックスにはタグの一覧がありますが、タグによってスタイルを決めているのでしょうか?スタイルシートは一つホームページを作成してからスタイルを保存して使うのでしょうか?最初からスタイルシートを使うものではないのでしょうか。それともスタイルを決めてから変更していくのでしょうか。ユーザー定義のスタイルもタグを設定するのでしょうか。新規作成の時の名前はタグ名ですか?

  • スタイルシートとは?

    質問内容ですが、HPで画面(デスクトップ?)に出てくるページの容量はどういう風に、考えたらいいのでしょうか? というのは、タグのテキストファイル+画像=全体の容量なのか、タグのファイルは容量に入りますか?ということです。 あと、タイトルにもなっているスタイルシートを使えば、 デザインを変えないで、容量を減らせたり出来ますか? (スタイルシートは、別ファイルをタグに組み込むと、表示されるみたいなことができると聞いたので) というのが、質問です。分かる方、ぜひ教えてください。よろしくお願いしますm(_ _)m

  • スタイルシート。ページ内でなく、1リンクのみの下線を消す

    スタイルシート。ページ内でなく、1リンクのみの下線を消す タグの組み合わせ。方法ってありますでしょうか?よろしくお願いいたします。  ホームページビルダー14です。

  • ホームページビルダーのスタイルシート設定について

    ホームページビルダー2001を使っています。 スタイルシートを使ってページのスタイルを設定しています。 あるサイトをチェックしていたら、テキストリンクの上に、マウスを持っていくと、そのテキスト属性(のようなもの)が、マウスポインタの横に出てきます。 そのページのソースを確認すると以下のようになっていました。 <A class=nav title="業務内容案内" href="http://×××/●●●/index.html">業務内容案内</A> 次にスタイルシートを確認すると、ナビゲーションバーに使っているスタイル(クラス)A.navが設定されていました。 このA.navには、A.nav:visitedや、A.nav:hoverなどの設定もしてありました。 しかし、私も同じようにやってみましたが、実際IEで、確認しても、リンクの張っている文字の横には何も出てきません。 長くなりましたが、(リンクの張っている文字の)titleの属性の設定の方法を知っている方、どうか教えてください。 よろしくお願いいたします。

  • imode で スタイルシートを利用したい。

    テストした機種:N901ic Imode公式サイトはFlashやスタイルシートを使用してカラフルなページを作成しているようなので、スタイルシートを用いたページを作成しようと考えています。 Docomoのサイトのマニュアルを参考サンプルページを下記のように作成したのですが、携帯(N901ic)からアクセスしても、まったくスタイルシートが反映されていません。 どうすれば、スタイルシートが反映するようになるのでしょうか? <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html> <head> <title>test</title> </head> <body> <div style="background-color:#FF6699">test</div> </body> </html> ファイル名はindex.htmlがだめだったので、 index.xhtmlとしてもテストしました。

  • HTMLとスタイルシートのタグの違い

    Webサイトを作りを始めたばかりの初心者です。 私は、スタイルシートを使うにはheadの部分に次のタグを埋め込むことを知りました。 <link rel="stylesheet" href="style.css" type="text/css"> また、「style.css」というファイルを「index.html」とは別に用意することも知りました。 そして私はWebサイト作りのために、まずはhtmlだけを記述し、その後にスタイルシートを使ってデザインをしようと思うようになりました。 そこで、htmlとスタイルシートのタグの違いを把握するために、次のスタイルシートの一覧表を確認しました。 http://www5.airnet.ne.jp/tomy/knowhow/stylepty.htm この一覧表では、COLORやFONTなども含まれておりますが、このタグは「style.css」のファイルを用いなくても「index.html」のファイル内だけで使用することでWebサイト内にある文章などの色やサイズを変えられるはずです。 そのため、HTMLとスタイルシートのタグの違いがわからなくなり、htmlだけを記述するということが難しくなってしまいました。 デザインを考えずに、まずはhtmlだけで全体を記述する場合、デザインの境界線は何なのでしょうか? 改行を指定する<br>もデザインに含まれるのでしょうか? 質問が漠然としているかもしれませんが、何でも良いのでいろんな人からのアドバイスを頂きたいです。

    • ベストアンサー
    • CSS
  • 「同じページ内にリンクする」で、リンク先にスタイルシートのid="st

    「同じページ内にリンクする」で、リンク先にスタイルシートのid="style"があった場合、どのように対処すれば良いのでしょうか? よろしくお願いします。 「同じページ内にリンクする」とは リンク元(出発点) <a href="#a">Aの位置へ移動</a> リンク先(到達点) <div id="a">ここがAの位置</div>