たまちゃん
HTML
のおうち
サイトマップ
ホーム
>
サイトマップ
メニュー
ホーム
無料でホームページ作成
ez-HTMLの使い方
Microsoft
Expression Web 4の使い方
HTMLの基礎
CSSの基礎
ホームページ作成講座
リファレンス
サイトについて
■サイトマップ
■プライバシーポリシー
■サンプルコードについて
■素材について
■リンクについて
■参照させていただいたサイト様
■おすすめフリー素材
■免責事項
■問い合わせ
■作成履歴
リンク
掲示板
たまちゃんのつぶやき
サイトマップ
たまちゃんHTMLのおうち
:ホームページ
無料でホームページをつくる
:HTMLの基本を覚えながらホームページを作る
■ホームページの置き場所を確保する
★ホームページスペースの有効化(例)
■HTMLファイルを作成する
★ブラウザからHTMLファイルの中身をみる(IEの場合)
★お勧めのテキストエディタ
★HTMLファイルの簡単な修正
★HTMLファイルをブラウザで表示する
★TeraPadからブラウザ表示を行う
■ファイルをFTP転送する
★お勧めのFTP転送クライアント
■HTMLファイルを編集する
★お勧めのHTMLエディタ
★ez-HTMLを使用する
★Microsoft Expression Web 4を使用する
■無料テンプレートとフリー素材
★無料テンプレートを使用する
★フリー素材を使用する
ez-HTMLの使い方
:ez-HTMLの使い方を覚えながらホームページを作る
■ez-HTMLをインストールする
★ez-HTMLをインストールする
★ez-HTMLを起動する
■ez-HTMLでHTMLファイルを作成する
★新規のHTMLファイルを作成する
★新規作成時のテンプレートを設定する
■ez-HTMLでHTMLファイルを編集する
★編集の基本(編集後、保存する)
■HTMLファイルを保存する
★編集中のファイルを保存する
★開いているファイルを全て保存する
★名前をつけてファイルを保存する
★文字コードを指定してファイルを保存する
■プレビューをする
★内蔵プレビューをする
★ブラウザでプレビューをする
★各種ブラウザをインストールする
■ez-HTMLでファイルを開く
★メニューからファイルを開く
★スペシャルサイドバーからファイルを開く(シンプル)
★スペシャルサイドバーからファイルを開く(ハイパー)
★エクスプローラーを使ってファイルを開く
■ツールバーなどをカスタマイズする
★スペシャルサイドバーを表示する、または非表示にする
★スペシャルサイドバーに各機能の(ウィンドウ)タブを追加する、または解放する
★スペシャルサイドバーの各機能のウィンドウを任意の場所に移動する、またはドッキングする
★ツールバーを新規に作成する
■タグの値の入力を楽に行う
★タグの入力支援
★ジャンプ元のIDを入力する
★スペシャルサイドバーでタグを編集する
★スペシャルサイドバーから色の値を入力する
★入力したカラーコードの色を確認する
★ファイル名をパス付で入力する
★画像ファイルを編集画面上でプレビューする
■スタイルシートの入力を楽に行う
★スタイルシートの入力支援
★スタイルシートの入力支援の候補を編集する
★スペシャルサイドバーでスタイルシートを編集する
■ドキュメントのチェックを行う
★HTML文法検証を行う
★Web上でHTML文法検証を行う
★リンク切れのチェックを行う
■ショートカットキーを活用する
★デフォルトショートカットキー
★ショートカットキーをカスタマイズする
■FTP転送を行う
★FTP接続の設定を行う
★ファイルのFTP転送を行う
★画像のFTP転送を行う
★一括ファイルFTP転送を行う
■検索・置換を行う
★クイックサーチを行う
★検索オプションを指定して検索を行う
★ファイル内の一括検索を行う
★リストアップサーチを行う
★置換を行う
★ファイル一括置換を行う
■ez-HTMLリファレンス
ez-HTMLショートカット一覧(リンク)
ez-HTMLツールバー機能一覧(リンク)
ez-HTMLスペシャルサイドバー機能一覧(リンク)
Microsoft Expression Web 4の使い方
■Expression Webをインストールする
★Expression Webをインストールする
★Expression Webを起動する
■ワークスペース
★ワークスペースの基本
★メニューバー
★ツールバー
★パネル
★編集ウィンドウ
★ステータス バー
■編集ウィンドウ
★編集ウィンドウの基本構成
★タブ
★クイック タグ セレクターバー
★ページビュー切り替えボタン
■ツールバー
★ツールバーを表示する、または非表示にする
★ツールバーを移動する
★ツールバーの隠れているボタンを表示する
■パネル
★パネルの基本
★パネルを開く/閉じる
★パネルを移動する
★パネルのドッキングとフローティング
■Expression WebでHTMLファイルを作成する
★新規のHTMLファイルを作成する
■HTMLファイルを保存する
★編集中のファイルを保存する
★開いているファイルを全て保存する
★名前をつけてファイルを保存する
★文字コードを指定してファイルを保存する
HTMLの基礎
:基礎の基礎から学ぼう!HTMLの基礎
■HTMLとは
★HTML(ハイパーテキスト・マークアップ・ランゲージ)
★HyperText(ハイパーテキスト)
★Markup(マークアップ)
★タグ【tag】
■HTMLの基本構成
★HTMLファイルを作成し、ブラウザで表示する
■ドキュメントタイプの宣言
■HTML要素
■ヘッダ要素
★title要素
★meta要素
★style要素
★スタイルシートのコメント
★スタイルシートファイル(link要素)
■ボディ要素
■コメント
★HTMLファイルのコメント
★CSSファイルのコメント
CSSの基礎
基礎の基礎からCSSを学から学ぼう!CSSの基礎
■スタイルシート(CSS)
★スタイルシートとは
■3種類のスタイルシート
★3スタイルシートの優先順位
■HTML文書にスタイルシートを適用する
★3つのスタイルシート適用方法
★スタイルシート適用方法の優先順位
★1.要素にstyle属性を追加する
★2.style要素で文書全体に適用する
★3.link要素で外部CSSファイルを呼び出す
■クラス名を用いたスタイルの指定
■ID名を用いたスタイルの指定
ホームページ作成講座
:スタイルシートを用いたホームページをステップアップしながら作る
■STEP1 HTMLファイルとCSSファイル
★HTMLファイルの新規作成
★CSSファイルの新規作成
★まずは、このタグを覚えて!(段落と改行)
★HTMLファイルの編集
★背景の色
●サンプル1
■STEP2 見出し
★見出しを付ける
★見出しに色を付ける
★見出しのボックスを大きくする
●サンプル2
■STEP3 文字のスタイルと位置
★文字の色と太さ
★行揃えの位置
★文字の大きさ
★行の高さ
●サンプル3
■STEP4 画像
★画像の貼り付け
★背景の画像
★画像の大きさ
★画像の位置(右寄せ、左寄せ)
★画像の位置(中央寄せ)
★画像の位置(backgroundプロパティ)
★画像に文字を重ねる
★画像に画像を重ねる
★画像の重ねる順番を変える
●サンプル4
■STEP5 リンク
★同じページへのリンク
★違うページへのリンク
★外部サイトへのリンク
★別窓を開いてリンクを表示する
★リンクにツールチップを表示する
★リンク文字に下線をつけない
★リンクに点線の枠線をつけない
★リンク切れを確認する
●サンプル5
■STEP6 CSSのボックスレイアウト
★ボックスを指定しないレイアウトの場合
★幅固定の1ボックスレイアウト
★幅可変の1ボックスレイアウト
★ヘッダーとフッターの3ボックスレイアウト
★幅固定の2カラムのボックスレイアウト
★幅可変の2カラムのボックスレイアウト
★サイドバー幅固定、メイン幅可変の2カラムのボックスレイアウト
★幅固定の3カラムのボックスレイアウト
★両サイド幅固定、メイン幅可変の3カラムのボックスレイアウト
●サンプル6
■STEP7 動画
★<video>タグを用いた動画の埋め込み
★<video>タグを用いた動画が再生できない場合
■STEP8 テーブル(表)
★テーブルの基本
★ヘッダセルとデータセル
★ヘッダ、ボディとフッタ
★テーブルの見出し
★テーブルの表示位置と幅
★セルの表示位置と幅と余白
★セルの結合
■STEP9 リスト(箇条書き)
★リストの基本
★リストの項目のマークを変更する
★リストの項目のマークを画像にする
★リストの項目のマークを付けない
★順序付きリスト
★リストの項目番号のタイプを変更する
■STEP10 メニュー
★メニューの基本
★横並びのメニュー
★色をつける
★マウス操作で色を変える
★下線と点線を消す
★丸みをつける
★幅の調整
★背景に画像を使う
■STEP11 ドロップダウンメニュー
★ドロップダウンメニューの基本
★ドロップダウン機能のない2階層メニュー
★ドロップダウン2階層メニュー
★縦並びドロップダウン2階層メニュー
★縦並び展開型ドロップダウン2階層メニュー
■STEP12 アコーディオンメニュー
★CSSで作るアコーディオンメニューの基本
★CSSで作るアコーディオンメニュー(クリックで展開)
★Java scriptで作るアコーディオンメニュー
★シンプルなコードのアコーディオンメニュー1
★シンプルなコードのアコーディオンメニュー2
■STEP13 レスポンシブデザイン
★モバイルフレンドリー
★2カラムのボックスのレスポンシブデザイン
★ビューポートの設定
リファレンス
CSS プロパティ一覧
デフォルトCSS一覧
ez-HTMLショートカット一覧
ez-HTMLツールバー機能一覧
ez-HTMLスペシャルサイドバー機能一覧
ez-HTMLメニュー一覧
ホームページ作成に役立つテクニック
■エクセルファイルからHTMLコードを作成する
★エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)の使い方
★エクセルから直接HTMLファイルを作成する
■リンク漏れを確認する
★孤島発見器の使い方
★リンクチェッカーの使い方
■IE9でIE8、IE7の表示を確認する
★IE9でIE8、IE7の表示確認の方法
■videoタグでmp4の動画が再生されない(解決法)
★IE9で動画に対してのデバッグの方法
■AN HTTPDをWindows Vistaで起動する
★タスクトレイにAN HTTPDのアイコンが表示されない
★データの実行防止(DEP)の解除方法
★ポート番号の変更方法
★二重起動の対処方法
■PHPのセッションの値が取得できない(対処法)
★セッションについて
★セッションファイルの確認
★セッションクッキーのパラメータの確認
★php.iniファイルの設定
★セッションデータの保存先パスの設定
■ソースコードを閲覧する
★IEでソースコードを閲覧する方法
★Chromeでソースコードを閲覧する方法
■SmillaEnlargerを使った画像の拡大・縮小
★SmillaEnlargerのインストール
★SmillaEnlargerの使い方
■マルチアイコンの作り方
★Webアプリを使用したマルチアイコンの作り方
ホームページ作成の本
HTML・CSSの本
サイトについて
■サイトマップ
■プライバシーポリシーについて
■サンプルコードについて
■素材について
■リンクについて
★札幌 IT ソリューションズ
★たまちゃんの別荘
■プロフィール
■免責事項
■問い合わせ
■作成履歴
■掲示板
リンク
■姉妹サイト
■参照させていただいたサイト様
■おすすめフリー素材
■相互リンク
■かんたん相互リンク
たまちゃんのつぶやき
■2013/07/29 AdSense広告配信が停止
■2013/07/30 AdSenseへ申し立てリクエスト
■2013/08/06 AdSense広告配信が再開
■2013/11/08 PHPのクォーテーション の違いと速度の比較
■2014/03/20 透過のGIF画像が作れない
■2014/08/03 Chromeのプロフィールプロフィールを開くことができない
■2015/02/15 無料でホームページを制作できるオンラインツール
■2015/12/05 パワーアップしたWixでホームページ作成
■2016/04/24 Googleのページランクが終了
このページのトップ
Wixでホームページ作成
Copyright (C) 2012 たまちゃん All rights reserved
http://tamachan.tama777.com/