ベストアンサー

ｈｔｍｌファイルを自動で大量作成したい

2008/02/01 13:26

<html> <body> <img src="***"> <a href="xxx">NEXT</a> </body> </html> みたいな感じのhtmlファイル（ファイル名=***）を作りたいと思っています。***やxxx(=***+1)の部分は連番になる数字にして、200個ぐらいのレベルでファイルを作りたいのですが、手作業だと面倒なので、簡単なスクリプトを作って自動化したいのです。プログラミングのことは、ほとんど初心者なのですが、何かよい方法かあるいはヒントの提示、または参考になりそうなページの紹介をしていだだけませんか。

adinat
お礼率78% (245/312)

HTML
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

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

ベストアンサー

HIRSYU
ベストアンサー率51% (45/87)

2008/02/01 15:38 回答No.2

Javaでもいけますが、ローカルで動くプログラムなら、VBSが手軽かもしれません。 Windows限定ですが、プログラムを実行するために何かをインストールしたりする必要がないです。入門：http://sapporo.cool.ne.jp/avg/vbs/vbs01.html ファイル操作など：http://www.whitire.com/vbs/

質問者

お礼 2008/02/01 17:21

ありがとうございました。超初心者ですが、一時間で無事スクリプトが完成しました。大変参考になりました。

その他の回答 (3)

SAYKA
ベストアンサー率34% (944/2776)

2008/02/01 16:45 回答No.4

windowsなら・・・コマンドプロンプト・・・そうじゃないならシェルで(言ってる事は一緒) とか・・・

質問者

お礼 2008/02/01 17:20

ありがとうございました＾＾

shimix
ベストアンサー率54% (865/1590)

2008/02/01 15:43 回答No.3

>たとえばjavaで作れたらと思うのですが、 Javaをインストールするくらいなら（プログラムを本格的にやりたいのでもなければ）Javaよりはこっち↓の方が楽では？　　http://www.microsoft.com/japan/msdn/vstudio/express/ xamppなどでローカルにwebサーバ環境を作って、そちらでCGI（Perl）やphpスクリプトで作ってから本サーバに転送してもよろしいかと思います。　　http://www.apachefriends.org/jp/xampp-windows.html 使い方を覚えたらPerlやphpが使えるサーバに移りたくなるかもしれませんけど。

質問者

お礼 2008/02/01 17:20

ありがとうございました。phpもあとで勉強してみます。

shimix
ベストアンサー率54% (865/1590)

2008/02/01 13:40 回答No.1

ファイルへ出力が出来るプログラミング言語（つまりほとんどのプログラミング言語）であれば、何であれすぐ書けると思います。サーバで作成するとしたらサーバで使える言語次第です。何が使えますか？また「静的なHTML」である必要はあるんでしょうか？phpスクリプトでURLに?no=****として番号を渡す方が楽な気がしますけど。

質問者

補足 2008/02/01 14:34

ありがとうございます。cgiもphpも使えないです。ローカルで、たとえばjavaで作れたらと思うのですが、なにせ使ったことがないので困っておりました。

関連するQ&A

