初めまして! こんにちわ。
私は都内の某女子大に通う20歳の学生です。

最近パソコンを購入し、自分のホームページを作成しました!
自分の水着姿やプライベート写真・コメント等を
載せてるんですが。。

Macを使用している友人から「文字化けして見れない」
との苦情がありました。

私はWindowsパソコンですが、Windowsでは
問題がないみたいです。

ホームページビルダーを使用して
HPを作成しましたが、
何に問題があるのか
良くわかりません。。。

そこで、
このトラブルについて詳しい知識を
お持ちの方がいらっしゃいましたら、
是非ともアドバイスを宜しくお願い致します!!

パソコン超初心者で、とても初歩的な
質問だとは思いますが、
どうぞ貴方の暖かいご指導お待ちしております!!

このQ&Aに関連する最新のQ&A

A 回答 (5件)

=====bee_314様=====


失礼、ちょっと書き方がキツかったかも知れませんね。
ちなみに、bee_314さんの意見を『~が悪い』と、
断定の様に切ってしまったのには理由がありまして、
できれば、』までを、1行で収めたかったんですよ。
結局ちょっとハミ出しちゃいましたけど。
まぁ、つまらないエクスキューズですが。

確かに、『Macでネスケなんて、マイナーな組み合わせを
使っているヤツが悪い』と言えなくもないんですが(笑)
ホームページの文字化けについては、ずいぶん前から
色々と言われていまして、その中でも、文字コードの
設定で直る文字化けと、何をやってもダメな文字化けが
あると言うのは、割と有名な話なもので(化けた文字を
見るだけで、直せる文字化けかダメな方か判断できます)。

見る側には色々な環境がありますので、全てに対して
完璧を求める事はできませんが、ある程度のレベルでは、
ちゃんと見れる様にチェッくしておくのも、ホームページ
を作る時の基本だと思います。が、中には企業のページ
なんかでも、シッカリと文字化けしているところもあり、
そう言うページだと、二度と見る事はありませんね。
個人のページの場合だと、色々な環境をテストするだけの
お金の余裕も無いでしょうし、HPの目的自体が、仲間内
だけの楽しみのページなんかもありますので、そこまで
うるさい事を言う事はできないんですけどね。
言い換えれば、今回のyuri-chanさんの一件も、友人に
動作チェックをしてもらったと考えれば良い訳ですから
(実際に、私なんかも、Mac版のネスケとIEは自分のとこで
チェックできるんですが、Winを持っていないので、友人に
Winでの動作チェックをお願いしたりしています)。
    • good
    • 0

yuri-chanさんへの回答ではありません、この場を使って発言する事を


お許しください。
kenkenkentさんへ
>bee_314さんのコメントの中で『そのMACを使ってる人が悪い』
私の知識に足らなかったのがあったのは認めます、すみません。
しかし、私の発言を途中で切って勝手に断定の文章にする方が
いささか乱暴なやり方だと思います。
私は断定できる所まで知識が無いため「悪い」で言い切らずに
「悪いのではと思われます。」と少し濁してます。
また、MACを使ってる人のみのせいにする気もないため、
charset=Shift_JISを指定してみてはと言う提案もしているつもりです。
    • good
    • 0

bee_314さんのコメントの中で『そのMACを使ってる人が悪い』


と言うのがありましたが、いささか乱暴な意見ですね。
ちなみに、文字化けしているページと言うのはよく
ありますが、文字コードの変更で直る場合と、何をやっても
直らない場合があります。『何をやっても直らない場合』
と言うのは、私も今まで原因不明だと思っていたのですが、
最近気付いた事に、『同じMacでも、ネスケでは化けるが
IEだと化けない』と言う事があると言う事です。
ソースなどを開いて色々調べてみたのですが、断言は
できませんが、どうも書体の指定などに原因がありそうだ、
と言う気がしています。私がそう思ったページでは、
英文と日本語が組み合わさった文章の書体の指定に
欧文フォントを指定してあったのですが、ネスケだと、
日本語の部分まで欧文フォントで表示しようとしてしまい、
その結果、当然の様に日本語が文字化けしてしまう・・・
と言った感じでした。
yuri-chanさんのホームページを見ていないので、
ハッキリとした原因は特定できないのですが、もし、
どこかにフォントの指定などがしてある場合、それを
やめてみると見れる様になるかも知れません。

