インターネット

5.ホームページを作る

ホームページ作成の基本

ミドルエイジのための 簡単ホームページ作成講座
ホームページを作りたいが,「タグ」が理解できない。でも若いものには内容だけは負けたくない! というミドルエイジのために,お金をかけずにNetscapeComposerとFrontPageExpressで作るホームページ。

超初心者のためのホームページ講座
「軽くてきれいでカッコいい」ホームページを作るための超初心者向けの講座。準備編,画像編,制作編,登録編とステップごとに分かれてホームページ作成のノウハウが説明されていて,必要な情報が探しやすい。

アクセス向上委員会 インターネットのデザイン&マーケティング
ここはタグの書き方を解説するのではなく,どうすればより多くの人に見てもらえるようになるかを模索しているページだ。気に入ったらメーリングリストのメンバーになって,キミも委員会の活動に加わろう。

37歳のためのインターネット入門
メモ帳の開き方からGIFアニメーションで教えてくれる,丁寧さ。37歳以上のオトーサンだって,これなら自分でホームページが作れる。技法だけでなく,どんなページを作ったらいいのかというコンセプトワークも触れられている。

Read Only Surfer を卒業しよう マイ・ホームページへの道
個人ホームページの定番ディレクトリー「JOY」の中にあるホームページ作成情報がたっぷりあるコーナー。キーワード別・知りたいこと別に目次が用意されていて,自分の必要な情報を探しやすくなっている。

簡単ホームページ教室
個人ホームページの定番ディレクトリー「JOY」の作者によるホームページ作成ノウハウ。講義方式ではなく,キーワード別,逆引き・知りたいこと別で分類されている。ホームページ作成に関するリンク集もシンプルにまとまっている。

HPを作ろう! 実践!ホームページ作成講座
1996年に産経新聞経済面に毎週掲載された「実践!ホームページ作成講座」のウェブ版。第1〜12回までで,一通りのホームページ作成技術が学べるようになっている。毎回,宿題も用意されているぞ。

Photo Gallery
山岳写真がメインのページだが,ここで注目したいのは「ホームページ救急隊」と「ホームページの作り方」だ。救急隊では「アンケートをとるには」「横罫線を格好良くするには」といった「〜したい」をアイウエオ順で探せて便利。

ズバリ!! 見てもらえるホームページの作り方
その名の通りのページ。中でも必見は,自らのページのアクセスデータを解析して,どのような表現をすると効果があるのかを実証的に検証している部分。なぜ雑誌に掲載されてもアクセス数が増えないのかなどの分析がある。

ホームページを作ろう!!
初めてページを作る人向けのページ。タグを使って文字の大きさ,色を変えたり,画像を入れたり,表を作ったりと基本的なタグの使い方を解説している。ここをマスターしたら基本的なことは完了。あとは他のページで勉強を続けよう。

ホームページ作成講座
セミナー形式でホームページの作り方を学べるページ。初級編・中級編とに分かれた作成講座となっている。初級編では基本を,中級編では,画像についての基礎的な知識やGIFアニメーションで絵を動かす方法などを学べる。

仲間を増やすためのホームページ Access向上大作戦!
「仲間を増やす,出会いのきっかけを増やすためのアクセス向上」をテーマに,究極のサーチエンジン登録方法,ホームページ紹介メールサービスの解説など,アクセスを増やすためのさまざまな方法について説明している。

ホームへ
HTML

ダイナミックHTML Club
IE4.0やNetscape4.0で採用されたダイナミックHTMLを学べるページ。プラグインやアプレットなしでクールなページを作れる。IEとNetscapeでは仕様が若干違うが,どちらでも見られるようにする方法も紹介している。

超簡単HTML超入門
まずは自分のブックマーク代わりにホームページでリンク集を作ることから始めまようというコンセプトのHTMLタグの書き方解説。テーブル,フレーム分割まで基本的な事柄を学べる。必要なのはブラウザーとメモ帳かSimpleTextだけだ。

