NokoTech Lab
東京町田市|横浜関内

ホームページ基礎|ノコテック・ラボ|町田市のパソコン教室

ウェブに関する知識やホームページの作成方法について学べます|JR横浜線・成瀬駅前

このページの概要

ホームページの基礎となるHTML・CSS・Javascript・jQueryなどをお教えしています。また、ドメインやサーバーの設定、WordPressのインストール方法や使い方、SEO対策などの方法についてお教えしています。

ホームページの基礎はHTMLとCSSです

ホームページを作成するためには、HTMLとCSSの知識が必須です。一般の方は、ホームページ作成のソフトを購入すれば、ホームページが作れると考えているのかもしれませんが、それは間違いです。現在のホームページは、ソフトだけで作れるものではなく、必ずHTMLとCSSの知識が必要になります。

HTMLやCSSを全く知らないで、ページが作れる方法があります。それは、一般のブログなど、ネット上のサービスを利用して作る方法です。しかし、一般のブログでも、複雑なことをするような場合は、HTMLやCSSの知識が必要になることもあります。最近流行っているWordPressなども同様です。WordPressを使った人であればわかると思いますが、WordPress自体は、HTMLやCSSを知っていたとしても、カスタマイズするのはかなり大変なブログです。

問題は、HTMLやCSSが難しいものなのかどうかという点です。もちろん、最初からテキストエディターのみでHTMLやCSSを書いて、ホームページを作るというのは、難しすぎると思います。要は、何らかのホームページ作成ソフトを使えるようになる中で、少しづつHTMLやCSSの知識を蓄えながら、使い方に慣れていくというのが現実的です。

ただし、ホームページ作成ソフト自体は、かなり特殊なものが多いので、まずは、どのようなソフトを選ぶかということが大切になります。極端な場合、あるソフトで作成したホームページが、別のソフトでは、正常に読み込めないというような場合もあります。このため、ホームページ作成ソフトは、より一般的なソフトである必要があります。

ノコテック・ラボでは、HTMLやCSSを学びたいという方に、ソフトの選び方や設定の仕方、使い方などをお教えしています。

HTMLとCSS

JavascriptやjQureyとは何なのか?

JavascriptやjQueryという言葉を聞いたことがあるかと思います。これらは、一種のプログラム言語なのですが、必ずHTMLやCSSと連携しながら動くという特徴があります。HTMLはページの骨格、CSSはページのデザインを担当しているものですが、JavascriptやjQueryといったプログラムは、ページに動きを与えるという役割を担っています。

具体的に言うと、メニューの開閉、写真のスライドショー、クリックによる表示の切り替え、ゆっくりとした画面のスクロールなどが、javascriptやjQueryのお仕事となります。言い換えれば、ページが読み込まれたときや、ユーザー側でのマウス操作(スマホの場合は、画面のタップやフリック)をしたときに、それがキッカケとなって、ページ上で何かの動きが発生するといったものに関わっているということです。

JavascriptやjQueryの学び方としては、まず最初の段階として、ネット上にあるコードや、jQueryで作られたプログラムなどをもらってきて、ホームページ内に埋め込んで使う練習からはじまります。コードの埋め込みは決して簡単ではなく、そのままでは動かない場合もあるので、ページに合わせてコードの改良をする必要があります。このような練習を積むことで、javascriptの使い方や、jQueryの使い方が次第にわかるようになってきます。

ノコテック・ラボでは、JavascriptやjQueryの埋め込み方法や、その改良のしかたなどについて、お教えしています。

JavascriptとjQurey

WordPressの構築

WordPressは、ブログシステムとして始まったものですが、現在ではホームページとしても使われるようになってきています。通常、契約したレンタルサーバーの中に、WordPressのブログシステムをインストールして、その後カスタマイズすることで構築していきます。

一般のホームページが固定のHTMLファイルで構成されているのに対し、WordPressの場合は、端末からのページ要求があった時点で、プログラム上で動的にHTMLファイルを出力して表示させています。このため、WordPressでは1つのページを複数の区画に分け、それぞれの区画ごとにプログラム化されています。また、ページ内に表示するデータは、データベースで管理されています。

また、WordPressの外観は、あらかじめ用意された数多くのデザインテーマから選択することができます。デザインテーマは、簡単に入れ替えることができ、気に入ったデザインテーマに入れ替えながら、ベストなものを見つけることができます。ただし、デザインテーマごとに使われているHTMLやCSSなどはすべて異なっており、外観をカスタマイズする場合は、これらのHTMLの構成やCSSの構成を理解しながら変更していく必要があり、かなり高度な知識が要求されます。

