HTMLを細かく書くと、とても長くなりそうなのでまた次回でも書こうかと思いますが、次はスタイルシートのことをホームページを作成するときに使ってみましょう。
スタイルシートとは、HTML作成したページの見栄えをもっと良くするための技術です。
HTMLだけですと、ページのレイアウトを整理するのに<table>、<blockquote>などのタグを駆使してがんばることになりますが、スタイルシートを使えば少し簡単に細かく作れるようになります。レイアウトだけでなく文字の大きさや色、字体や行間までも自由自在にできます。きっとスタイルシートを覚えておけばホームページを作成するときに便利になると思いますよ。
ただスタイルシートにも注意点がありましてその注意点を紹介します。
・未対応のブラウザもある
今でもまだスタイルシートに未対応のブラウザが残っています。そして色々な理由からスタイルシートの機能をオフにしている人もいます。中身だけでなく見栄えも大事にするホームページであれば、古いブラウザなどへの配慮も必要になってきます。
・ブラウザによって動作が異なる
インターネットエクスプローラーとネットスケープでは動作が異なります。同じブラウザでもバージョンやウィンドウズ、マッキントッシュ版でも動作や見栄えが異なることがあります。
・保存すると見栄えが悪くなる?
ページを自分のハードディスクに保存して、あとから見る人も多いと思いますが、スタイルシートの外部ファイルを保存し忘れてしまうとせっかくの見栄えが台無しになることがあります。
by 山下 | Posted in いざ作成 | |
ホームページを作成する上で必ず必要になってくるのがHTMLです。そこまで詳しく知らなくても、ホームページは作成できるのですが、ス知っておいたほうがはるかに作成しやすいので、ここで少しふれてみたいと思います。
HTMLとはHyper Text Markup Languageの頭文字を取ったものです。日本語にしますと就職記述することにより高度な文章、文面表現を可能にする言語とでも訳すのでっしょうね。
修飾したい文字の前後にタグと呼ばれる特殊な記述をします。
ホームページを表示しているときブラウザの表示→ソース表示をしてみてください。するとそのホームページがどのように作られているか見ることが出来ます。これがHTMLというものです。
通常インターネット上のホームページのほとんどがHTMLという言語で書かれています。携帯端末用にHDMLという言語もありますが、これもHTMLmに属するものです。
ホームページを作成するとき、この文章を太字にしたい場合
<strong>この間に文字を挟む</strong>
と記述することになります。
この<strong>という部分がタグと呼ばれるものになります。タグは例外もありますが通常、開始タグと終了タグで挟むことになります。終了タグのほとんどが開始タグに/を追加したものになりますので、どこからどこまでがこのタグで装飾されているのかわかりやすいと思います。
このHTMLがわかるようになれば、ホームページ作成ソフトを使わなくてもテキストエディタだけでもホームページを作成することができるようになります。
by 山下 | Posted in いざ作成 | |
初心者がHTML言語というホームページを作るために使うプログラム言語を知らなくてもホームページをつくれるようにしてくれるソフトがあります。
有名なのはホームページビルダーとDreamWeaverです。
前者のホームページビルダーは最も有名な初心者向けのホームページ作成ソフトで、初心者が手軽にホームページを作成する為の機能が豊富に盛り込まれているほか、画像処理ソフトなどの便利なソフトも多数付属しています。
作成画面は実際のホームページの表示に近い状態なので直感的に操作もできますし、写真もファイルを選んで貼り付けるだけです。エラーの自動修正機能など付いていて初心者にありがたい機能ばかりです。
ホームページのテンプレートというひな形も用意されていますのでデザインにあまり凝らない個人むけのホームページを作成するならこのテンプレートのデザインだけで十分なソフトです。ただ、企業向けのホームページを作成しようとすると信頼感のあるデザインはあまりないのが短所でもあります。
後者のDreamweaverではかなり自由度の高いデザインで作成できるというメリットがありますが、すべて自分で作成することになるのでホームページビルダーよりはあ少し初心者にはつらいものになります。
ですがHTMLの知識が浅くても作成することは可能ですが、HTMLなどのホームページ制作に関する知識がないと完全には使いこなせず、満足なデザインも作れません。ですからDreamWeaverを使うのならHTMLの勉強を始めた方がよいでしょう。
ただ、そこまで自由度の高いソフトですからホームページビルダーなどのテンプレートでは表現できなかったデザインなども自分で適宜変更できるので、個人サイトはもちろん企業のホームページ作成など自分の思う通りにつくることができます。
まったくの初心者ならホームページビルダーをお勧めしますが、自分で細かいところも調整したホームページ作成をしたいならHTMLを勉強してDreamWeaverといった感じでしょうね。
by 山下 | Posted in 簡単作成 | |
ホームページを作成するのはこれまで説明したのに、簡単なものです。たしかにホームページスペースをレンタルしたりという手間はかかりますが、基本的にパソコンがネットにつながっていればすぐに作れるものです。
ではどうして難しいと思うのかというと、そのホームページ作成するための中身がちょっと難しのではないかと思います。
たしかにホームページ作成するときに何のソフトも使わず、凝ったものを作るにはメモ帳にHTMLやJAVA script、CGIなどの知識を持って書けばソフトがなくても凝ったホームページを作成できますが、さすがにこれはプログラムを知っていないと無理です。
では最初にどうしれば良いのかというと、簡単ホームページ作成ソフトとしてホームページビルダーやドリームウェーバーがあります。これらのソフトを使うと知識が乏しくても素敵なホームページを作成でできるように色々なツールが組み込まれています。
簡単にホームページを作成したいというのなら、これらのソフトをオススメします。
ですが自分で0からつくってみたいなぁなんて気合の入った人ならまずHTMLの勉強を始めましょう。HTMLとはウェブページを記述つるためのマークアップ言語です。HTMLは基本的に文章を記述するために使用されますが、文章中に画像や音声などをハイパーリンクで埋め込むこともできます。ですが、ダビングしたTV映像などの動画をネット上に流すことは違法ですので注意しましょう。
以前ホームページに凝りすぎて自宅で1Uサーバーを個人で使っていた人もいます。それほど、ホームページ作成にはまったらこだわりたくなるものです。自分の作成したホームページを色々な人に見てもらうというのはうれしいものですよね。
by 山下 | Posted in いざ作成 | |
ホームページ作成なんですが、ここから少し難しくなります。ホームページのある場所というのはウェブサーバといところにになります。ですがこのウェブサーバなんですが自分で用意する必要があるのかな?なんて思う人もいるかもしれませんが、自宅にウェブサーバを設置するとなると結構なパソコンに関しての知識が必要となります。いまは安いサーバー販売しているところもありますので個人で専用サーバを持っているなんて人もいたりして出来ないこともないのですが、初心者にサーバまでのことを含めてホームページ作成はさすがに辛いと思いますので、最初のうちは個人でサーバーを必要とすることは滅多にありませんので大丈夫です。
ではどうしたら良いの?なんて思うかもしれませんが、前前回話したホームページスペースがそれにあたります。ホームページスペースを借るだけでホームページ作成はできます。
次にそのサーバーにホームページを転送することでインターネットでみれるようになるのですが、この転送するためのソフトが必要になります。例えばメールを送るときにはメール専用ソフト(アウトルックなど)ありますのはご存じですよね。これと同じように作成したホームページをサーバーにあげるためのソフトもあるのです。それをFTPソフトと呼びます。
FTPとは (file transfer protocol)の略なんですが、ファイルを転送する規則と訳すことができます。そのまんまですね。
プロバイダなどにレンタルスペースを借り、自分のパソコンでホームページを作成しこのFTPソフトでサーバーにあげればそれでホームページ作成は終わりです。(もちろんFTPソフトの設定も必要になりますが。)
by 山下 | Posted in 作成準備 | |
ホームページ作成の準備が整ったら、まずは自分がホームページ作成をするにあたってどのようなコンテンツを盛り込んだホームページ作成をしたいか考えましょう。
個人で趣味でホームページ作成だけがしたいという人もいれば、ビジネスのためにホームページを作成したい人など様々でしょうが、まずどのようなホームページを作成したいかあらかじめ考えておくとスムーズに作成できると思います。
ここで一つ覚えたておきたいホームページ作成のことなんですが、まずホームページって何かしっていますか。ホームページとはこの見ているサイト全部をホームページと呼ぶのではなく、ウェブサイトというほうがどちらかというと正確です。ホームページというのはそのウェブサイトの入口にあるサイト、つまりホームのページのことを呼びます。ですが、わかりにくくなると思いますので、ここのサイトではサイトのことやホームページそのものも混ぜましてホームページとよぶことにします。
企業などのホームページは映像が流れたり、音楽が流れたりといった風に凝った作りになっているものがあります。さすがにあのようなホームページはプログラミングを必要としますので初心者が最初から作れるものではありません。もしそのような凝ったつくりのホームページを作成したいのならこれからホームページを作成していきながら、プログラミング入門も始めた方がよいと思います。あのようなホームページを作成できる人も最初は何もつくれませんでしたし、だれでもプログラミングを入門して覚えていったものです。実際に触りながら覚えていくとわかりやすいと思うので、ぜひこれからホームページを作成するときに試してみてください。
by 山下 | Posted in 簡単作成 | |
まずホームページを作成するにあたって必要なものです。
1、パソコン
これがなければホームページ作成はできません。ホームページを作成するだけなら特に高いスペックのパソコンじゃなくても十分に作成可能です。このホームページを見れるだけの環境が整っていれば大丈夫です。
2、ブラウザ
ブラウザというのはホームページを閲覧する為のソフトのことです。有名なブラウザといえばIE(インターネットエクスプローラー)ですね、ファイアフォックスやネットスケープなどもありますがこれは自分のお好みのブラウザを利用してください。ウィンドウズの入っているパソコンならIEも標準ソフトとして入っているはずなので、ブラウザは特に考えなくても大丈夫だと思います。
3、インターネットの接続出来る環境
こちらのサイトをご覧になられてるならインターネットの接続は大丈夫かと思いますが、もし自分かこれからホームページ作成を考えているパソコンでインターネットがつながっていないなら、プロバイダと契約しなければインターネットに接続はできません。これからプロバイダと契約するならば、ホームページをつくるスペースを貸してくれるプロバイダもたくさんありますので、そちらを選ぶことをお勧めします。
4、ホームページスペース(ドメイン)
ホームページを作成する場合にはそのホームページを置いておくところ(ホームページスペース)が必要となります。このホームページスペースなんですが、無料で貸してくれるところや有料の所もあります。もちろん無料ですと制限のかかることが多いですし、有料ですと月々でお金がかかってきます。個人でホームページを作成したいなら無料のホームページスペースで十分だと思いますし、もしビジネス目的でホームページを作成するなら独自のドメインをとれる有料のホームページスペースを借りた方がよいでしょうね
4.5、独自のドメイン
独自ドメインのことなんですが、ドメインとはインターネットの住所のことです。なので独自ドメイン取得というのは自分専用のインターネットの住所(URL)ということになります。
この独自のドメインを取るメリットなんですが、独自のドメインをとってしまえばずっとそのURLを利用できることになります。つまりプロバイダを変えても、サーバーを変えても同じURLを使いつづけられるというのが最大のメリットになります。
ココまでのホームページ作成ですがプログラミングを必要としませんよね。ココまではホームページ作成の準備段階として特に難しいことはありませんので、がんばりましょう。
by 山下 | Posted in 作成準備 | |
ホームページ作成をしてみませんか?
ホームページはパソコンがあればすぐできます。ですが、ホームページを作成してみたいけどどうやって作成したらよいか分からないとういう人のために、これから簡単なホームページ作成について説明していきます。
ホームページを作りにはもちろんプログラミングの基礎を知っていた方がよいのですが、現在ではホームページ作成のためのソフトやツールがいっぱい出ています。それらを使えば簡単にホームページは作成できるようになっています。
例えば今はやっているブログなんかもホームページの一つです。あるブログ会社のツールをつかって自分のホームページを作成しているというだけなんです。一番簡単なホームページ作成としてはブログをまず最初にお勧めします。
ブログ作成を支援している会社は有名なもので、アメブロ、ヤプログ、FC2、gooブログなど様々ありますので自分の好みにあったブログ会社を探してみてはいかがでしょうか。
ブログといいましても日記を書くだけではない機能もいっぱい使えます。少しプラグラミングの知識も必要となりますが、ブログツールなどで自分のブログをカスタマイズすることも可能です。そのようなブログツールはたくさんありますので、ブログを実際に始めていじってみるのが良いとおもいます。
ですが、もうちょっと自分でホームページ作成をしてみたいというかたは次からホームページ作成の基礎を説明していきますね。
by 山下 | Posted in 簡単作成 | |