HTML文書サンプル&解説集
セミナーのお知らせや報告書,企画書など,すぐに使えるビジネスマンのためのHTML文例集とその詳細な解説ページ。一から学ぶよりも手っ取り早いので,忙しい人は文例を書き替えることから始めてみよう。

簡単で正しいHTMLの書き方
<EM>や<STRONG>といったタグは知らない人もいるはず。でも,<I>や<B>ではなくこっちを使うのが正しいのです。

は改行するためのタグではありません。こんな正しいタグの使い方を教えてくれるページ。表,クリッカブル・マップまで。

HTML Super Reference verII
Netscape Communicator 4.0,Internet Explorer 4.0までに対応したHTMLの解説。タグはアルファベット順に並んでいるので,ある程度タグを知っている人用だ。タグごとにブラウザーのどのバージョンが対応するのか表示されている。

HTML文書作成マニュアル Ver4.22
HTML4.0を解説したページ。基本的なことだけでなくフォームの作り方やスタイルシートの概略,アクセス制限のかけ方なども載っている。X Windowsベースで書かれているのでパソコンの人にはちょっと難しいところも。

AID+WEB
「Internet初級者のためのHTML入門」というコーナーがある筆者の「タグの知識は必ず必要になります。」という考えに従って「地道編」から勉強してもいいし,面倒臭がり屋のあなたは「横着編」から始めてもいい。

HTMLコーディングチェック
HTMLを書いていて,表示がうまくいかない場合や,思ったように表示されない場合などには,ここでHTMLの書式チェックをしよう。HTMLの最新バージョン,4.0の仕様書などでかっちりと厳密にチェックできる。

an Explanatory of HTML and More...
逆引きによるHTMLタグの解説ページのほか,MacOS用の動画GIF作成ソフトやFTPソフトの説明などがある。そのまま使えるJavaScriptのサンプルやQ&Aページもある,特にMacを使ってホームページを作りたい人にお薦め。

Beginners' school
月曜日から土曜日まで,まるで学校に通っているような感覚でHTMLを学べるページ。この時間割にそって勉強すれば,たったの一週間でHTMLが書けるようになる! まさに、初心者にはうってつけといえるだろう。

ほ〜むぺ〜じ制作ぎみっく
これからホームページを作ろうという初心者から,ホームページは作れるようになったけど,もう少しグレードアップしたいという人までサポートするページ。「思わず感嘆する」簡単に出来るJavaScriptのサンプルもあり。

Pages for web creators
HTML標準タグとNetscape独自のタグを対応バージョン表示とともに解説している。HTMLの最新バージョン,HTML4.0の解説のほか,Super Color Chartという,HTMLで色を16進数によって指定する時に便利なページもある。

ホームへ
CGI/JavaScript

独学JavaScript
一からJavaScript学んでいこうというページ。一通りを簡単かつ親切に説明してくれる。すべてを網羅しているわけではないが,導入としては絶好のページ。ダウンロードしてオフラインで読むこともできるぞ。

Web裏技
CGIのアイデア,サンプルを多数提供しているページ。初心者の域を脱した初級者向けなので,まずは一通りを学んでから来たほうがいいかもしれないが,ここのスクリプトが使えるようになれば,確実にグレードアップするぞ。

Matt's Script Archive
そのまま使えるCGIスクリプトを多数紹介しているページ。ここで紹介しているホームページの作者もおそらく一度はお世話になったはず。プログラミング言語は英語のようなものだから,英語ページだからと敬遠しないで頑張ってみよう。

CGI-SSI Collection Room
始めてCGI/SSIを導入するまでのレクチャーからCGI/SSIコレクションまで。すべてがダウンロードできるわけではないが,使えるCGIスクリプトを紹介しているページへのリンクが豊富。どんな事ができるのかを見てみよう。

インタラクティブページの作り方
初心者でも絶対に分かるCGIの入門ページ。筆者も実際にここで一から学んだので保証する。現在ではCGIの書籍も充実しているのでそれを買うのも手だが,ここは必要最小限「だけ」書いてあるので,勉強しやすい。