あと、ホームページビルダーは評判悪いです。作った人の
パソコンではちゃんと表示されている様に見えても、
他の環境(例えば、Macだったりネスケだったり)では、
レイアウトがガチャガチャに崩れてしまったり(例えば
文字の上に写真が重なってしまう)、画像が表示されない、
最悪の場合、ページ全体が丸ごと表示されない場合など
があります。私も色々な個人のホームページを見て回って
いますが、極端に大きなトラブルが出ているページは、
ソースを開いてみると、かなり高い確率でビルダーが
使われていますね。

まぁ、できれば一度、yuri-chanさんのホームページを
実際に拝見してみたいところではあるんですが・・・。
    • good
    • 0

>Macを使用している友人から「文字化けして見れない」


これに関しては、そのMACを使ってる人が悪いのではと思われます。
何のブラウザーを使われているか分かりませんが、IEであれば、
表示>エンコードでエンコード方式を変えれば、表示できると思います。

ホームページビルダーは使ったことがありませんが
例えば、このQAサイトは
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
と言うように、上記のエンコード方式を日本語(EUC)としてます。
質問者も指定してなければ、指定してみてはいかがでしょうか?
(通常Windowsなら、charset=Shift_JISと指定)
ここを指定することにより、相手のブラウザーが的確にエンコード方法を
選択できるようになるかもしれません。もし、きちんと表示されなくても
通常は使用者が選択すれば済むのですが・・・
    • good
    • 0

参考URLの「文字化けしないようにするには」というページを読んでみてください。



対策としては、
・おまじないの文字を書く
・Content-type: で文字コードを指定

などです。
どちらも下記ページに詳しく解説されているので、それにそって対策してみてください。

参考URL:http://wakusei.cplaza.ne.jp/twn/wwwxx005.htm
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページビルダーの16と17について

ホームページビルダー17のSEO対策、スマホ対応等について
現在、商用のホームページを管理しています。ビルダー12で作成したサイトです。
現状、目指すキーワード検索でほぼ10位くらいには位置しています。

昨年、ビルダー16を購入し同じような内容と雰囲気でリニューアルしようと思ったのですが、怠惰のためか作成しないまま今となってしまいました。
最近はビルダー17が販売され、ワードプレスの事が宣伝されていますが、このWordPressはどうなのでしょうか。バージョンアップ版を購入すべきかアドバイスいただけますと助かります。
重視したい点としては、

・SEO対策上、どうなのか
・スマホ対応がどうなのか
・ブログは別のサイトで書いていますが、ホームページ内で更新する場所を作った方がSEOに良いのか

などです。
(あくまでもビルダー16または17を使うという前提でアドバイスよろしくお願い致します)

Aベストアンサー

No1です。

ショッピングサイトでしたか…(T_T)
ん!商品紹介のみかな…?



ショッピングサイトならWordPressで作製すると
かなりキツイですよ。

「買い物かご」や「顧客管理」、「クレジット決済」なども
関わってきますので、素直に「おちゃのこネット」「Eストアー」などの
レンタルサーバーを利用されて方が良いかも…。
※SEO対策は別問題になりますが…。

最近にレンタルサーバーであればスマホにも対応していますし
スマホ版の買い物機能も備わっています。


レンタルサーバーを利用されるのであれば
ビルダー16で十分です。

私はビルダー6を使ってますが、機能としては十分ですよ。

QWindowsホームページ作成MACでの確認は?

こんにちは、よろしくお願い致します。
Dre CS5
Windows7

Windows7でホームページの作成をしております。ホームページ作成後にレイアウト確認のため、Windowsでは、Microsoft Expression SuperPreview 4 Trialで確認をしております。

MACを持っていないため、MACでの確認を友人似たのでいる状態で、時間がかかってしまったり致します。
Windwos上で、MACをVMで動かそうとも考えましたが、もっとスマートな方法ないものかと考えております。
MACを購入するしか、方法がありませんでしょうか?

皆さんどのようにされていらっしゃいますでしょうか?
よろしくお願い致します。

Aベストアンサー

してません。(^^)--最近は--
 たまに、出先などで見ることはありますが、
 それよりも大事なことは、
