ホームページ作成初心者・初級者ビギナー向けホームページの作り方

ホームページ超初心者・超ビギナーから始めるホームページの作り方

【HTML+CSS】

　ホームページ作成【超初級者編】では、パソコンさえあれば、改めて何かを用意しなくてもHTMLとCSSという決まりごとに沿ったお作法さえ守ればホームページを作ることができること、また、インターネットにつなぐ環境があれば、あとはインターネット上に公開する場所の確保とFTPソフトというファイルを送る手段があれば作ったホームページを公開することができるというところまでいきました。

　そこで初級者編では、ちょっとしたテクニックを覚えるだけで、より作った充実感があると思われる装飾やフォームを見ていきましょう。

【ホームページの見栄えをグレードアップ】

全体に背景色を指定したい『BGCOLOR(HTML) BACKGROUND-COLOR(CSS)編』
全体に背景画像を指定したい『BACKGROUND(HTML) BACKGROUND-IMAGE(CSS)編』
え？！テーブルにも背景色？！
え？！テーブルにも背景画像？！

【HTML】

【ホームページに入力・選択などができるフォームを作ってみる】

入力フォームを作りたい『FORMタグ編』
１行表示できるテキストボックスが欲しい『テキストボックス編』
複数行表示できるテキストボックスが欲しい『TEXTAREA要素編』
いくつかの選択肢の内一つだけ選べるようにしたい『ラジオボタン編』
いくつかの選択肢から複数選べるようにしたい『チェックボックス編』
クリックしたらメニューが表示されるようにしたい『セレクトボックス編』

　ここまで理解できたら初級・ビギナー卒業です。おめでとうございます。

　さて中級者編・・・といきたいところですが、編集には欠かすことができないショートカットキーについてさらっと見ておきましょう。

実は便利なショートカットキー

　Windowsを使っているなら覚えておくと便利なのがショートカットキー(キーボードのキー単体または組み合わせに割り当てられた機能)。

　実はパソコンを買った時に付属している取扱説明書などの中にショートカットキーについて書いてあるものがあったりしますが、一切読まないという人も実際には多いでしょう。

　他のOS経験がないとか、プログラム開発経験がない一般的なWindowsユーザーにとっては、初めの内は、抵抗を感じることもあるかもしれませんが、覚えてみれば超楽チンなWindowsショートカットキーは驚異的ともいえる編集作業の効率向上の為にも覚えておかないと損ですよ。

　特にホームページ作成・編集作業上のおすすめとして下記のようなものがあります。

編集(汎用：文字・ファイル等)	キー
コピー／複写	[Ctrl]+[c]
カット／切り取り	[Ctrl]+[x]
ペースト／貼り付け	[Ctrl]+[v]
アンドゥ／元に戻す	[Ctrl]+[z]
全選択	[Ctrl]+[a]
部分選択	[Shift]+[左右矢印]
行選択(行ごと)	[Shift]+[上下矢印]
行選択(カーソル位置から上端行)	[Ctrl]+[Alt]+[Home]
行選択(カーソル位置から下端行)	[Ctrl]+[Alt]+[End]

文字入力	キー
日本語入力切り替え	[Ctrl]+[Shift]
大文字／小文字切り替え	[Shift]+[Caps(Caps Lock)]
半角／全角切り替え	[半角/全角(漢字)]

文字入力変換	キー
無変換	[無変換]
漢字変換	[Space]または[変換]
ひらがな変換	[F6]
全角カナ／半角カナ変換	[F7]/[F8]
全角／半角変換	[F9]/[F10]

文字編集	キー
カーソル位置削除	[Del(Delete)]
カーソル1文字前削除	[BackSpace]

移動	キー
一画面上	[PageUp]
一画面下	[PageDown]
ページ先頭	[Ctrl]+[Home]
ページ末尾	[Ctrl]+[End]
行頭	[Home]
行末	[End]

メニュー	キー
右クリックメニュー	[Shift]+[F10]

ウィンドウ	キー
ウィンドウ更新	[F5]
ウィンドウ・タブ切り替え	[Alt]+[Tab]
ウィンドウ・タブ切り替え(逆順)	[Alt]+[Shift]+[Tab]

ファイル操作	キー
ファイル名変更	[F2]

イメージ操作	キー
モニター上のキャプチャ画像 全面コピー	[Prt Scr] (Print Screen)
モニター上のキャプチャ画像 最前面コピー	[Alt]+[Prt Scr]
貼り付け・ペーストは、右クリックでメニュー選択、[Ctrl]+[v]など

　実際には、フォルダエクスプローラーやブラウザ、エディタなど各アプリケーションによって操作が異なるケースも皆無ではありませんが、これらは比較的汎用的なショートカットキーです。

　次は中級にチャレンジ。

• ホームページ作成【中級者編】