ホームページ作成

目次

HTML全般の紹介
swf 対応
(ホームページ作成ソフト)
無料ホームページの比較サイト
ホームページ作成サイト
メールフォーム
通販サイト作成
ランキング・サイト
ウエブ・リンク探索「Walk 2 Web」
JavaScript
・Ajax
・jQuery
VBScript
Java Applet
CGI
Flash
URL の文字コード変換

HTML全般の紹介

1. htmlの書き方
   1. htmlの概要を読んで理解できる資料。ブラウザでタグの意味を確認できます。
      　解凍して、目次「p_cont.html」をクリックします。
      http://www.tky.3web.ne.jp/~shadow/HTML/appendix.html
      
      
   2. 「とほほのWWW入門」HTMLタグ説明など、ホームページ作成のための詳しい情報満載。
      http://www.tohoho-web.com/www.htm
      　こちらは、辞書的に活用するといいでしょう。スタンドアロン版の一括ダウンロード・サービスまで有ります。
      　このホームページそのものが、ホームページの作成の見本になっています。ちなみに、2002/07現在のカウンタが850万でさすがリッパです。
      　私のこのホームページのデザインのほとんどは、「とほほのWWW入門」のコードを、そのまま、または改造して利用させていただいています。ここに謹んで、出典として明記すると共に、感謝を表明いたします。
      
      
   3. 「誰でも解る無料ホームページ作成講座」
      http://www.j-ns.com/freehomepage/
      
   4. 「ホームページの作り方教室」
      http://www.urban.ne.jp/home/kibochan/html.htm
      
   5. Knave Web講座
      http://www5a.biglobe.ne.jp/~n_rieko/
      
   6. Another HTML-lint
      http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
      　ホームページを作ったら、ここで文法チェックをしましょう。
      私のホームページ？・・(^_^;)
      　HTMLの文法チェック・ソフト Tidy は、こちらで紹介しています。
      
      
   7. 「ホームページ作成無料リンク集」
      http://www.sumnet.ne.jp/domp/hplink/
      
   8. サイトビルド講座
      http://www.rfs.jp/sb/html/
      
   9. 駄的HTML改善計画
      http://car.s35.xrea.com/
      　文法的に突っ込んだ解説が有り、便利です。
      
      
   10. ごく簡単なHTMLの説明
       http://www.kanzaki.com/docs/htminfo.html
       　HTMLからXHTMLまで解説。
       10 フォーム←この項目が親切です。
       基本的なフォーム http://www.kanzaki.com/docs/html/htminfo31.html
       フォームデータの送信 http://www.kanzaki.com/docs/html/htminfo32.html
       フォームとアクセシビリティ http://www.kanzaki.com/docs/html/htminfo33.html
       
       
   11. Chaichan-World !
       http://www1.parkcity.ne.jp/chaichan/
       
       
   12. 今押さえておくべきWeb制作に役立つ37個のブックマークまとめ
       http://e0166.blog89.fc2.com/blog-entry-139.html
       
       
2. スタイルシート
   　スタイルシートの編集には、TopStyle Lite などを使うとよいでしょう。
   
   1. HTML/CSS
      http://www.fromdfj.net/html/
      
   2. スタイルシート例文辞典
      http://www.openspc2.org/reibun/css/
      
   3. スタイルシート(css)学習辞典
      http://dhr.at.infoseek.co.jp/simple_style1.htm
      
   4. 「HTML小技集」
      http://hp.xrea.jp/
      
   5. 「zspc -アクセシブルなウェブデザインのための情報サイト-」
      http://www.zspc.com/
      
   6. 「HTML Tips」
      http://www.umechando.com/
      　左側-Main Menu-のHTML Tipsをクリックします。
      
   7. スタイルシート
      http://www.w-frontier.com/stylesheet/
      
   8. さくらどおり
      http://critical.s6.xrea.com/
      
   9. 縦書きマニュアル
      http://www012.upp.so-net.ne.jp/tateruby/manual/
      
   10. カスケーディング・スタイル・シート
       http://www.htmlhelp.org/ja/reference/css/
       
   11. DesignLinkDatabase
       http://www.designlinkdatabase.net/
       　WEBデザインのまとめサイト
       
   12. KURAGEYA(HP作成のお勉強サイト)
       http://kurageya.fc2web.com/web/style/filter2.html
       　DirectX によるフィルタ効果
       
   13. ミスティーネット・スタイルシート講座
       http://style.misty.ne.jp/
       
       
       
   
   