The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input )
W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
でのチェックと、Web標準に準拠しているかです。Another HTML-lintで100点、W3CのValidatorを通過すれば、Web標準である限り閲覧に問題はないはずですから・・
 もともとHTMLは、
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より

 なのですから、Macだけじゃなく携帯電話でもiphoneでも、読み上げブラウザだろうが点字端末だろうが、きちんと書けていたら問題ないはずです。

 ときどき、自前の携帯電話やi-phone,i-pad、さらには印刷しても確認していますが、特に問題はありません。(印刷が想定されているページは印刷用のスタイルシートを置いてます。)

 

してません。(^^)--最近は--
 たまに、出先などで見ることはありますが、
 それよりも大事なことは、
The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input )
W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
でのチェックと、Web標準に準拠しているかです。Another HTML-lintで100点、W3CのValidatorを通過すれば、Web標準である限り閲覧に問題はないはず...続きを読む

Qホームページビルダー16を使っています。パソコンではサイトが見れるのにスマホなどからは見れません。

ホームページビルダーを始めてから間もない初心者です。
始めのうちは普通に転送すればパソコンと携帯、どちらからも見れていたのですが、最近、携帯から自分のホームページが見れなくなってしまいました。
携帯からホームページをクリックしてもnot found と出てくるだけです。
同じような経験をされた方や、詳しい方、教えて頂けませんか?

Aベストアンサー

スマホ対応ページへ飛ぼうとして、
ページがないので not found と表示されてしまうみたいです。
リダイレクトを解除すれば正しく表示されるかと思われます(*^_^*)

Qパソコンの知識がない人のホームページ作成方法

このカテゴリであってるのかどうかわかりませんが…
いま、知人からホームページの作成方法について教えてほしいといわれています。
彼女のパソコンの知識は、メールとネットとoffice系アプリが少し使えるという程度で、仕事で既存のホームページの更新(少しリニュも)をする必要に迫られているようです。

私は、webサイト作成の仕事をしていて、私に教えてもらったらいいという感じで半ば強引にそうなってしまったのですが、ここまで知識のない人に、たった一日だけでどのように教えたらいいのか戸惑っています。
アップロードなどはデータとして管理者に渡し、その人がアップするらしいので、ローカル上でそこそこの形が出きる知識がほしいのだと思うのです。

まず、彼女はパワポで作成したいと思っているようです。office系アプリからのhtml形式の出力って、変なタグがいっぱい入ったり、ブラウザに依存してしまうのでやるべきではないと個人的には思っていますが、実際問題ないのでしょうか?
もし、作成ソフトを使うとしたら初心者にわかりやすいものってビルダーとかなのでしょうか?

このカテゴリであってるのかどうかわかりませんが…
いま、知人からホームページの作成方法について教えてほしいといわれています。
彼女のパソコンの知識は、メールとネットとoffice系アプリが少し使えるという程度で、仕事で既存のホームページの更新(少しリニュも)をする必要に迫られているようです。

私は、webサイト作成の仕事をしていて、私に教えてもらったらいいという感じで半ば強引にそうなってしまったのですが、ここまで知識のない人に、たった一日だけでどのように教えたらいいのか戸惑ってい...続きを読む

Aベストアンサー

 ごまかしの知識を与えるのは、一番良くないと思います。ましてや仕事をするならなおさらです。1日あれば充分ですから、基礎をきちんとたたき込むのが良いと、私は思います。

・ホームページは、主に HTMLというもので記述される
・HTMLの実体は、プレーンテキストである
・HTMLは、サーバというコンピュータの中に置く
・クライアント上で動作するブラウザから、サーバに対して閲覧要求があると、サーバは HTMLを送信する
・HTMLを受け取ったブラウザは、その HTMLを解釈してホームページを表示する

 少なくとも上記のポイントを押さえておけば、教える方も教わる方も楽だと思います。

 また、Officeアプリで作るなら、Wordで作ればよいと思います。確かに冗長なタグをたくさん吐き出しますが、別に誤っているわけでもありません。
 環境への依存性をなるべく低くしたいなら、変なフォントとか、凝ったデザインを採用しなければ済む事です。

Qホームページ作成ソフト等について

現在、ホームページビルダー12でつくった商用サイト(30ページ程度)を運営しています。(問い合わせ等は外部の申込みフォームを利用)
これからリニューアルしたいと思います。

