• ベストアンサー

メモ帳で、こういうHPを目標に作ってるのですが

http://yachooh.lolipop.jp/(トップページとか特に気に入って参考にさせてもらってます。) を参考にHPを作ろうとメモ帳で奮闘中です。 以前HPビルダーを使ってたのですが、お手軽すぎて嫌になりました。 本やサイトを見て「メモ帳」で作る事を決意しました。 ですが、表が上手く行かず、縦に伸びてくれなかったり、 目当ての場所に行ってくれなかったり… 目標にしてる方のようなHPには到底似ても似つかず… 「クソ~」と悔し涙を飲む毎日です。 上記のようなトップページはどうやったら出来るのでしょうか? メモ帳では作れないのでしょうか? どなたか、知ってる方、もしくは参考になるHP等ありましたら教えて下さい。

noname#161731
noname#161731

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

  • ベストアンサー
回答No.3

目標に上げていらっしゃるサイトのようなデザインであれば、メモ帳やそれに類するソフトで十分作れます。 必要なのは、HTML、CSSの知識を得ることです。(javascriptの知識もちょっとだけ必要です) 下記のサイトなどをご参考に、目標のサイトのソースをじっくり読んで、これはこうやってるのか……と解読していかれるといいと思いますよ。 とほほのWWW入門 http://www.wakusei.ne.jp/tohoho/www.htm 初心者のためのホームページ作り http://www.scollabo.com/banban/ Knave Web講座 http://www.site-cooler.com/ なお、メモ帳でもちろんHPは作れるのですが、メモ帳で作るのと同じことを、さらに楽にできるソフトがありますので合わせてご紹介しておきます。 ez-HTML http://www.vector.co.jp/soft/win95/net/se201237.html TeraPad http://www.vector.co.jp/soft/win95/writing/se104390.html

noname#161731
質問者

お礼

ありがとうございます。 紹介していただいたソフトは PCの残り容量と相談しつつ検討したいと思います。

その他の回答 (6)

  • marochan2
  • ベストアンサー率16% (19/112)
回答No.7

#1です。Operaはフリーソフトとお金のかかる物の二種類あります。 この機能は、フリーのもので充分可能です。 海外サイトに繋がりましたか?そんな事はないかと思いますが…。 http://opera.livedoor.com/download/#01 コレでどうでしょう?^^; なお、IEでもソースは見れました^^; IE普段使い慣れていないもので申し訳ありません!

noname#8185
noname#8185
回答No.6

ここではどうでしょう

参考URL:
http://www.pixel.co.jp/HTMLDOC/HTMLindex.htm
  • harusora
  • ベストアンサー率36% (16/44)
回答No.5

IEでもソースを見ることはできますよ。 画面上で右クリックすれば「ソースの表示」というところがあるはずです。 あとはNo1さんのおっしゃるように、それを参考にしていろいろ変えてみればいいと思います。

  • kalze
  • ベストアンサー率47% (522/1092)
回答No.4

別にソースの表示ならIEでもNNでもFireFoxでもできますよ IEなら表示されてから、画面上で右クリックして「ソースの表示」で特に変更してなければメモ帳でソースが表示されます。 とりあえずどんなもんか参考にして、テクニック面を参考にされてはどうでしょうか。 いろいろなところの。 基本的にはHTMLである以上、HTMLやCSSで表示(見栄え)自体はできるので、メモ帳で作れます。 後は経験とHTMLやCSSの知識なので、あまりあせらずいろいろ見てみながらやってみるとよいかとおもいます。 他にもjavascriptやFLASHとかも動的なページだと使っているかもしれませんけど。 がんばってください

  • ichi0you
  • ベストアンサー率0% (0/1)
回答No.2

参考にされているページのソースを細かく分析すると身につきますよ。 私は参考にしたページがあったらレイアウトだけ一度丸写ししたりとか、 ホームページビルダーをお持ちでしたら、 参考のページをダウンロードしてビルダーで開いてみるとどういうレイアウトの組み方になっているのかとかわかりやすいですよ^^ すでに実行されていたら役に立たずに申し訳ないです。

  • marochan2
  • ベストアンサー率16% (19/112)