JavaScriptのマル秘テクニック集
JavaScriptの入門ページ,テクニック集,Q&Aのページ。難しいことは考えずに,コピー&ペーストしてそのまま使える。また,ダイナミックHTMLのサンプルページもある。どんな事ができるのかが一発でわかるぞ。

JavaScript チュートリアル 目次
実践的なJavaScript学習ページ。サンプルを見て,使ってみたかったらソース&解説ページに飛ぼう。丁寧に解説しているので,JavaScriptは決して難しいものではないということが分かるはずだ。

とほほのWWW入門
「とほほ」といいながらかなり内容の濃いページ。HTMLリファレンスからJavaScript入門,CGI/SSI入門など,情報がぎっしりだ。全体的にちょっと難しめのページだが,そのぶん学べることも多いはず。

一撃必殺JavaScript日本語リファレンス
まさに一撃必殺のJavaScriptページ。そのまま使えるJavaScriptライブラリー,逆引きJavaScriptリファレンス,裏技&Tips,Q&A,Microsoft Internet Explorerでの挙動の違いの説明などなど,枚挙に暇がないほどだ。

ホームへ
ホームページ用素材

Web Design
壁紙,横罫線,ボタン,球,アイコンなど合わせて1000を越すパーツが手に入るページ。ボタンは画像加工ソフトで文字を入れて完成させるタイプ。横幅は3種類あるので,書き込む文字数に合わせて選ぼう。

IKD'S GIF GALLERY
背景,アイコン,ボタン,ラインなど使える素材がたくさんあるページ。使う画像のファイルネームとページのURLをメールで連絡すれば自由に使える。また,ページを作る時に役立つコツなども紹介している。

G-TOOL Home Page
横罫線,矢印から壁紙,ボタン,イラスト,GIFアニメなどなど,その数なんと3万点以上を誇る総合素材集サイト。背景色を変えて,色のバランスを見られるのも便利。未掲載画像を含んだ5種類のCD-ROMもネット通販しているゾ。

ホームページ用 素材集
自分で文字を重ねてバナーなどを作るためのタイトルバックがいろいろある。そのほか壁紙,ボタン,横罫線,アイコンなどがある。それぞれのジャンルごとに一括ダウンロードができるようになっているのは気が利いているネ。

Web Toy Box-ホームページのおもちゃ箱
アイコンとアニメーションGIFが満載のページ。ここの素材は加工も自由だ。メルヘンチックなアイコンや工事中アイコンなど,かわいい系が中心。でも,くれぐれも自分のキャラクターに合ったものを使おうね。

K's Parts Land
壁紙,横罫線,ボタン,カウンター用の数字,アニメーションGIF,アイコンなど。壁紙などには普通に使えるのもあるけど,全体的にかわいすぎるので,男性が使うときには控えめにしておいた方がいいかも。マウスカーソルなんてのも。

Aaron's Tools〜ちょっとタメになるフリー素材集〜
ここの素材集のモチーフは,古代エジプト,古代ギリシア・ローマ,ビザンチン,中世,ケルト,インド,ペルシアと世界史的。ボタン,壁紙,横罫線がある。一風,変わった素材が欲しい人にはお薦め。見るだけでもいいかも。

3次元ロゴ生成ページ
ここは素材集ではなく,入力した文字をもとにクールな3次元ロゴを作ってくれるページだ。イメージの大きさや,文字,背景の材質感などを指定して,待つこと約1分でできあがり。この画像を保存して自分のページに使えるというわけ。

Webデザイン素材店anyway
個人の非営利なホームページだけに使用可能な素材集ページ。素材の一部または全部に手を加え,変更することはできないが,そのまま使えるようになっている。ホームページを試しに作ってみたいという人にお薦め。

ICON LIFE
「ICON LIFE」というだけあって,たくさんのアイコンがそろったページ。でも,壁紙や横罫線,GIFアニメも少しはある。使うときには登録と,ICON LIFEへのリンクが必要という「リンクウエア」という方式を採っている。

