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

締切済

質問者：kazu88
質問日時：2006/09/01 08:18
回答数：3件

初心者です！！

ソフトは、ビルダーの６．５、OSはXPです。

　Topページを含めまして、１５ページのHPを作ろうとしています。
　この場合のリンクの方法を、スタイルシートを利用して設定したいと考えています。

　　　リンクの仕方は、
A)Topページから各ページにリンクできるように
　　　　B)各ページからTopページに戻りリンクを設定する
　　　　C)Topページ以外のページも相互にリンクしたいと考えています。
　　　　D)左側に１５段（各段、幅357ピクセル×高さ４８ピクセル）ぐらいのの表を作りまして、其の中にメニューリストを作り、それが相互にリンクできるようにしたいと思っています。
　　　つきましては、次のことに付きまして、教えてください。

1．メモ帳でのスタイルシートの作成内容

2.そのCSSファイルをWebページに呼び込むためのHTMLソースへの記述の内容

　　につきまして教えてください。　　　よろしくどうぞお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： k-ayako
回答日時：2006/09/01 16:45

すみません、自分が作ったページでコピペしたらヘンなところまで・・・

D）に書いてあるメニューリストの内容という前提で記載します。

↓外部リンクを使わずに普通に表組みで作った場合の例

この間は無視してください～～～～～

- 0
- 件

通報する

No.2

回答者： k-ayako
回答日時：2006/09/01 16:22

んーっと、確かに意味がよくわからないんですが外部JavaScriptを読み込ませることによってその外部ファイルを１５ページのすべてで共用したい・・・ということでしょうか。

これによってメニューなどどのページで共通するものが１つのファイルで管理できるので修正とかは楽です。

見た目も普通に１ページのHTMLにしか見えませんしね。

D）に書いてあるメニューリストの内容という前提で記載します。

document.write("<IMG src='img/model.jpg'></TD></TR><TR><TD><DIV STYLE='margin-left:10px'><iframe width=190 height=940 src='sidemenu.html' hspace=0 vspace=0 border=0 frameborder=0 scrolling=no marginheight=0 marginwidth=0 framespacing=0></iframe></DIV></TD></TR><TR><TD><DIV STYLE='margin-top:10px'><IMG SRC='image/sidemenu/credit.gif' BORDER=0 USEMAP='#card'><MAP NAME='card'><AREA SHAPE='rect' ALT='' COORDS='18,83,52,117' HREF='http://www.verisign.co.jp/' TARGET='_blank'><AREA SHAPE='rect' ALT='' COORDS='18,119,76,154' HREF='http://www.zeroweb.co.jp/credituser.html' TARGET='_blank'></MAP></DIV></TD></TR>");

↓外部リンクを使わずに普通に表組みで作った場合の例

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<TR><TD><A href="menu1.html">MENU1</a></TD></TR>
<TR><TD><A href="menu2.html">MENU2</a></TD></TR>
<TR><TD><A href="menu3.html">MENU3</a></TD></TR>
</TD>
</TR>

↓外部JavaScriptの場合の例

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<Script Language="JavaScript" src="menu.js"></Script>
</TD>
</TR>

↓menu.jsの中身
document.write("<TR><TD><A href="menu1.html">MENU1</a></TD></TR><TR><TD><A href="menu2.html">MENU2</a></TD></TR><TR><TD><A href="menu3.html">MENU3</a></TD></TR>");

これを見ればわかるようにまずは普通にHMTLで記述します。普通に３行の表組みですが列が増えたとしてもメニューの部分を外部ファイルに置き換えればいいだけです。
その後、変更される（メニューの追加など）と思われる部分をそのまま.jsファイルに記載してそれを呼び出せばＯＫです。

実際にブラウザで開いたあとにソースをみると<Script Language="JavaScript" src="menu.js"></Script>がなくjsファイルの中身が記載されているのがわかると思います。

ビルダーを使っているようですがソースでの編集ができること（表組みのTRとかTDの意味など）が前提になりますのでこの文面で理解できないと厳しいかもしれません

- 0
- 件

通報する

No.1

回答者： 345itati
回答日時：2006/09/01 10:35

えーと、スタイルシートを使ってリンクを設定しようとする意味が分らないのですが^^;

スタイルシートはデザイン(配置や色、大きさ等)を指定するもので、リンクの設定はHTMLのタグかjavascriptでするものです。

ですので
1.リンクのタグを入れるボックスのCSSをメモ帳で作成
ファイル名はlink.cssとする(仮

.cssと拡張子をつければファイル名は任意のもので可
2.HTMLの<head></head>間に
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="link.css" type="text/css">
と挿入すればスタイルが適用されます。

CSSの記述についてはご自分である程度作成してみて、うまくいかない場合に具体的にソースを記述して、ここをこうしたいがうまくいかないと質問し直してみて下さい。
回答者に全ての作業を求めるのはマナー違反ですので。