• ベストアンサー

HPの作り方

HP制作初心者です。 某サイトのソース(ネットで拾ってきたもの) をいじって、新しいHPを作ろうとしています。 一部色を変えたい所があるのですが、 3日程goliveの本と格闘しましたが、わかりません。 どなたか、簡単に色を変える方法わかりませんでしょうか。 また、ソースを添付しましたので、ご確認頂けたら幸いです。

この投稿のマルチメディアは削除されているためご覧いただけません。

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

  • ベストアンサー
  • ponta1971
  • ベストアンサー率30% (361/1191)
回答No.2

htmlのソースは保存しているのですよね? ソースの<head>~</head>で囲まれた中に <link rel="stylesheet" href="スタイルシートのファイル名" type="text/css" /> このようなタグが記述されているはずです。 この「スタイルシートのファイル名」をブラウザのアドレス入力欄に入力するとスタイルシートの中身を見ることができます。(相対パスの場合は絶対パスの記述に直す必要があります) スタイルシートの中に「side_link」「side_link_2」の名前をつけた設定部分があるのでその中の「background-color」で指定されている値を変更すれば背景色を変更することができます。

その他の回答 (1)

  • ponta1971
  • ベストアンサー率30% (361/1191)
回答No.1

ソースを画像で添付したようですが、小さすぎてまったく読めません。 ソースを添付するなら、本文に書いてください。 で、色の指定はスタイルシートを使用しているのではないでしょうか? <head> の中の <link で始まる行で .css のファイルを指定している行があると思うので、そのファイルの中をみてください。

toransport
質問者

補足

すみません、ソースは下記になります。pontaさんの言うとおり、 cssで作られているようですが、私が作ったわけではないので 編集する事ができないようでした。 なにか方法はありますでしょうか。 <div class="link"><div class="side_link"><a href="/" >お知らせ</a></div></div> <div class="link"><div class="side_link"><a>代表挨拶</a></div></div> <div class="link2"><div class="side_link_2"><a href="/category/1189728.html" >専門業務分野</a></div></div> <div class="link2"><div class="side_link_2"><a href="/category/1189729.html" >帰化申請</a></div></div> <div class="link2"><div class="side_link_2"><a href="/category/1189732.html" >就労ビザ</a></div></div> <div class="link2"><div class="side_link_2"><a href="/category/1189731.html" >配偶者ビザ</a></div></div> <div class="link2"><div class="side_link_2"><a href="/category/1189730.html" >永住権</a></div></div>