これまで、ビルダー12でのCSSを利用していたのですが、そのせいもあってか、firefox、グーグルクローム等のIEとの見え方の違いに苦戦しています。
ビルダー16はそれぞれ対応していると表示されていますが、実際のところ本当に対応しているのか不安もあります。またスマホ対応のサイトにも変換できるのも魅力があります。
知識レベルとしては、HTML+CSSの本をざっと一冊読んだ程度です。
友人のウェブサイトもこれからいくつか作る予定もあります。
更新の頻度も週に1回程度あります。

そこで質問なのですが、

■この機会に思い切って別のソフト(ドリームウィーバー等)にした方が良いのか、
■時間をかけてでもHTML+CSSを直接打ち込むようにした方が将来的には良いのか、
■やっぱり慣れと手軽さでビルダー16にした方が良いのか迷っています。
※SEO的なところも気になります。(現在は希望のワードでなんとか1ページ目に出ていますが)


ちなみに現在使っているパソコンは、NECバリュースターintel(R)pentium(R)D CPU2.8GHz
1.00GB RAM です。

アドバイスよろしくお願い致します。

現在、ホームページビルダー12でつくった商用サイト(30ページ程度)を運営しています。(問い合わせ等は外部の申込みフォームを利用)
これからリニューアルしたいと思います。

これまで、ビルダー12でのCSSを利用していたのですが、そのせいもあってか、firefox、グーグルクローム等のIEとの見え方の違いに苦戦しています。
ビルダー16はそれぞれ対応していると表示されていますが、実際のところ本当に対応しているのか不安もあります。またスマホ対応のサイトにも変換できるのも魅力があります。
知識レ...続きを読む

Aベストアンサー

 ブラウザによって見え方が違う、最大の原因は多くの場合「互換モード」と「標準モード」の差であることが多いでしょう。
 以前のIEは、過去のいきさつもあり独自の仕様に長くこだわっていました。しかし、それはウェブの本来の目的
「HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」(以下の文章を読んでおくこと。)
 ウェブが、IEを筆頭とする「ユーザーの囲い込みのための独自仕様」によって、分断されていくことに危機感を抱いた人たちによって、ウエブ標準が提唱され、HTML4.01strictが勧告されました。他のブラウザがそれに従い、その有用性が認められるにいたってついにIEもそれに従うようになったということ。
 ところが、過去の蓄積の多いIE専用のサイトなどの過去の仕様に対処するために、互換モードが存在すると考えればよいかと。

 言い換えると、HTMLを標準モードで動作するように記述すれば、どのブラウザで見てもほぼ同等に見えるページが作成できます。
※DOCTYPEスイッチ - Google 検索 ( http://www.google.co.jp/#hl=ja&sa=X&psj=1&ei=O2o-T8etIIeiiAeagonaBA&ved=0CBsQvwUoAQ&q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&spell=1&bav=on.2,or.r_gc.r_pw.,cf.osb&fp=e4983194fbbc0760&biw=1013&bih=600 )

 残念ながら、ビルダーは、基本は互換モードです。

 ビルダー16が、ウェブ標準に対応しているとは言っても、絶対にオーサリングツールだけでは不可能な部分があります。

★HTMLは、文書をそれを構成する要素に分けて、その構成要素を示すようマークアップする。
 この部分は見出しだから<h2></h2>で括る。この部分は引用だから<blockquote></blockquote>で、この部分は定義リストだから<dl><dt><dd>で・・・。こんなこと文書を読み解く能力のないオーサリングツールでは無理なのは理解できるでしょう。著者が自身で、HTMLにはどのような要素(タグ)が用意されていて、どのようなときに使用するかを正しく知っていないとマークアップできません。オーサリングツールが出来るのは、その綴りが正しいか否か程度
★要素(タグ)で足りない部分は、idやclass名で文書構造を示します。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
 ですが、どのようなclass名がよいかは、オーサリングツールは知りません。たとえば、HTML5では、このclass名が要素として独立します。
『新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )』
 それらがそのまま、class名として使うとよいのですが、あくまで人が、それぞれの意味を知ってつけないとならない。
★スタイルシートに対応しているのは、プロパティだけです!!。セレクタは自分で書かなきゃなりません。
[例]HTML5で書いておきます。HTML4だと、それぞれ<div class="header"></div>のようになります。
<body>
 <header>
  <h1>見出し</h1>
  <p>・・・・</p>
 </header>
 <section>
  <h2>章見出し</h2>
  <section>
   <h3>項見出し</h3>
   <p>・・・</p>
   <aside>
    <p>本文と関係ない文章</p>
   </aside>
   <figure></figure>
  </section>
 </section>
 <footer>
 </foote>