HTMLタグ一括編集
<a href="URL.***"><img src="URL.***"></a> 上記のタグの場合、***の部分だけをフォルダから一括で連番指定出来るソフトを探しています。例えば <a href="URL.001.jpg"><img src="URL.001.jpg"></a> ・・・ <a href="URL.054.jpg"><img src="URL.054.jpg"></a> という風にタグに中に一括で001.jpg～054.jpgだけを入れ替えるソフトです。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
HTMLのフレームについて
左側にメニューを置き、右側をメインにしようとしているのですが、左側のメニューをクリックしても、左側にしか表示されません。どうすれば良いか教えてください全体のHTMLが <html> <Html Lang="ja"> <Head> <Title>○</Title> </Head> <Frameset cols="155,*" Frameborder="yes" Scrolling="auto" Bordercolor="#ffcc99"> <Frame src="メニュー～"> <Frame src="メイン～" name="main"> <Noframes> <body> <Center> <p> ○ </p> </Center> </body> </Noframes> </Html> 左（メニュー）のフレームは <html> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>○</Title> </Head> <Body> <BaseFont Size="2"> <Font Size="2"> <A Href="～"　target="main"></A><Img Src="ー" Border="0"></A><br> <br> <A Href="～"　target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～"　target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～"　target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～"　target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～"　target="main"><Img Src="ー" Border="0"></A><br> </Body> </Html> ですよろしくお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
リンクで画像を置き換えたい
初心者ですが、よろしくお願いします。たとえば 001.jpg 002.jpg 003.jpg という３つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ～省略～ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像１，２，３のリンクをクリックすることで、ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、ご教授願いないでしょうか？要望としては、切替候補の複数の画像はページをロードしたときに最初に全て読み込んでおいて、リンククリック時の画像の切替をスピーディにしたいと考えています。サンプルの上記例にそくしたサンプルのコードなどを回答いただけると助かります。よろしくお願いいたします。
- ベストアンサー
- JavaScript
HTMLのことで・・・・・・・・。
さきほども質問したのですが、少々説明不足だったので、もう一度質問したいと、思います。。。；；；この下は、今の私のソースです；ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <Html> <Head> <Title>～</Title> </Head> <Body> </div> このバナー   <div id="left"> <a href="#"><img src="ban_seitokai.jpg" width="200" height="60" alt="生徒会の一存"></a> <br> <a href="#"><img src="bn_key.gif" width="200" height="60" alt="key"></a> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> </div> <div id="right"> <div align="center"><h1>タイトル</h1></div> <p>文章</p> </div> </div>  </div>  </Body> </Html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーこの画像の上の図が↑のソースです。下の図は、『こうしたい』という図です。画像の隣に文章を表示させたいのですが、どうすればなりますか？できれば、わかりやすく、例や見本を書いてくれますと助かります；
- 締切済み
- その他([技術者向] コンピューター)
1分毎にHTMLを切り替えるJavaScript
<script> function getImageFile(date){ var dir = 'min_img/'; var ext = 'jpg'; var hour = date.getHours(); if(hour < 10){ hour = '0' + hour; } var minute = date.getMinutes(); if(minute < 10){ minute = '0' + minute; } return dir + hour + minute + '.' + ext; } function updateClock(){ var date = new Date(); var image = getImageFile(date); date.setTime(date.getTime() + 60 * 1000); var next_image = getImageFile(date); $('#clock').fadeOut(1000, function(){ $('#clock') .html('<img src="' + image + '"><img src="' + next_image + '" style="display:none;">') .fadeIn(1000); }); setTimeout('updateClock()', 60 * 1000); } $(document).ready(function(){ updateClock(); }); </script> <body> <div id="clock"></div> </body> 上記のJavaScriptは1分毎に画像が切り替えるものです。画像でなく、インフレームでHTMLを表示したいのですが、うまくいきません。 <script> function getImageFile(date){ var dir = 'html/'; var ext = 'html'; var hour = date.getHours(); if(hour < 10){ hour = '0' + hour; } var minute = date.getMinutes(); if(minute < 10){ minute = '0' + minute; } return dir + hour + minute + '.' + ext; } function updateClock(){ var date = new Date(); var image = getImageFile(date); date.setTime(date.getTime() + 60 * 1000); var next_image = getImageFile(date); $('#clock').fadeOut(1000, function(){ $('#clock') .html('<a href="' + image + '"></a><a href="' + next_image + '" style="display:none;"></a>') .fadeIn(1000); }); setTimeout('updateClock()', 60 * 1000); } $(document).ready(function(){ updateClock(); }); </script> <body> <iframe id="clock"></a></iframe> </body> 宜しくお願いします。
- ベストアンサー
- JavaScript
同HTML内で複数のjQueryを設置したいです
買ってきたjQueryの本を元に複数のjQueryを使用し、タブメニュータイプのものと自動スライドショータイプのを同じHTML内に入れたいのですが両方ともうまくいきません。いろいろ自分なりに調べたのですが、わからないです。うまくいく方法をどうか教えてもらえないでしょうか？宜しくお願いします。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>細かなCSS設定なしに、画像をロールオーバーさせる</title> <link rel="stylesheet" href="css/base.css" type="text/css" media="all" /> <script src="js/jquery.rollover.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="js/jquery.slideviewer.1.2.js" type="text/javascript"></script> <script type="text/javascript"> jquery(function() { jquery('div#gallery').slideView({ easeFunc: 'easeInOutBack',//少しバックするアニメーション easeTime: 1200,//アニメーションの時間 toolTip: true,//ツールチップの表示 ttOpacity: 0.5//ツールチップの透明度 }); }); </script> </head> <body> <div id="wrap"> <div id="gnav"> <ul> <li><a href="#"><img src="images/btn_01.jpg" alt="トップページ"></a></li> <li><a href="#"><img src="images/btn_02.jpg" alt="会社概要"></a></li> <li><a href="#"><img src="images/btn_03.jpg" alt="制作実績"></a></li> <li><a href="#"><img src="images/btn_04.jpg" alt="お問い合わせ"></a></li> <li><a href="#"><img src="images/btn_05.jpg" alt="お問い合わせ"></a></li> </ul> </div>  <div id="wrap"> <h1><img src="images/douga/logo.jpg" alt="PHOTO GALLERY" width="439" height="81" /></h1> <div id="gallery" class="svw"> <ul> <li><img src="images/douga/img_01.jpg" alt="PHOTO GALLERY 01" width="655" height="430" /></li> <li><img src="images/douga/img_02.jpg" alt="PHOTO GALLERY 02" width="655" height="430" /></li> <li><img src="images/douga/img_03.jpg" alt="PHOTO GALLERY 03" width="655" height="430" /></li> <li><img src="images/douga/img_04.jpg" alt="PHOTO GALLERY 04" width="655" height="430" /></li> <li><img src="images/douga/img_05.jpg" alt="PHOTO GALLERY 05" width="655" height="430" /></li> <li><img src="images/douga/img_06.jpg" alt="PHOTO GALLERY 06" width="655" height="430" /></li> <li><img src="images/douga/img_07.jpg" alt="PHOTO GALLERY 07" width="655" height="430" /></li> </ul> </div> </div> <img src="images/arimura_ocean3.jpg" class="ocean"> <img src="images/arimura_ocean3.jpg"> <p class="pagetop"><a href="#"><img src="images/btn_pagetop.jpg" alt="上へ戻る" class="rollover"></a></p> </div>  </body> </html>
- ベストアンサー
- その他（プログラミング・開発）
インラインフレームがときどき表示されない
別窓を開くと、別窓内のインラインフレームが表示されるときとされないときがあります。プログラムは以下のようにしました。・メインファイル <script language="javascript">  </script> <body> <a href="JavaScript:disp('01');"> <img src="img1.jpg"> </a> <a href="JavaScript:disp('10');"> <img src="img10.jpg"> </a> </body> ・別窓のファイル <IFRAME src="" id="menu"> </IFRAME> エラーメッセージは以下のようにでます。『subWin.menu.locationはNullまたはオブジェクトではありません。』プログラムに間違いがあればご指摘お願いします。
- ベストアンサー
- JavaScript
キャプション付きの複数画像を複数ランダムに表示
タイトルの通りなのですが、キャプションなしは検索して分かったのですが、キャプション付きだと分かりません。どなたかお教えください。参考にしたプログラムは、以下の通りです。 <HTML> <HEAD> <TITLE></TITLE> <script language="javascript">  </script> </HEAD> <BODY onLoad="Show()"> <a href="01.html"><IMG name="imgNumber1" src="img/img1.jpg" width="170" height="170" border="0"></a> <a href="02.html"><IMG name="imgNumber2" src="img/img2.jpg" width="170" height="170" border="0"></a> <a href="03.html"><IMG name="imgNumber3" src="img/img3.jpg" width="170" height="170" border="0"></a> </BODY> </HTML> <BODY>から</BODY>のプログラムでなぜ表示できるかもよくわかっていません。（これについてはおいおい学ぶとして、できればとっかかりのヒントをお願いします）あと、スクリプトが利かない場合の表示は、<NOSCRIPT>～</NOSCRIPT>で間に変わりのものを書けばいいのでしょうか。すいませんが、よろしくお願いします。
- ベストアンサー
- HTML
jqueryの構文について
はじめまして、最近jqueryの勉強を始めました。セレクタを変数で指定した場合の子要素の取得の仕方がわからず、困っています。アドバイスいただけませんか？ <html> <head> <title></title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $("#next").click(function () { //下のように書いてみたのですが動きません。 var next_slide = $("#slide01").next(); $(next_slide).text("hoge");//これは動きます var img_url = $(next_slide > a).attr("href");//エラーを起こします alert(img_url); return false; }); }); </script> </head> <body> <ul> <li id="slide01"><a href="url01">スライド01</a></li> <li id="slide02"><a href="url02">スライド02</a></li> <li id="slide03"><a href="url03">スライド03</a></li> </ul> <a href="#" id="next">次へ</a> </body> </html> 要は次の要素の子要素にアクセスしたいのです。ご教授のほどよろしくお願いしますm(_ _)m
- ベストアンサー
- JavaScript
" と ' のために外部ファイルの読み込みに失敗
<a href="xxx.html" onMouseOut="AA()" onMouseOver="BB('Image1','','yyy.jpg',1)"><img src="zzz.jpg" name="Image1"></a> このようなソースを作って、外部ファイルとしました。読み込むためにdocument.write('')を使って document.write('<a href="xxx.html" onMouseOut="AA()" onMouseOver="BB('Image1','','yyy.jpg',1)"><img src="zzz.jpg" name="Image1"></a>'); このようにしたのですが、表示されません。 BBの中の引数の’が原因だということは分かるのですが、解決方法がわかりません。分かる方、いらっしゃいましたらお教えください。よろしくお願いします。
- ベストアンサー
- JavaScript

ｈｔｍｌファイルを自動で大量作成したい