3. 素材
   1. 「HTML Memo」牛飼いとアイコンの部屋の一部
      http://www.ushikai.com/web/web.htm
      
      
   2. 1キロバイトの素材屋さん
      http://1kb-sozai.com/
      　軽いgifアニメWEB素材集。
      
      
   3. 「Art and Technology 」無料素材です
      http://home.att.ne.jp/gold/naoki/
      
      
   4. 「いろいろ素材」
      http://iroempitsu.net/
      　女性らしい、やさしい色使いの素材。
      私の、こことは別のホームページで使わせて頂いています。
      
      
   5. QWEEN'S FREE WORLD
      http://www.alles.or.jp/~queen/
      
      
   6. small icon
      http://homepage2.nifty.com/hatupa-ahs/smalliconframe.htm
      
      
   7. フードアイコン
      http://www.sozaidaisuki.com/web/index/framepage1.htm
      
      
   8. ウェブ素材集SPEED
      http://www.sppd.co.jp/sozai/sozai_shokubutu.html
      　一括ダウンロードできます。
      
      
   9. 素材屋じゅん
      http://www.ah.wakwak.com/~osyare/sozai/yasai.html
      　ちょっとリアルで可愛い素材。
      
      
   10. 素材や　ぽんぽん
       http://www.tamagochan.com/
       　かわいいgifアニメがたくさん。
       
       　以下は、仕事でも使えます。
       
   11. モーグの
       Home > モーグ学習室 > Excelで描くオートシェイプ画　入門編
       http://www.moug.net/learning/expic/
       
       
   12. TechnoVitalと堀内辰男（T．Horiuchi）のページ
       　エクセル（ワード）で描くパソコン画、Mouse＆ClickArt、落書きをアートにできるパソコン画 http://www2.odn.ne.jp/~cbl97790/
       
       
   13. オートシェイプイラスト講座
       http://autoshape.web.fc2.com/autotukuru.html
       
       
   14. Printout Factory
       企画書作りに役立つPowerPointテンプレート集
       http://www.printout.jp/factory/powerpoint/
       
       
   15. パワーポイントのフリー素材！すぐに使えるクリップアート
       http://bb-wave.biglobe.ne.jp/ppt/clip_ichiran.html
       
       
   16. フリーのアイコン満載です。(イタリア語のサイトですが画像で分ります。)
       http://icone.goldenweb.it/
       たとえば、
       http://icone.goldenweb.it/index_file/l/it/d2/cartoons/c/anset/default.html
       
   
   
4. 検索エンジン
   1. Googleサイト検索埋め込みサービス
      https://cse.google.co.jp/cse/all
      https://www.google.co.jp/intl/ja/faq_freewebsearch.html
      　ホームページができたら、検索エンジンに登録です。
      　私は自分でホームページを作るまで、こんな作業が必要だとは全く知りませんでした。
      　注意：検索結果を <FRAMESET> に表示しようとすると、検索エラーになります。target="_blank" を使って別ページに表示させる必要かあります。
      
      サイト内Google検索を埋め込む
      https://office-obata.com/report/memorandum/post-5509/
      サイト内検索の設置と活用方法
      https://keywordfinder.jp/blog/seo/search-in-site/
      サイト内検索のやり方や導入方法など徹底解説
      https://seolaboratory.jp/41705/
      サイト内検索機能の利用方法や導入方法を解説
      https://www.willgate.co.jp/promonista/site-search/
      Google search formの実例★
      http://www.kogures.com/hitoshi/javascript/google-search/google-search-form.html
      Google カスタム検索（サイト内検索）の設置
      https://www.webdesignleaves.com/pr/plugins/googleCustomSearch_01.html
      
      
5. その他
   
   1. チュートリアル
      http://www.nextindex.net/
      
   2. 色の組み合わせチェック
      http://www.tagindex.com/color/background/
   3. Google Analytics：アクセス解析
      http://analytics.total-web.jp/
      http://web-tan.forum.impressrd.jp/l/426
      

swf 対応

<script type="text/javascript" src="swf2js.js"></script>

        <script type="text/javascript">
            swf2js.load('img/index.swf', {tagId: "container1"});
        </script>

無料ホームページの比較サイト

ホームページ作成サイト

Google サイト

Jimdo

Seesaa

メールフォーム

通販サイト作成

ランキング・サイト

ウエブ・リンク探索

Walk 2 Web

JavaScript

1. 実践！JAVA Script集
   http://www.s-ichi.com/semi/js/js.htm
   
   