The WWW Signboard Factory
ホームページのタイトルに使えるロゴを作ってくれるページ。「3次元ロゴ生成ページ」よりも簡単に設定できるが,漢字が使えないのが残念。1文字だけを3次元化してくれる機能では漢字も使えるので試してみよう。

SUPER MELON
CGIやSSIを使えなくても,簡単にアクセスカウンターを設置してくれる有料サービス。数字のデザインは250種類もあるので,きっとキミのセンスに合うのが見つかるだろう。1カ月は無料で使えるが,それ以降は1000円以上のカンパが必要。

ホームへ
ホームページ作成ソフト

Club FrontPage98(Win)
マイクロソフトのFrontPage98(Windows用)を使いこなすためのディスカッション・フォーラム。テクニック集やQ&A集など情報満載。相談室(掲示板)もある。ここにくれば使いこなせるようになること間違いなし。

VISUAL PAGEで作る超簡単ホームページ講座
SymantecのVisualPage(Mac,Win用)を使ってホームページを作る入門講座。このページではMacOS版について書かれているが,Windows用にも応用できるだろう。お試し版へのリンクもある。

dB-SOFT
dB-SOFTのHOTALL(Mac,Win用)のページ。製品紹介や体験版のダウンロードはもちろん,HOTALLを使ったホームページの簡単な作り方を教えてくれるネットスクールやホームページ素材市など内容充実。

Adobe PageMill 3.0日本語版
アドビシステムズのPageMill(Win,Mac用)のページ。製品情報や機能紹介だけでなく,体験版もダウンロードできる。また,簡単にできるテーブルを使ったページの作り方などの紹介もある。

IBMホームページ・ビルダー
日本IBMのホームページ・ビルダー(Windows95,OS/2用)のページ。カラフルで見やすく機能を紹介してくれる製品紹介のほか,体験版や修正パックをダウンロードすることもできる。Q&Aもあるぞ。

FileMaker
ファイルメーカーのホームページPro(Mac,Win用)のページ。製品スペック,価格紹介,キャンペーン情報などが掲載されている。評価版をダウンロードすることができるので,関心のある人は試してみよう。

FixUp-HomePage
日立情報システムズのFixUp-HomePage(Win,Mac用)のページ。お試し版のダウンロードができる。また,Q&Aのほか,購入してユーザー登録をすれば使えるアクセスカウンターサービスもある。

Microsoft FrontPage98
マイクロソフトFrontPage98(Win95/NT用)と,それに付属するフォトレタッチソフト,Microsoft Image Composerのページ。追加のテンプレート集やImage Composer用の素材などが手に入る。

WebAssistant(TM)  EasyAuthor/Publisher
東芝のホームページ作成・管理ツール,WebAssistant(TM)EasyAuthor,Publisherのホームページ。製品情報やFAQなどのほかに,体験版やアップデートパッチのダウンロードサービスもある。

ホームへ
ホームページ作成サービス

ファーストページ・アシスタント
So-net,U-page内のホームページ自動作成サービス。ページの色系統,文字などの色,背景やボタンの種類などを選択して文章を書き入れ,アップロードまでできる。Netscapeでなら自分で作った画像を使うこともできるぞ。

ふくおかWEB・ようこそ福岡へ- Welcome to Fukuoka
福岡発のサーチエンジン。URL登録ページにはホームページ自動作成サービスがあり,無料で作成・保存してくれる。ただし,誹謗中傷などはもちろんのこと,福岡県以外の情報の掲載についても通知なく削除される場合がある。

30分で出来るホームページ
リムネットのオンラインマガジン,RIMZINの特集ページバックナンバー。HTMLが分からなくても,ソフトがなくても,その場で作れてしまう。また,リムネットにアップロードする手順まで細かく解説している。

Internet White Pages
他のプロバイダーに自分のホームページを持っていない人に限って使える自動作成サービス。1分の練習ののち,5分でできてしまう。作ったページの保存期限は保証されないが,趣味別,ジャンル別に登録できる。

ホームページ 簡単クッキング
必要事項を記入して,「ホームページ作成」ボタンを押せばできあがりという,簡単にできてしまうページ。あとは「ファイルの保存」を選んで保存すればオッケー。アップロードは「30分で出来るホームページ」などを参考に。

