HTMLドキュメントをネットで公開する方法

このQ&Aのポイント
  • HTMLドキュメントをネットで公開する方法について、XHTML+CSS+JavaScriptで書かれているスクリプトを使用します。
  • 編集して自分で開く分には問題ありませんが、他の人に公開する場合はIISや自宅サーバー構築が必要です。
  • 初心者の場合でも簡単な方法があるかもしれませんが、安全かつ確実な方法などは上記の方法しかありません。
回答を見る
  • ベストアンサー

開くとURL部分がC:\User\~となるHTMLドキュメントをネット

開くとURL部分がC:\User\~となるHTMLドキュメントをネットで公開するにはどうしたらいいのでしょうか? ツールの説明には”XHTML+CSS+JavaScriptで書かれているスクリプト”とあります。 編集して自分で開く分には全く問題ないのですが、サークル情報なのでメンバーに公開したいです。 エディタはUTF-8をブラウザはIEを使用していて、私はHPデザインなどを少し勉強しているだけでシステム関係は素人同然です。 以前管理していた方はネット上で公開してくれていたので、不可能ではないと思い調べてみたところ、IISや自宅サーバー構築など毛の生えた初心者の私には難しい答えしかありませんでした・・・ 上記以外の(簡単な)方法や、上記の方法しかない場合でも安全な方法などありましたら教えていただきたいです。 わかることを羅列してしまいましたが伝わりましたでしょうか・・・? どうかよろしくお願い致します!

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

  • ベストアンサー
  • To-rii
  • ベストアンサー率65% (547/838)
回答No.1

> HTMLドキュメントをネットで公開するには 以下が概要ですが、ある程度の追加すべき知識が必要です。 (1) 無料のホームページスペースを確保する 例 http://te-koku.com/hp/first/sabaerabi.html (2) FTPツールでHTMLドキュメントをアップロードする 例 http://te-koku.com/hp/first/ffftp.html (3) ホームページアドレスをメンバーに伝える

no__el
質問者

お礼

ご丁寧にありがとうございます、FTPツール知りませんでした。 目を通してみたのですが、おっしゃる通りわからない言葉があったので、今から調べながらチャレンジしてみようと思います! またお世話になることがあるかもしれませんが、そのときはよろしくお願いします。 とても助かりました!!

その他の回答 (1)

  • kame999
  • ベストアンサー率21% (610/2826)
回答No.2

プロバイダの無料スペースを利用する 最近は無い場合があるので 無料サーバを利用して下さい まさか IISや自宅サーバー構築しようと思っているなら 諦めて

no__el
質問者

お礼

回答ありがとうございます。 そうですね、IISや構築は全くもってできそうになかったです。 プロバイダの無料スペースという存在も初めて知りました! 自分のプロバイダにもあるのかどうか確認してみようと思います。

