「HP作成」の編集履歴(バックアップ)一覧に戻る
HP作成 - (2008/09/18 (木) 18:40:16) のソース
このページはHPの作成を支援するための情報を追加してください。編集は自由です。 超初心者コース→最低限のデッサン力を身につける→[[pixiv>http://www.pixiv.net/]]に登録する→登録後、人気絵師の絵を観察してセンスを磨く→[[ペイントツールSAI>http://www.systemax.jp/ja/sai/]]を購入する。フォトショップの代わりになる画像処理は[[GIMP(無料)>http://ja.wikipedia.org/wiki/GIMP]]で十分。イラストレーターの代わりは[[Inkscape(無料)>http://ja.wikipedia.org/wiki/Inkscape]]でOK **ブログ ([[ブログ - Wikipedia>http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AD%E3%82%B0]]) 良い点:HPの作成の知識は不要、初心者はブログがオススメ。選択できるデザインの種類も多い。 悪い点:デザインテンプレートを使用するのでまったくクリエーターとしてのオリジナリティーがない。 ↑追記:最近のブログはカスタマイズができるようになっていました。腕に自信があればオリジナルのブログができます。 ブログは日記形式で、発言内容が不特定多数に公開されることを忘れてはなりません。 [[FC2ブログ(blog) - 無料ブログ,デザインも5000種類以上・アフィリエイトも可能!>http://blog.fc2.com/]] [[忍者ブログ 無料Blog - NINJA TOOLS>http://blog.ninja.co.jp/]]:一月放置すると広告が多くなる。 **SNS ([[ソーシャル・ネットワーキング・サービス - Wikipedia>http://ja.wikipedia.org/wiki/%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%BB%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AD%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9]]) 閲覧権限を設定できます。友人から招待されて友人間だけの交流にも最適です。 特別なスキルは必要ありませんので、ブログと同様に日記や絵を公開できます。 不特定多数への情報配信向きではなく、SNS内のユーザーのみの交流となります。 代表的なSNSは[[mixi>http://mixi.jp/]]や[[pixiv>http://www.pixiv.net/]]などがあります。 **wiki ([[ウィキ - Wikipedia>http://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A3%E3%82%AD]]) @wikiは閲覧権限や編集権限を設定できるので友人間だけのローカルサイトが構築できる。 また、編集権限を他者にも与えることができるので友人といっしょに運営が可能。 ローカルサイトを作るには適しているかもしれない。 *以下はHP作成の為のリンクです。 HPの作成には知識や時間を要します。初心者は上記のSNS、ブログなどから始めて、 その間にHPの作成の知識や技術を学ぶと良いかと思います。 理解度を高めるには試行錯誤を繰り返してタグの機能を理解し、気に入っているHPのソース(ブラウザの表示タブのソースの表示を選択)を参考にしながら作業をすすめると理解が早いかもしれません。 **無料ホームページ・レンタル [[無料ホームページ・無料サーバー比較>http://www.kooss.com/hp/]] [[忍者ホームページ 容量無制限 - NINJA TOOLS>http://www.ninja.co.jp/hp/]] [[FC2WEB 無料ホームページ HP 1GB大容量>http://fc2web.com/]] **HTML(ページ作成の基本) [[HTML タグ 辞典 - Google 検索>http://www.google.com/search?num=20&hl=ja&q=HTML+%E3%82%BF%E3%82%B0+%E8%BE%9E%E5%85%B8&lr=lang_ja]] [[みんなのタグ辞書/HTMLタグ辞書>http://heo.jp/tag/]] [[とほほのWWW入門>http://www.tohoho-web.com/www.htm]] **HTMLエディタ(作成ツール) フリーのHTMLエディタを比較してみる。 http://besunday.hp.infoseek.co.jp/html_editor.htm 窓の杜 - ez-HTML http://www.forest.impress.co.jp/lib/inet/homepage/htmleditor/ezhtml.html [[Web Frontier>http://www.w-frontier.com/]]:ez-HTML 充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる次世代対応HTMLエディタ。 [[Webオーサリングツール - Wikipedia>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]] **FTP([[File Transfer Protocol - Wikipedia>http://ja.wikipedia.org/wiki/File_Transfer_Protocol]]) 窓の杜 - FFFTP http://www.forest.impress.co.jp/lib/inet/servernt/ftp/ffftp.html **CSS ([[Cascading Style Sheets - Wikipedia>http://ja.wikipedia.org/wiki/Cascading_Style_Sheets]]) HPの装飾関係はCSSで管理することを推奨されています。 [[CSS - Google 検索>http://www.google.com/search?num=20&hl=ja&q=CSS&lr=lang_ja]] **JavaScript ([[JavaScript - Wikipedia>http://ja.wikipedia.org/wiki/JavaScript]]) [[JavaScript サンプル - Google 検索>http://www.google.com/search?hl=ja&safe=off&q=JavaScript+%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB&lr=lang_ja]] [[JavaScript例文辞典>http://www.openspc2.org/reibun/javascript/]] **[[JavaScriptライブラリ - Google 検索>http://www.google.com/search?hl=ja&q=JavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA&lr=lang_ja]] JavaScriptライブラリと言うと絵描きの間では[[画像スライドショー>http://www.goodpic.com/mt/archives2/2007/03/lightboxjs.html]]がよく使われる。 インパクトのあるギャラリーを設置したい時にオススメ。設置方法は公式サイトを見れば簡単。 **Ajax (Asynchronous JavaScript XML) Asynchronous (アシンクロナス/エイシンクロナス、非同期) JavaScript + XML の略) [[Ajax - Wikipedia>http://ja.wikipedia.org/wiki/Ajax]] [[Ajax (JavaScript) Library List (Ajaxライブラリ一覧)>http://www.openspc2.org/JavaScript/Ajax/Library/index.html]] [[jQuery入門>http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html]] **FLASH ([[Adobe Flash - Wikipedia>http://ja.wikipedia.org/wiki/Adobe_Flash]]) Flashは標準サポートされつつあるので、今後はFlashを使うサイトが増える可能性がある。 得にデザインを重視するサイトには必携になってくるだろう。だたし相当なセンスが必要。 [[swf出力可能ソフトの機能比>http://www.geocities.jp/n_mattun/2ch/document/swf_outputList.htm]] [[無料でFLASH作成!--@驚くのPowerbullet!!-->http://atto.s2.pf-x.net/]] [[Suzuka - Wikipedia>http://ja.wikipedia.org/wiki/Suzuka]]:Flash作成用のフリーウェア。無償ながらも「FLASH MX相当の本格的なアクションスクリプトに対応」していると謳っている。 [[ParaFla! - Wikipedia>http://ja.wikipedia.org/wiki/ParaFla%21]]:Coaが個人で開発を続けていFlash作成用ソフトウェア(フリーウェア)である。 2004年8月24日にVer0.1がリリースされてから精力的なアップデートを続け、今では市販のシェアウェアに見劣りしない機能を備えている。 **GIFアニメ ([[Graphics Interchange Format - Wikipedia>http://ja.wikipedia.org/wiki/Graphics_Interchange_Format]]) [[透過GIF - Google 検索>http://www.google.com/search?hl=ja&q=%E9%80%8F%E9%81%8EGIF&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_ja]] **ファビコン(ブラウザのアドレス欄に表示されるアイコン)設置方法 [[Favicon Japan!! -16×16の小宇宙ファビコン->http://www.favicon.jp/]] faviconが表示されない場合、キャッシュだけでなく履歴もクリアしてみるべし。(その後、念のため、起動しているIEもすべて終了させてから、IEを再び起動させてみる。)IE6のキャッシュをクリアするには、[インターネットオプション]>[全般]>[インターネット一時ファイル]>[ファイルの削除]を選択します。 IE6の履歴をクリアするには、[インターネットオプション]>[全般]>[履歴]>[履歴のクリア]を選択します。 **レンタル掲示板 レンタルする掲示板はスパム(迷惑広告)投稿を防げる掲示板が最も良い。 そうでない掲示板は業者によるスパム投稿だらけになる。 スパム対策が施されていない掲示板は物の約に立たない。 (注、以下のリンク先の掲示板について機能を十分に確認していないのも含まれます。) [[無料レンタル掲示板(バナー広告無し)>http://co.koroweb.com/b/]] [[広告無し無料レンタル掲示板 E-BOARD.TV ->http://www.e-board.tv/]] [[aimix-BBS 【無料レンタル掲示板】>http://www.aimix-z.com/]] [[livedoor レンタル掲示板 : したらば>http://rentalbbs.livedoor.com/jbbs/]]:要HTML、CSSで、デザインの変更が可能。元が巨大掲示板なのでログが多く残せる。プロクシ、海外ホスト規制、特定IP遮断する設定があるため、荒らしに非常に強い。 **絵板 [[Oebit - お絵描き掲示板無料レンタル>http://oebit.jp/]]:多機能で無料。 [[Oekaki BBS.com -お絵かき掲示板のレンタル、検索、交流サイト>http://www.oekakibbs.com/]]:無料。 [[WonderCatStudio>http://wondercatstudio.com/]]:絵板のスクリプトの配布元。設置に関する知識が必要です。 **メールフォーム ([[メールフォームとは - Google 検索>http://www.google.com/search?hl=ja&q=%E3%83%A1%E3%83%BC%E3%83%AB%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%A8%E3%81%AF&lr=lang_ja]]) Eメールよりもホームページに訪れたユーザーが気軽にメッセージを送信できるのが利点。 **Web拍手 ([[Web拍手 - Google 検索>http://www.google.com/search?num=20&hl=ja&q=Web%E6%8B%8D%E6%89%8B&lr=lang_ja]]) 簡単なメッセージや「ただボタンを押すだけ」で応援の気持ちを伝えることができる。 メールフォームよりもユーザー側からのアクションが得られやすい。 弱点:誰から送られてきたのか分からない。 **アクセス解析([[アクセス解析 - Wikipedia>http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90]]) [[アクセス解析 - Google 検索>http://www.google.com/search?hl=ja&q=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_ja]] レンタルできるアクセス解析が色々あります。有名なところでは忍者アクセスが有名。 設置すると訪問したユーザーの記録が得られます。主に役立つ点はリンク先の情報を得られることです。 **投票、アンケート **その他の掲示板 **ショッピングカート [[ショッピングカート レンタル - Google 検索>http://www.google.com/search?hl=ja&q=%E3%82%B7%E3%83%A7%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0%E3%82%AB%E3%83%BC%E3%83%88+%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB&lr=lang_ja]] ショッピングカートをレンタルして、同人誌などのダウンロード販売が可能かもしれないです。 **BlogのCGIスクリプト配布サイト **SNSのCGIスクリプト配布サイト OpenPNE:http://www.openpne.jp/ PHP(4.x.x以降)+MySQL4.x以降(orPostgreSQL)で動作 **フリーCGIスクリプト配布サイト http://www.web-liberty.net/ **CGM(消費者生成型メディア) ----