ホームページを作ろう
質問に答えていくだけで手軽にホームページを作れるサービス。気に入ったら登録することができ,一カ月間保存してくれる。しかし,一カ月経つと消去されてしまうので,本当に気に入ったら保存しておこう。

ホームへ
画像処理

Paint Shop Pro で遊ぶ by Dien
Windows用のフォトレタッチソフト,PaintShopProを使った画像処理入門。何も高価なPhotoShopを使わなくても,こういうページがあれば,そこそこ安価なソフトで十分にハイレベルな画像が作れてしまうのだ。オフライン版もあり。

素人の素人による素人のための デタラメPhotoshop
Photoshopの使い方を一から学べるページ。基本テクニックの説明から作例の実際の作り方プラグインの紹介(オリジナル画像と操作後の画像を見比べられる)まで盛りだくさん。Mac向けだがWindowsでも十分参考になる。

D# online magazine
第一線のデジタルクリエイターらによるデジタル画像に関するオンラインマガジン。厳密な意味では画像処理関連ではないが,デジタルカメラから画像を取り込もうという人は見ておいて損はないどころか,きっとためになるページだ。

CG講座リンク集〜創作者たち〜
自作CGの制作課程を公開しているページへのリンク集。制作ツール別になっていて分かりやすい。レタッチ系よりペイント系が主になっているので,絵心の無い人には少々難しいかもしれないが,一度見てみるといいだろう。

Blue Jaywalker
画像処理ソフトの紹介,Photoshopプラグインのサンプル紹介やフリー素材(画像やShockwave)など盛りだくさん。PhotoshopやGraphicConvertor(Mac用)と素材を使って実際にどのようにロゴを作るかの簡単な説明もある。

Let's Diet!! ホームページ・ダイエット講座
この「N's HomePage」にはホームページダイエット講座がある。画像を何の気なしに作ってみると,結構,サイズが大きくなってしまうもの。画像を作ったはいいけど,ページに載せてみたらロードに時間がかかるぞ,と思ったらここをのぞこう。

ホームへ
サーチエンジンへ登録

サーチエンジン一発登録 一発太郎
20を超す国内のサーチエンジンのほか,30を超す懸賞(もちろん懸賞がなければ駄目)サイト,特定ジャンル用サーチエンジン,バナーエクスチェンジサイトなどに,まさしく「一発で」登録できるページ。

さぶみっと!-JAPAN-
国内外の30近いサーチエンジンや,有料の広告サービスなどに一気に登録してくれるページ。ここで登録してしまえばとりあえず十分といっても過言ではない。海外サイトに登録するときは英語ページを作っておこう。

Yahoo! JAPAN
日本で最大級のアクセス数を誇るインデックス「Yahoo! JAPAN」には,ぜひ登録しよう。登録というよりは推薦という形をとっており,ふさわしくないと判断された際には登録されない場合もある。

infoseek JAPAN
検索エンジンページ。キーワードだけでなくカテゴリーから検索するディレクトリーサービスもある。登録はURLを入力するだけだが,キーワード検索登録をより正確にするためにヘルプを読んでおこう。

Ultra Ranking
自分で作ったホームページのアクセス状況を詳細に分析してくれるページ。日毎や週毎のアクセス状況や,アクセス元のURLなどが一目で分かる。ホームページは見てもらってナンボ。ぜひ登録しよう。一発太郎からもOKだ。

WWWサーバ検索サービス「NETPLAZA」
サーチエンジン「NETPLAZA」は,自分専用のサーチページ「MYPLAZA」など,豊富なサービスを提供中。自分のホームページを登録するためには専用ページから必要事項を入力すればよい。URLの更新もこのページから可能。

ホームへ

Copyright(c) 1998 Nikkei Business Publications Inc All Rights Reserved.

テレワークならECナビ Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!
無料ホームページ 無料のクレジットカード 海外格安航空券 海外旅行保険が無料! 海外ホテル