回答No.1

こんにちは^^ 普段ブラウザは、IEをお使いですか? 「Opera」というブラウザには便利な機能があるので 是非、使ってみてください。しかも、フリーです^^ http://opera.livedoor.com/ で、本題ですがこの「Opera」を使って http://yachooh.lolipop.jp/ を表示します。 その後、「表示」⇒「ページのソースを表示」を選択すると その名の通り、ソースが出てきます。 あとは、メモ帳にコピーですね^^; ただし、そのままだと著作権法違反なのでご注意を! 参考には、十分なるでしょう^^

noname#161731
質問者

お礼

うーむ。一応、エンタメ系の学校を出てるので、著作権の事は五月蝿く叩き込まれました。 盗作するつもりはないです。(オリジナリティにかけてしまう…) 構図に迷うと、いつもワンパターンになってしまうので、誰か、参考にならないかと…サイトを回ってたら偶然発見したのです。 ありがとうございました。

noname#161731
質問者

補足

お金を取るようですね…海外のサイトが現れました…>< 自分、英語は読めません。 IEを使ってます。最近最新の物にアップデートしました

関連するQ&A

  • 色々なHPのメモ帳を見ると・・・

    こんばんは。 まだまだ初心者な私ですが、 自分のHPを作って見ようと思い基礎的な事(HTML等)の勉強をしています。 いろいろな方のHPを見て参考にしようと思い、 HPを開いた状態で右クリック→ソースの表示で、そのHPのメモ帳が開きHTMLの文章が見れますよね? ただ、どういう訳かそのHTMLの文章のカタカナの部分が一部のHPでは文字化けを起こしてしまうんです(ヤフーのトップページ等)。 これは、どうしてなんでしょうか?

  • メモ帳でHP作成、困ってます

    メモ帳でHPを作っています。 今のトップページはrows=6%,94% の状態で問題はないのですが 今度トップページを今の「横割りのフレーム」から 「縦割りのフレーム」に変えようとしています。 <旧frame1>のタグをそのまま<新frame1>にコピペし、 メニューを表示するために使っているテーブルタグを 横用から縦用に変えただけでその他は何も変更していません。 それで、私が困っていることは メニューをクリックすると target=f2 を使っているのに  target=_blank を使ったように 別ウィンドウで開いてしまうことです。 frame2のウィンドウで表示されないのです。 target=_blank のタグを使っているのは掲示板と日記だけです。 初心者ですので上手く説明できませんが よろしくお願いします。

  • HPに縦の罫線を入れる方法

    HPで区切りとしてよく罫線を利用します。 横の場合は、ソースで<HR>と入れると表示されますよね。 表組に入れれば、表の幅に応じて引かれますし、%で長さも調整可能です。 ですが、縦の場合どのように引けばいいのか分かりません(T-T) 参考に、↓このようなイメージというHPがありますのでご覧下さい。 http://www.census-shizuoka.jp/traffic.html ページ(文章のボリューム)によって、縦線の長さが違いますよね。 どのように作られているのか、ソースをコピーしてHPビルダーで 見てみましたが、縦の線が表示されませんでした…。 こうすれば作れるよ、とおっしゃる方、ご回答の程宜しくお願いします。

    • ベストアンサー
    • HTML
  • メモ帳からHPを作りたいのですが・・・。

    メモ帳からHPを作りたいのですが・・・。 以前、古いPC(XP)でメモ帳からHPを作って公開していました。 またHPを作りたくなって、今のPC(vista)で前と同じようにメモ帳にタグを打って、 保存をして、試しに見てみようとファイルを開こうとしたのですが、 画面が真っ白になって動かなくなってしまい、全く表示されません。 ファイルを開こうとするときに名前をクリックすると右側に出るプレビューには ちゃんとページが表示されているのですが、右クリックから「開く」を押して開こうとすると やはり画面が真っ白で動かなくなり、ひどいときはウィンドウすら出てきません。 真っ白になると「×」ボタンも押せないので、再起動をしないと閉じることも出来ません。 ネットを開き、「ファイル」→「開く」もしてみたのですが、開けませんでした。 vistaのせいではないとは思うのですが、XPのときは何の設定もせず、 普通に開けたので開けないことが不思議で仕方ありません。 なぜ開けないのでしょうか?ご存じの方、お願いします。

  • HP作成でわからないことが・・

    今現在プロバイダをYAHOOにしています。ジオプラス会員です。 TOPページをYAHOOで作り、そこに5つほどレンタル掲示板をリンクさせています。 これから新たにTOPページをHPビルダー10で作ろうと思ってます。そこで質問なのですが、 TOPページをいままでのものと2TOP体制にする場合、 1.わたしは新たにサーバーを別に用意しなければなりませんか?それとも同じYAHOOの中に新たなTOPページも置けますか? TPOページを新しく作ったものに差し替える場合、 2.新たなTOPページはYAHOOのサーバー上に置けるのですか? 3.HPビルダー購入とともに、それにサーバーは付いてる(用意されている)のですか?それとも自分で別に見つけるのでしょうか? 以上3点につきご回答願います。

  • HPビルダーで作成したページがHPビルダーの中から消えた

    HPビルダー11で作成したページを更新しようとしてHPビルダーを開いて、(サイトを開く)をクリックしたが「トップページが見あたらない」と表示される。ネット上でアドレスを入力するとページは開きます。HPビルダー内の中身は修復できないのでしょうか? FTPツールでネット上のページからHPビルダーの中にダウンロードするとしたら、新しいファイルを用意しないといけないのでしょうか? どなたか教えてください。

  • ヤフーのジオのHP作成の件で、、、

    ホームページビルダーで自分のHPをつくり、ヤフーのジオのHPに、転送しみていたところ、Topページに戻る(Topページへのリンク)をクリックすると、ページが見つかりませんという、白いページになります、ホームページビルダーで自分のHPで確認したらきちんと、Topページへのリンクが働きました、また、同じ、HPをケーブルTVに転送したものも、きちんと、Topページへのリンクが働きました、なぜ、ヤフーのジオのHPにおいてだけ、このような症状になるのでしょうか?

  • HPを作成しています。

    こんにちは、HPを現在作成しています。 それで...。したい事があるのですがやり方が分かりません。教えて下さい。 1ページを縦に長く作成しました。。。。 ところが、長いためスクロールを使用して下に下がるのが面倒になり...。そこで、同じページ内でお目当ての項目へ飛べるようにしたいのですが、何かイイ方法はありませんか? どなたか教えて下さい。

    • ベストアンサー
    • HTML
  • HPビルダーの再構築について

    HPビルダー15のサイトが消えた HPビルダー15を使っています。最近更新したのは2週間ぐらい前です。 今日更新しようとビルダーを起動して「全体の確認」を開くと 「トップページまたはトップフォルダが見つかりませんでした。サイトを再構築 してください」と出て、確かにページらしきものが見当たりません。 ネットで自分のHPは見れます。 こんな場合のサイトを再構築というのはどうすればいいのですか。 うまく回復させる手段はないでしょうか。 初めての経験で困っています。どなたかいい方法をご教示いただけませんか。 よろしくお願いします。

  • HPビルダーで(印刷できる)表を作りたい

    HPビルダーで表を作りました。 HPの中の参加申込書の表なので、印刷して郵送またはFAXで送ってもらえるようにしたいのですが、ビルダーで作った表は印刷すると罫線がうつりません。 おそらく、表の枠は背景扱いのため、印字できないのではないかと思っています。 印字できる表を作るにはどのような設定をしたらいいのでしょうか。 ここのページ(教えてgoo)も印字すると、このオレンジ色の枠は消えてしまいますよね… この、オレンジ色の枠まで印刷できるページを作りたいのです。 どうぞよろしくお願いいたします。 HPビルダーはV6.5を使っています。