2. イヌでもわかるJavaScript講座
   http://www.red.oit-net.jp/tatsuya/java/
   　このホームページの例えば「ここ（じつは、リンク以外の部分なら、どこでも良いのです）」をダブルクリックすると表示される、どこでも貼り付く「フローティング・メニュー」は、この講座のコードをそのまま使わせて頂いています。感謝いたします。
   
   Operaブラウザは、ダブルクリックイベント( ondblclick )をサポートしていないため、左シングル・クリックでメニューが現れます。しかし、1度しかメニューが現れないため、実質的には Opera では、使えません。m(__)m
   
   
3. ＪａｖａＳｃｒｉｐｔ　ＱＰＯＮ作品集
   http://qpon.quu.cc/java/
   
   
4. JavaScript小技集
   http://javascript.maxux.com/
   
   
5. JavaScript basic samples
   http://www.sumnet.ne.jp/domp/jsbs/
   
   
6. JavaScript例文辞典
   http://www.openspc2.org/reibun/javascript/
   　事例が豊富
   
   画像やエレメントの表示／非表示を切り替える
   http://www.openspc2.org/reibun/JavaScript_technique/sample/07_css/007/index.html
   
   
7. Java Script Studio
   http://homepage1.nifty.com/kodayan/javasc/
   　事例が豊富
   
   
8. JavaScript Library
   http://www.openspc2.org/JavaScript/library/
   
   
9. 「HTML Maker AZUKI」添付の「JavaScriptのサンプル集」にも簡単な事例があります。
   
   
10. Site Cooler
    http://www.site-cooler.com/
    
    
11. JavaScript入門講座
    http://www.site-cooler.com/kwl/jslibrary/
    　イベント関係の具体的が有ります。
    
    
12. サイトビルド講座
    http://www.rfs.jp/sb/javascript/
    
    
13. JavaScriptゲームの作り方
    http://www.greenwood.co.jp/~k-aki/article/js_game_first/js_game_first.html
    
    
14. 新JavaScript入門
    http://homepage3.nifty.com/aya_js/js2/js2_frm.htm
    
    
15. Document Object Model
    http://homepage3.nifty.com/aya_js/dom/
    　イベント処理の具体例が親切です。
    
    
16. イベントハンドラ
    http://homepage2.nifty.com/Shouji/pc/js/r-5.html
    　こちらも、イベントハンドラの具体的な解説です。
    
    
17. JavaScriptリファレンス
    http://1106.suac.net/johoB/JavaScript/
    　こちらも、イベントハンドラの具体的な解説です。
    
    
18. データバインド入門
    http://www.makoto3.net/document/databind/databind_all.html
    　｢データバインド｣とは、｢Webページをデータベースソフトに変えるマジック｣。
    <object id="myDatabase" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
    　↑のサンプルを使って、下記のような画面が、簡単？に作れました。
    　デジラマ合成画像ギャラリー目次(チェック・ボックス)
    　デジラマ合成画像ギャラリー目次(ドロップダウン・リストボックス)
    　Dynamic HTML(innerHTML) を使って、「表」のサムネイル「列の表示・非表示」を、切り替えています。
    
    
19. データバインドの使い方
    http://www.geocities.jp/seisuzuk/MakeHP_2/tips_5.html
    　大人のためホームページの作り方
    http://www.geocities.jp/seisuzuk/makeHP_2.html
    
    
20. Data Bind
    http://www4.airnet.ne.jp/hasikun/webtech/databind/databind-f.html
    　Ｈ＠ｓｈｉ’ｓ
    http://www4.airnet.ne.jp/hasikun/
    
    
21. DataGridコントロールの列を実行時に表示／非表示するには？
    http://www.atmarkit.co.jp/fdotnet/dotnettips/086hidecolumn/hidecolumn.html
    
    
22. 列表示非表示＆行表示非表示 切り換え
    http://miztools.so.land.to/js-tools/dom/table_display.html
    　JavaScript sample tools
    http://miztools.so.land.to/js-tools/
    
    http://q.hatena.ne.jp/1192623624
    
    
23. これでできる！ クロスブラウザJavaScript入門
    http://gihyo.jp/dev/serial/01/crossbrowser-javascript
    
    
24. プログラミングテキスト　JavaScript
    よくできたサイトです。このテキストに従って、ステップを追ってスクリプトを試して行くと、自学自習で、必ず？ JavaScript を、マスタできます！
    http://masudahp.web.fc2.com/js0/
    
    
25. JavaScriptリファレンス（オブジェクト別）
    http://www.htmq.com/js/index.shtml
    
    