</body>

これをスタイルシートでデザインするとき、CSSを知っていれば、
section section{font-size:0.9em;}
section aside p{color:gray;}
とか、実に簡単に書けるし。後日誰が見ても、「本文ニ階層目は小さな文字で」と読み解けますから、HTML見なくても修正できるでしょう。オーサリングツールでは、せいぜい著者が文字を小さくする要素を選択して、本来不要のclass名でもつけて書かざるを得ませんね。なぜなら彼らには読解力なんてないですから。CSS(カスケーディングスタイルシート)のもっと重要なカスケーディングは、機械に読み取れても利用するのは原理的に無理なのです。

 オーサリングツールは、大変便利な道具ですが、テキストエディタですらすら書ける人以上に、HTMLやCSSを知っていないと、まともなページを作るのは無理です。HTMLやCSSの仕様書に加えてツールのマニュアルを読んで理解しなきゃならない。

 どんな大規模なサイトでも、作るのはテンプレートに当たる数タイプのHTML・・・数ページと、手でしかまともにかけないCSSです。
 使うタグなんてせいぜい40個・・・(中学校で覚えるべき英単語が2000語 )・・・。

 SEOを誤解されています。SEOとは、検索エンジン最適化と言う意味で、検索エンジンがページの情報を正確に把握できるようにマークアップすることです。--結果的にその情報を検索したときに上位に出てきますが、それは結果です。HTML5で導入される新しい要素は、googleなどが強く求めてきたものです。

 プロで、ホームページビルダーを使う人はまずいないでしょうが、DreamWeberが圧倒的に多いですが、それはサイト管理やコンテンツ管理が容易だからです。HTMLやCSSは、著者の力量によります。

 私は今は、HTML,CSSの最初のステップは