WordPressシステムをホームページとして利用する利点は、ブログの記事を簡単に書けることと、ページなどを簡単に増やせることにあります。また、メニューについても共通メニューを編集するだけで、すべてのページのメニューが更新されるようになっています。

WordPressのサーバーへのインストール方法や設定の仕方は、サーバー会社により大きく異なります。また、データベースサーバーが利用できないプランでは、WordPressはインストールすることができません。このようなことから、WordPressを構築する場合、サーバーに関する知識も必要になってきます。

WordPress

ドメインとレンタルサーバー

ドメインというのは、ホームページのアドレス(URL)になるものです。ドメインの種類は、分野別トップレベルドメイン(gTLD:generic Top Level Domain)と呼ばれる「〇〇.com、〇〇.net、〇〇.org」などのドメインと、国別トップレベルドメイン(ccTLD:country code Top Level Domain)と呼ばれる「〇〇.co.jp、〇〇.jp」などの2種類に分けられます。独自ドメインを取得したい場合は、ドメイン管理会社に申請することで誰でも取得することができます。

レンタルサーバーは、インターネット上にあるサーバーで、ホームページ利用、メール利用、ストレージ利用などの用途でレンタルすることができます。契約は通常1年契約で、1年ごとに更新していく形となります。昔はかなり高かったのですが、現在ではとても安価でレンタルできるサーバーが増えてきました。レンタルサーバーを借りるときに注意する点は、用途にあったプランで契約することと、サポートがしっかりしているサーバー会社を選ぶことです。

独自ドメインを取得し、レンタルサーバーと契約したら、ホームページを公開するために、ドメインとWebサーバーを結びつけるためのDNSの割り当てを設定する必要があります。これらの方法についても、ドメイン会社やレンタルサーバー会社により異なりますので、それぞれの説明にそって行う必要があります。DNSの割り当てが終了すると、ほぼ24時間以内に世界中のパソコンやスマホからホームページが見えるようになります。

ノコテック・ラボでは、ドメインの取得、レンタルサーバーとの契約、ホームページの公開設定などについて、実際の作業をいっしょに行いながら、学ぶことができます。

ドメインとレンタルサーバー

Googleへのホームページの登録とSEO対策

ホームページを新しく作成した場合、Googleへのサイトの登録を行う必要があります。具体的にはGoogle Search Consoleと呼ばれるサイトで、ホームページを登録します。

また、SEO解析のために、Google Analyticsという解析ツールにも登録するようにします。これらの登録については、通常はWeb作成会社などで行ってくれるのですが、できれば、ホームページ所有者のGoogle IDでログインして登録しておいたほうが安全です。

一般にSEO対策という言葉がありますが、ホームページを開設すると様々な会社から「SEO対策をしますよ」という勧誘の電話が多数かかってきます。これらの会社がいうSEO対策というものは、お金を払って何らかの外部的なSEO対策を行い、Googleの検索の順位を上げようというものです。

しかしながら、本来のSEO対策というものは、ホームページ自体の改良によって、かなりの成果を上げることができるものなのです。このような意味から、ホームページを作成している段階から、SEO対策を意識してページを作成していくことが最も大切なことになります。

ノコテック・ラボでは、ホームページの作成の中で、どのような点に注意して作成すれば、SEO対策になるのかについて、実践的に学ぶことができます。また、Googleへの登録方法についてもお教えしています。

Google検索最適化 SEO

ご予約はこちらから

はじめての方は、「ご相談予約フォーム」をご利用ください。

ご相談予約フォーム

パソコン会員の方は、「レッスン予約フォーム」をご利用ください。

ご相談予約フォーム

営業時間

営業日

町田教室
月曜日~土曜日
11:00~21:00

横浜関内
月曜日~金曜日
18:00~21:00

※日曜日はお休みです。
※日曜日以外の祝日は営業しています。

レッスン場所

町田教室(東京都町田市)
東京都町田市南成瀬1-4-6
南成瀬ファーストビル301
(JR横浜線成瀬駅から徒歩4分)
詳細はこちら

横浜関内レンタル会議室
(JR根岸線(京浜東北線)関内駅南口から徒歩1分)
詳細はこちら

ご注意

電話での予約は行っておりません。

パソコン会員の方のみ、電話連絡は可能です。(電話番号は会員証をご覧ください)

予約のキャンセルは前日までにご連絡ください。

当日のキャンセルはキャンセル料をお支払いいただきます。

レッスン可能なOSとOffice

Windows 7
Windows 8.1
Windows 10
MacOS X(10.7~10.13)
iOS(iPhone)
Android

Office 2007
Office 2010
Office 2011(Mac)
Office 2013
Office 2016
Office 365

NokoTech Lab パソコン教室&Web 個人レッスン