関連するQ&A

  • MacとWinでHPの文字が違って見えるのはなぜ?

    はじめまして。 今HPを制作してるのですが、Windowsでは字が並んで見えるのに、 Macで見るとものすごく間が開いて見えるんです・・・。 データも普通なはずなんですが。 これはどのように対処すればいいのでしょうか? 初心者なので、まったくわかりません。 どうかよろしくお願いします。 ちなみにHPはWindowsでGoLiveを使って制作してます。

    • ベストアンサー
    • Mac
  • 参考HP

    現在、Golive CS2でHP作りに挑戦しています。 そこで制作するにあたって、参考となるHPを探しています。 条件として、 (1)使用している色に統一性があり、シンプルだがインパクトがある。 (2)情報の整理が上手い。 以上の二点です。よろしくお願いします。

  • HP作ってますが・・・

    初心者です。 os=mac os9.1でGoLive5を使用してます。 BBS社の本を参考にしてますが、判らず、(もしかして私は馬鹿?)5日間足踏み状態です。 画像(壁紙)が貼れないのです。一度はうまくいったのですが(偶然)、その後風邪で2日経ったら、出来なくなり、ソースをまねて入れても貼れません。 うまく行ったものもなくなってしまい、お手上げ状態です。 こんな簡単なこと、と思われるでしょうが、教えていただきたいと思います。宜しくお願いします。m(_ _)m

    • 締切済み
    • Mac
  • リンクのあるHP作成手順

    こういう棋譜のHPを作ってみたいんですが、何をどうすればいいんでしょうか? http://www.katsuda.net/ksb/study/ik4m00.html ここの「→」をずっと押していくと、分岐があるところまで進むと、それぞれの分岐リンク先まであります。センスは違っても、機能はほぼ同じものを作りたいと思ってます。 しかし、はたして、ホームページ制作ソフトの「Golive」とワード代わりの「Illustrator」、そして、将棋用の棋譜制作ソフト「Kifu」があれば、できるものなのでしょうか?難易度はどれくらいでしょうか? できれば、手順を簡単にでも教えてください。

  • WIN8でHPがうまく表示されません・・・

    HP制作初心者です。 自分でHPを制作したのですが、WIN8では添付画像のように表示されてしまいます。 通常はきちんと並んでいるため、WIN7のIE、サファリやスマホでも問題なくみれるのですが、 WIN8になると表示されません。 見た感じ外部CSSが反映されていないように感じるのですが・・・ 素人なものでどのような対応をしたらよいかわからず困っております。 どなたか、お教えいただけませんでしょうか。 よろしくお願い致します。 HP URL  http://kapra.jp/

    • ベストアンサー
    • HTML
  • Goliveで作ったHPをDreamweaverで

    ホームページ初心者です。 Mac/CS2に入っていたGoliveでホームページを作って毎月簡単な更新をしていました。 でもそのMacが壊れて、新しいMac(Lion)とCS5.5になったのですが、Dreamweaverで編集しようと思うのですが、全くわかりません。 Goliveで作ったときはマニュアル片手にcssで作りました。 何とか作れましたが理解しているとは言いがたいと思います。 Dreamweaverの解説書を買ってくれば、他のソフトで作ったHPの編集の仕方が載っているかと思っていましたが、どれを見てもそのような項目もなく、ネットで検索してもわかりません。 まず何をどうしたら良いのか?が全く検討がつかず途方に暮れています。 とりあえずDreamweaverでGoliveで作ったファイルを開こうとしましたが反応しません。 CS2は人に入れてもらったものだったのでもうありません。 Dreamweaverでの編集は可能でしょうか? 今アップしているホームページを、まず何をすれば編集できるでしょうか?

    • ベストアンサー
    • CSS
  • fireworksのWEB制作初心者でもわかる本やHPを教えて

    fireworksのWEB制作初心者でもわかりやすい本やHPを教えていただけないでしょうか? DreamweaverMX FireworksMX FreeHand10 ExtensionManager FlashMX が手元にあるのですがど素人からでも理解できる本や詳しく解説してあるHPをおしていただけないでしょうか? 簡単なHPや名刺をつくってみたいのですが… 何卒よろしくお願いします

  • yahooへのHP登録ってそんなに難関ですか?

    はじめまして。 現在私はホームページビルダー8でHP制作をしております。HP制作は全くの初心者でまだ制作途中なんで出来映えは何とも言えませんが上手にも上手いとは言えません。ところでHPが完成したら検索サイトに登録する事になりますが、巷ではyahooに登録されるのは現在の所至難の業とよく言われていますが何がどう難しいのでしょうか。HPの見映えがいいとか内容が充実しているとかという事になるんでしょうか? どうせならyahooにと考えている私ですが何がどう難しいのかわからないので何とも言えません。 この件に関してまして詳しい方おられましたぜひアドバイス頂けないでしょうか。宜しくお願い致します。

  • HPの作り方について

    パソコン初心者の私ですが、ネットで見ながらHPを作っているのですが自力で初めからは無理なのでテンプレートを使用しています。気に入った縦長の素材を画面に横に三つコピーしたいのですが、縦にコピーされてしまいます。ソースをどのようにしたらよいのでしょうか。

  • HPの更新をメモ帳で…

    初心者の質問で分かりにくい所もあるかも知れませんが・・・ 職場のHPの更新をしたいのですが(日付とか簡単な数字の変更です) FFFTPを開いて、変更したいドキュメントをnotepadで開き、文字を変更そのあと上書きをする。 までしか分からないんです 制作会社の人はなぜか教えてくれず終いには本を買ってくださいと。 以前の職場でもしていたのですが何せ2年前覚えていないのです 申し訳ないのですが、どなたか FFFTPからメモ帳を使って更新する方法教えてください あちこち見ているのですがどうもイマイチ解り辛いです