26. 梅ちゃん堂 > JavaScript 入門
    http://www.umechando.com/javascript/
    IE のバージョンをチェック
    http://www.interq.or.jp/engineer/umechan/tips/02.htm
    
    
27. ウェブ木箱
    http://www5c.biglobe.ne.jp/~horoau/
    
    
28. JavaScript入門（リファレンス）
    http://itref.fc2web.com/development/javascript.html
    　JavaScript documentオブジェクト
    http://itref.fc2web.com/development/document.html
    HTML要素にIDを付けて、JavaScriptから参照や更新を行う
    
    
29. JavaScript 入門
    http://sengoku.ath.cx/javascript/
    
    
30. innerTextとinnerHTML
    http://faq.creasus.net/02/0801/
    オブジェクトの解説も必読です。
    
    
31. みやけ工房
    http://www.geocities.jp/miyake_kobo/
    　サイトの解説より：
    　写真を中心にしたホームページの制作方法を、種類別に分類して掲載しています。ホームページ制作を計画されている方や、現在お持ちのホームページの改良を計画中の方に、多少なりともお役に立てればと考えて作っております。
    　当サイト内の画像・プログラムなど全てのコンテンツの著作権は私が所有しますが、サンプルソースや画像は自由にお使い頂いて結構です。ただし、画面に表示される(C)〜等の著作権表記を許可なく消すことを禁止します。
    
    　ページの一部分を innerHTML を使用して動的に変更する方法
    http://miyakekobo.fc2web.com/contents/kowaza046.html
    
    
32. IE8におけるJavaScriptの挙動変更
    http://www.emxas.co.jp/itblog/item_275.html
    
    
33. IEのバージョン、UserAgentを調べる方法
    http://d.hatena.ne.jp/replication/20100127/1264544973
    http://d.hatena.ne.jp/language_and_engineering/20101207/p1
    http://msdn.microsoft.com/ja-jp/ie/cc787976.aspx
    
    
34. JavaScriptプログラムメモ(flat memo)
    http://logic.stepserver.jp/memo.cgi/category/3
    
    
35. WSH JScriptを使いこなそう
    http://3rd.geocities.jp/kaito_extra/
    
    
36. 実用 JavaScript 集
    http://www.shurey.com/Soft/JS/
    
    
37. ACCESS R JavaScript
    http://www5e.biglobe.ne.jp/access_r/hp/javascript/
    
    
38. クジラ飛行机「仕事に役立つJavaScript入門」
    http://pc.nikkeibp.co.jp/article/column/20101112/1028503/
    
39. クジラ飛行机「仕事に役立つJavaScript入門」
    http://itpro.nikkeibp.co.jp/atcl/column/14/112000106/
    

Ajax

jQuery

VBScript

HotVBS(私の推奨)

'フォルダ内のファイル一覧を取得
'https://bayashita.com/p/entry/show/33
'WScriptオブジェクトを利用する
'https://atmarkit.itmedia.co.jp/ait/articles/0705/17/news121_2.html
'ファイルの拡張子
'https://bayashita.com/p/entry/show/75

Option Explicit
 
Dim objFileSys
Dim objFolder
Dim objFile
Dim objOutputTextStream
Dim strExtension
 
'ファイルシステムを扱うオブジェクトを作成
Set objFileSys = CreateObject("Scripting.FileSystemObject")
 
'ログ出力用 TextStream オブジェクトを作成
'第2引数は 1 ：読み取り、2 ：上書き、3 ：追記。
Set objOutputTextStream = objFileSys.OpenTextFile("★FilesVBS.txt", 2, True)

'親フォルダのパスを格納する変数宣言
Dim strParentFolder
'スクリプトが存在するフォルダの親フォルダのパスを取得
strParentFolder = objFileSys.GetParentFolderName(WScript.ScriptFullName)

'親フォルダのオブジェクトを取得
Set objFolder = objFileSys.GetFolder(strParentFolder)
 
'FolderオブジェクトのFilesプロパティからFileオブジェクトを取得
For Each objFile In objFolder.Files
'拡張子を取得
strExtension = objFileSys.GetExtensionName(objFile.Name)
   '★★★出力する拡張子を限定★★★
   if strExtension = "jpg" or strExtension = "JPG" then
       'ファイル名を取得し、ログファイルに出力
       objOutputTextStream.WriteLine objFile.Name
   end if
Next
 
'TextStream は Close を忘れずに
objOutputTextStream.Close

Set objOutputTextStream = Nothing
Set objFolder  = Nothing
Set objFileSys = Nothing 

MsgBox "終了しました!", vbOKOnly

Java Applet

CGI

Flash

URL の文字コード変換