あんな事がしたいをカタチに−ホームページの作り方・ウェブサイト作成制作ウェブ造は、ホームページ簡単作成・制作辞典
ホームページの作り方・ウェブサイト作成制作ウェブ造
ホームページ作成解説

初心者・初級・ビギナー向けホームページ作成メニュー

見たい!知りたい!から学べる、覚えたところからスタートできる、やさしく詳しいホームページ作成とウェブ開発手順一覧メニュー
ホームページリファレンス HTMLリファレンス CSSリファレンス JavaScriptリファレンス Perlリファレンス
XHTMLリファレンス XMLリファレンス XSLリファレンス XSLTリファレンス
C/C++リファレンス Javaリファレンス UNIX/Linuxコマンドリファレンス Shell Script/Login Shellリファレンス
IT用語解説一覧 どうやるの?から選べる一覧 ホームページ作成メニュー ウェブ開発メニュー
ホームページ【超初心者】 ホームページ【初級】 ホームページ【中級】 ホームページ【上級】
ウェブ開発【初級】 ウェブ開発【中級】

資格 > 情報処理に身近な国家資格 > 情報処理技術者資格
ITパスポート ITサービスマネージャ ITストラテジスト
基本情報処理技術者 応用情報処理技術者 システムアーキテクト プロジェクトマネージャ
ネットワークスペシャリスト データベーススペシャリスト エンベデッドシステムスペシャリスト 情報セキュリティスペシャリスト
システム監査技術者

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索

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

【HTML+CSS】

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

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

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

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

【HTML】

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

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

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

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

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

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

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

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

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

編集(汎用:文字・ファイル等)キー
コピー/複写[Ctrl]+[c]
カット/切り取り[Ctrl]+[x]
ペースト/貼り付け[Ctrl]+[v]
アンドゥ/元に戻す[Ctrl]+[z]
全選択[Ctrl]+[a]
部分選択[Shift]+[左右矢印]
行選択[Shift]+[上下矢印]
文字入力キー
日本語入力切り替え[Ctrl]+[Shift]+[Caps(Caps Lock)]
大文字/小文字切り替え[Shift]+[Caps(Caps Lock)]
半角/全角切り替え[Alt]+[半角/全角(漢字)]
文字入力変換キー
無変換[無変換]
漢字変換[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]

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

 次は中級にチャレンジ。

【PC】
パソコン買うならココ
【Handy Phone】
携帯電話これにしよっ
【Broadband】
プロバイダ乗り換えてみる
【Music】
音楽・ミュージック
CD/DVD買う派?
CD/DVDレンタル派?
ダウンロード派?
楽器・楽譜・譜面なら
【Book】
本はネット通販でしょ
書籍もダウンロード
【Print】
デジカメプリントなら
【Game】
無料オンラインゲーム。


ウェブ造ホーム前へ次へ