関連するQ&A

  • XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでし

    XHTMLとCSSを始めから学ぶのに最適な本またはサイトはありますでしょうか? wordpressを使ったサイトを構築することになり、まずXHTMLとCSSを理解するようにといわれました。 htmlは昔、エディターを使って手で書いたことがありますが、それ以上はわかりません。プログラミングについても残念ですが全くわかりません。よろしくお願いします。

    • ベストアンサー
    • HTML
  • jqueryについて質問です。

    jqueryについて質問です。 過去こちらにお世話になりまして、一つの質問を解決していただきました。 しかしまた、わかったつもりになっていただけのようでして、再度問題が出てしまいました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <link rel="stylesheet" type="text/css" href="main.css"></link> <script type="text/javascript" src="accordian.pack.js" charset="UTF-8"></script> <script type="text/javascript" src="jquery-1.3.2.min.js" charset="UTF-8"></script> <script type="text/javascript" src="smartsticky.js" charset="UTF-8"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){      new Accordian('basic-accordian',5,'header_highlight'); }); </script> このように記述しましたが、どちらも作動しないという状態になってしまいました。 smartsticky.jsが、元々は<SCRIPT>内に書かれていたものを、まとめて外部に出したような感じだとは思うのですが、それに対しての対処が思いつきません。見ての通りjQuery.noConflict();を使っても見たのですが、まるで効果なしです・・・ accordian.pack.jsとsmartsticky.jsをバッティングさせずに上手く同時に動かす手段はありますでしょうか? ちなみにこのページのscript自体はこの記事をのものです。 組み込みもこの記事を参考に行っています。 http://solidstate.jp/ContentsDisplay/floatingBox/script_147.html http://solidstate.jp/ContentsDisplay/accordion/script_130.html

  • XHTMLで外部JSファイルを読み込むには?

    XHTMLで外部JSファイルを読み込むには? よろしくおねがいします。 初歩的ですみません 当方 XHTML+CSSでページを作成し JSファイルを読み込みページのTOPへ移動するスクリプトを 作ったのですがXHTML上では上手くうごいてくれません。。。。 ソースはこちらです。 -------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>てすと</title> <link href="style/stylesheet.css" rel="stylesheet" type="text/css"> <script src="script/top.js" type="text/JavaScript"></script> --省略-- 上記のソースは普通に動作するのですがDOCTYPEの宣言を ------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>てすと</title> <link href="style/stylesheet.css" rel="stylesheet" type="text/css"> <script src="script/top.js" type="text/JavaScript"></script> --省略-- にすると・・・動いてくれません。下段のソースを利用したいのですが 何かJSファイルを読み込む方法はありますでしょうか?? アドバイス頂ければ幸いです。よろしくお願いいたします。

  • サイトマップを自動作成できません。

    最近HPを作成した超初心者で、サイトマップの作成ができず 原因が皆目見当つかず行き詰ってしまいました。 サイトマップを自動生成してくれる「sitemap.xml Editor」を利用しているのですが index.html以外のページをサイトマップ化できません。 sitemap.xml Editor https://www.sitemapxml.jp/ ネット上で確認すると、index.htmlのリンクから他のページを表示することができます。 現在、ページ数はindex.htmlを含め20程です。 先頭のタグは全て共通で下の通りです。 基礎的な質問で恐縮ですが、解決のヒントなど教えていただけないdしょうか? よろしくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="description" content="説明文" /> <meta name="keywords" content="キーワード" /> <link rel="stylesheet" href="css/common.css" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/common.js"></script> <title>タイトル</title> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28512541-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head>

    • ベストアンサー
    • SEO
  • PHPとJavascriptの連携について

    PHP・Javascriptの初心者です。 PHPで設定された、配列のデータをJavascriptで作成した関数の渡したいのですが どうすればいいのでしょうか? 以下にサンプルを作成したのですが PHPで設定した、配列 $name が Javascriptに渡せません。 何が悪いのですか? 教えてください。 よろしくお願いします。 -sample.php- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!-- CSS: implied media="all" --> <link type="text/css" rel="stylesheet" href="css/websyslogin.css" /> <!-- JavaScript loading --> <script src="js/websysdebug.js"></script> <script type="text/javascript"> function sysdebug( ss ){ alert( "Login -> "+ss ); } </script> <!-- タイトル --> <title>Vware Web System(PHP) </title> </head> <body> <?php $name = array(); $name[0] = "ABC"; $name[1] = "BCA"; ?> <input type="button" value="TEST" name="debug" id="debug" onclick="sysdebug(' <?php print $name[0]; ?> ');" /> <script type="text/javascript"> for( i=0;i< 2;i++ ) { ss = ' <?php print $name['+i+']; ?> '; alert( ss ); } </script> </body> </html>

    • ベストアンサー
    • PHP
  • JavaScriptを使ってWebページにメッセージを表示させる

    html内に<div id="info"></div>と書き、それをjavascriptのプログラムから「こんにちは」というメッセージを表示させるようにしたいのですが、何度試しても製作途中の段階でdocument.getElementById(id) has no propertiesというエラーが出てしまいます。(←Firebugでエラーが検出されます) どこが間違っているのか教えていただけると助かります。 ================= HTML ================= <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr"> <head> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>map</title> <link rel="stylesheet" type="text/css" href="common/css/main.css" /> <script src="common/js/main.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="info"></div> </body> </html> ================= JavaScript ================= var map window.onload = function() { load(); } function _d(id, htmlTxt) { document.getElementById(id).innerHTML = htmlTxt; } _d("info","こんにちは");

  • cssがIE6で適用されない理由は

    教則本を見てcss/xhtmlでサイトを作ったのですが、 (教則本がIE7以降対応だった為) safari firefoxd IE7では表示がうまくいくのですが、 IE6では全くcssが適用されないです。 少し調べたところこの辺の記述に問題があるのかなと思っています。 誰か教えて下さい。 ............................................................................... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jap" lang="jap" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> ....................................................................

    • ベストアンサー
    • HTML
  • jQueryの基本的なことについて教えてください

    自サイトで 「jQuery Slider²」http://wex.im/javascript/jquery-slider2 を設置しようと試みています。 私はhtmlとcssの知識しかありません。 今までずっと、HTML 4.01 Transitionalで、タグ打ちしながらサイトの作成をしていました。 行き詰ったらその都度ネットで調べて…という感じで 10年以上サイト製作をしていますが素人ほどの知識だと思っています。 それで、初めて上のスライドショーを設置しようと色んなサイトを参考にしたのですがうまく動きません。 (google chrome、IE8で見ています) 何が悪いのか…と上記URLの配布サイトを見たところ、 Examples <head> stuff <script type="text/javascript" src="js/jquery.slider.min.js"></script> <link href="css/jquery.slider.css" rel="stylesheet" type="text/css" /> と、2段目がtype="text/css" />という風に閉じてあって、 あぁ、これってページ全体をもうhtmlじゃなくて xhtmlで書かないと動かないって事なのかなぁ、という疑問が沸いてきました。 実際このスライドショーに限らず、jqueryのプラグインを使用している 色んなサイトがxhtml方式になっているのを確認しましたが jQueryのプラグインは、xhtmlでないと動かないものでしょうか? それとも、このプラグインに限ってはxhtmlなのでしょうか? よろしくお願いいたします。

  • CrossSlideが起動しません。

    こんばんは、よろしくお願いします。 現在制作中のサイトのトップページにCrossSlideを設置しましたが、「Loading... 」の文字のみが表示され、CrossSlideが起動しません。 javascriptが全くわからず、以前、会社の先輩が他のサイトで使用したソースをそのまま使用しています。お手数ですが、原因のわかる方、教えていただけませんでしょうか。 ○ソース○ 【head】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="stylesheet/style.css"/> <link rel="stylesheet" href="stylesheet/thickbox.css" type="text/css" media="screen" /> <title>☆☆☆☆</title> <script src="javascript/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="javascript/jquery.cross-slide.js" type="text/javascript" charset="utf-8"></script> </head> 【body】 <body style="background-color:#FEF8E8;"> <script type='text/javascript' id='visualArea'>//<![CDATA[ $(function() { $('#visualArea').crossSlide({ speed: 45, //px/sec fade: 1 //sec }, [ { src: 'move/move_1.jpg', dir: 'up' }, { src: 'move/move_1.jpg', dir: 'down' }, { src: 'move/move_1.jpg', dir: 'up' }, { src: 'move/move_1.jpg', dir: 'down' }, { src: 'move/move_1.jpg', dir: 'up' }, { src: 'move/move_1.jpg', dir: 'down' }, { src: 'move/move_1.jpg', dir: 'up' } ]); }); //]]></script> <div id="visualArea"> Loading...</div>

  • 日本語記述が出来ません(XML?)

    初めて質問いたします。 海外のホームページテンプレートを購入し、編集しているのですがなぜか日本語表記がされなくて困っています。 CSS部分には問題なさそうなのですが、誰か原因がわかりましたら教えていただけると助かります。 ちなみにfirefoxもIEも同様でした。どうぞ宜しくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>○○○○</title> <meta http-equiv="Content-Type" content="text/html; charset="shift-jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.2.1.js" type="text/javascript"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Swis721_Th_BT_400.font.js" type="text/javascript" ></script> <!--[if lt IE 7]> <link href="ie_style.css" rel="stylesheet" type="text/css" /> <![endif]--> </head>