HTMLエディタ ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )
 です。理由は次の記事『問題点 ( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB#.E5.95.8F.E9.A1.8C.E7.82.B9 )』ですね。特にビルダーは『作成したウェブサイトの影響 ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E4.BD.9C.E6.88.90.E3.81.97.E3.81.9F.E3.82.A6.E3.82.A7.E3.83.96.E3.82.B5.E3.82.A4.E3.83.88.E3.81.AE.E5.BD.B1.E9.9F.BF )』があって、使うことはありません。
 というか、私の仕事のもっとも負担--利益にならなくて、もっとも労力を要するのが、ビルダーで作られたサイトの再構築なのです。






 

 ブラウザによって見え方が違う、最大の原因は多くの場合「互換モード」と「標準モード」の差であることが多いでしょう。
 以前のIEは、過去のいきさつもあり独自の仕様に長くこだわっていました。しかし、それはウェブの本来の目的
「HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」(以下の文章を読んでおくこと。)
 ウェブが、IEを筆頭とする「ユ...続きを読む

Qホームページビルダーで中国語のページを作成するには?

ホームページビルダー(V6.5)で、中国語のページを作りたいのですが、
編集ページで例えば"Nihao"を変換し決定すると、"?好"になってしまいます。
どうすれば良いか教えて下さい。よろしくお願いします。

Aベストアンサー

私自身,中国語のページを作ることがないので自信はないですが,ホームページビルダーを起動し,「ツール」>「オプション」>「フォント」タブとクリックして,フォントの設定を中国語のものに変換してみてください。
それと,問題はブラウザで表示したときに正しい文字で表示されないかもしれません。
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
と言うタグを
<META http-equiv="Content-Type" content="text/html; charset=big5">

<META http-equiv="Content-Type" content="text/html; charset=gb2312">
に置き換えてください。
もし,保存時に元に戻ってしまうようでしたら,「オプション」の「ファイル」タブをクリックし,「文字エンコードをMETAタグで指定する」のチェックをはずせば大丈夫だと思います。

なお,ホームページビルダーのサイトでは,「多言語(Unicode)対応していないため,実質編集できません」と書かれています。
ですから,編集ページでは正しい表示は無理かもしれないです・・・。
一応,参考URLから「ホームページ・ビルダー本体」を選択後,「検索」ボタンをクリックし,「HPB-1065 中国語や韓国語など他の言語のページを作成できますか」と言う質問を探し出して,確認してください。(製品選択が「ホームページビルダー」になっていれば,バージョンはそのままでも良いみたいです)
また,キーワード検索「中国語」で同じ回答が出てきますよ。

参考URL:http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/catsearch

私自身,中国語のページを作ることがないので自信はないですが,ホームページビルダーを起動し,「ツール」>「オプション」>「フォント」タブとクリックして,フォントの設定を中国語のものに変換してみてください。
それと,問題はブラウザで表示したときに正しい文字で表示されないかもしれません。
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
と言うタグを
<META http-equiv="Content-Type" content="text/html; charset=big5">

<META http-equiv="Content-Type" co...続きを読む

Qホームページを作る

自分のホームページを作ってみようと思って、いろんな人のホームページ作成講座を見てるんですが、なんだか難しそうですね。
ホームページを持っている人に質問ですが、みなさんはどのようなものを参考にホームページを作られましたか?
おすすめのホームページや、ホームページ作成の本があれば教えてください。

Aベストアンサー

はじめまして!!
確かに初めて見ると、HTMLタグなんて唖アルファベットだらけで何が何だか判らないですよね(笑)。でも、難しくはなかったですよ。いろいろいじっているうちに形になっていくと思います。

私は共に技術評論社の『HTMLタグ辞典』と『ホームページ作成Tipsポケットリファレンス』を片手に作っています。
でも、どんどん新しい本が出ているので、実際に見てこれなら楽しく出来そうだというものを使うといいと思います。
あとは色々なサイトで見つけた格好いいデザインを参考にしていますね。
下記のホームページは作り方が分かりやすくまとまっているようなので、おすすめします。

それでは、ホムペ作成頑張って下さい!!

参考URL:http://www.cybergarden.net/

Qホームページソフトに頼らずにホームページを作りたい

どんなに粗末でもいいから自分で打ち込んだHTML言語でホームページを作り、アップロードしたいと考えています。

メモ帳でソースを作成すればいいのでしょうが、その後どういう手順で行っていくのか教えてください。ちなみにアップロードにはFFFTPを使用するつもりです。

Aベストアンサー

こんばんは。
僕もFFFTP使ってます。
質問内容から、恐らくHTMLは大丈夫だろうということで、アップする作業に絞って説明させていただきます。

まず
(1)FFFTPを立ち上げます。
(2)ウインドウ上部のボタン系が並んでるところの一番左のコネクターのような形をしたボタンを押します。
(3)すると接続サーバーの一覧が出てきますので接続したいサーバーをWクリック。
(4)サーバーにログイン完了。
(5)ウインドウが2分割されてると思いますが、左が自分のPC。そして左がサーバーの中身です。
まずサーバーは自分のアカウントになるフォルダが呼び出されるはずですから(大体のサーバーはそうなってます)、そのフォルダをWクリック。
(6)ここからが自分で自由にいじれる空間になります。今何もアップしていなければ、当然何もない状態です。真っ白なはずです。
(7)そしてウインドウ右側にあるアップしたいファイルを右クリックするとメニューが出ますので、その中にある「アップロード」って言うのをクリックします。
(8)これでアップ作業完了です。

*ちなみに初期の段階ではサーバーが何も登録されてないと思います。
登録されているかもしれませんが、一応補足として書いておきますが、一番最初に書いた画面上部のボタンが並んでいるところの一番右のコネクターのボタンをクリックすると、接続可能サーバー一覧画面に移ります。
その画面の右の方に「新規ホスト」ってボタンがあると思います。それをクリックするとサーバー登録画面に移ります。
「ホストの名前」は適当に自分が把握できる名前を入れてください。
「ホスト名」はサーバーから指示があると思うので、その指示のとおりに書き込んでください。
大体は「www.〇△×.ne.jp」とか、最後の部分が「or.jp」とかいろいろあると思いますが、こんな感じになってると思います。
「ユーザー名」は自分のアカウント名のことです。
「パスワード」ってのもそのまま、自分の登録したパスワードを入れてください。
次に「ローカルの初期フォルダ」ってやつですが、簡単に言うと接続した時に出るFFFTP右側のウインドウを、自分のパソコンのどのフォルダを表示させるかということです。
お勧めは「デスクトップ」にしておくのを勧めます。
これだといちいち探す必要がないですからね。
一番最後の「ホストの初期フォルダ」は何も書かなくていいです。
それと最後にある「最後にアクセスした初期フォルダ。。。」うんぬんとあると思いますが、ここのチェックははずしておいてください。
っとまぁこんなもんです。
僕も他のFTPソフトは使ったことありませんが、このFFFTPはすごい使いやすくて、ちょー気に入ってます。
使い方も簡単ですし(^-^)

あとアップ作業の中で理解していただきたいのは、自分のパソコン自体がフォルダになってるということです。
普段使ってる中でもフォルダの中にフォルダを置いて、ファイルの整理をしたりしますよね?
そんな感じでパソコンという大きなフォルダの中に、いろいろなフォルダがあり、またその中にいろいろなファイルがある。。と理解していただければ、簡単に使いこなせると思います。
僕も最初は意味不明なことばかりでしたが、分かってしまうとこんなに簡単なことはありません。
是非がんばって面白いサイトの構築にがんばってくださいね(^-^)
また、何か分からないことがあれば聞いてください。できるだけ分かるように説明させていただきますので!
幸運を祈りまっす♪

こんばんは。
僕もFFFTP使ってます。
質問内容から、恐らくHTMLは大丈夫だろうということで、アップする作業に絞って説明させていただきます。

まず
(1)FFFTPを立ち上げます。
(2)ウインドウ上部のボタン系が並んでるところの一番左のコネクターのような形をしたボタンを押します。
(3)すると接続サーバーの一覧が出てきますので接続したいサーバーをWクリック。
(4)サーバーにログイン完了。
(5)ウインドウが2分割されてると思いますが、左が自分のPC。そして左がサーバーの中身です...続きを読む

Q結局はホームページビルダーで作成

今ホームページの作成の勉強をしています。無料レンタルのホームページを利用するにしてもレイアウトなんか考えるとホームページビルダーで作成する。無料のホームページは結局場所を提供しているだけで、ある程度勉強しないとホームページは作成できないのでしょうか。

Aベストアンサー

ビルダーの機能として、既存のホームページを取り込んで編集することも可能です。
もちろん他人のページには著作権があり、そのままアップロードはできませんが、どうやって作っているのか参考にすることはできますし、作り方をここで質問しながらやっていってもよいと思いますよ。

Qgooの無料ホームページへアップした画像を、簡単ホームページに・・・

gooの無料ホームページへアップした画像を、簡単ホームページに・・・
gooの無料ホームページへアップした画像を、
簡単ホームページや別のところでリンクして使う方法がわからないのですが、どなたか教えていただけないでしょうか?
無料HPの方でアップロードした画像をリンクで持ってくる場合、
画像のURLはどうすれば取得出来るのですか?他の無料日記などに、
<img src=・・・・・>のタグで貼る場合に、
・・・・・に入れるURLがわからなくて困っています。
それともこのやり方ではなく、他のやり方でないとダメなのでしょうか?
毎度稚拙な説明&質問ですみません。
出来たら素人向けの説明でお願いします(^^;

Aベストアンサー

『goo』さんの無料HPは『xHoops!』さんに移転してるはずですが、
移転は完了してますか?

アップロードした画像ファイルのURLは、
TOPページの『index.html』と同じ階層なら、
http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
となります(多分?)、タグで書くと

<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
" border="0" width="横" height="縦" alt="画像コメント">

ってな感じになります。もっと簡単にするなら
<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子">
です。

無料日記に画像を貼り付ける場合は、タグの使用が許可されてる場合だけです
基本のタグは、同じと考えて良いと思います。が・・・タグの書き方等は

『beepのホームページを素敵にしよう』
http://www.soma.or.jp/~beep-pc/

『牛飼いとアイコンの部屋』
http://www.ushikai.com/
ここの2つはシンプルで解りやすいでしょう。
もう少し詳しく書いたほうが良いですか?


          X1turboの友達 hiro。

『goo』さんの無料HPは『xHoops!』さんに移転してるはずですが、
移転は完了してますか?

アップロードした画像ファイルのURLは、
TOPページの『index.html』と同じ階層なら、
http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
となります(多分?)、タグで書くと

<img src="http://users.hoops.ne.jp/ユーザーID/ファイル名.拡張子
" border="0" width="横" height="縦" alt="画像コメント">

ってな感じになります。もっと簡単にするなら
<img src="http://users.hoops.ne.jp/ユーザーID/フ...続きを読む


人気Q&Aランキング

おすすめ情報