築和工房パソコン教室

初めてパソコンに触る方、エクセルやワードの実用的な利用方法を知りたい方、MOSやパソコン検定の資格を取得したい方、ホームページを作りたい方、Illustratorなどの専門的なアプリケーションを使いこなしたい方。幅広く総合的にパソコンを利用するノウハウをお手軽な金額でご指導いたします。

2015年08月

ホームページ作成で、横並びのナビゲーションを
タグ ul と li で作成するときのCSSは以下の通りです。


.nen ul {
  font-size:0px;                   /* liとliの間の隙間を埋めるための裏ワザ*/
         }
.nen li {
  font-size:18px;                  /* liとliの間の隙間を埋めるための裏ワザ*/
  display: inline-block;           /* 横並びにする、大きなポイント*/
  width:18%;                       /* 5等分にするならほんの少し、幅を狭く*/
  border-left:dotted 1px #999;     /* 左側の境になる罫線を点線で表示*/
  border-right:dotted 1px #999;    /* 右側の境になる罫線を点線で表示*/
  text-align:center;               /* ブロック内で文字を中央揃え*/
        }

HTMLのタグすべては覚えきれないので、一覧表を作成しておくことにします。
タグタグ名の原語タグの意味
!-- --コメント
!DOCTYPE
ドキュメントタイプ宣言
Aanchor リンク(アンカー)
ABBRabbreviation (頭文字ではない)略語
ACRONYM
(頭文字の)略語
ADDRESS
連絡先・問合せ先
APPLET
JAVAアプレット
AREA
イメージマップの領域
Bbold 文字列の太字
BASE
相対パスの基準URI
BASEFONT
テキストの基準サイズ・基準色・基準フォント
BDObi-directional override 文字表記の方向
BGSOUND
効果音・BGM(IE独自)
BIG
フォントサイズを大きく
BLINK
文字の点滅(NN独自)
BLOCKQUOTE
引用・転載
BODY
本体
BRbreak 改行(Wordでは^l)
BUTTON
ボタン作成
CAPTION
テーブルのキャプション
CENTER
中央ぞろえ
CITE
出典・参照先
CODE
プログラムのソースコード
COLcolumn 表の縦列の属性
COLGROUPcolumn group 表の縦列をグループ化
COMMENT
HTMLソースをコメント(IE独自)
DDdescription description 定義した用語の説明
DELdelete 削除された部分
DFNdefinition 定義する用語
DIR
リストを表示
DIVdivision 範囲として定義(ブロック要素)
DLdescription list 定義リスト
DTdescription term 定義する用語
EMemphasis 強調
EMBED
プラグインデータ埋め込み(NN独自)
FIELDSET
フォーム入力項目グループ化
FONT
フォントの種類・大きさ・色
FORM
入力フォーム
FRAME
フレーム内表示ファイル指定
FRAMESET
フレームに分割
H*heading * H1~H6 見出し
HEAD
ヘッダ情報
HRhorizontal rule 水平線
HTML
文書宣言
Iitalic 文字列の斜体
IFRAMEinline frame インラインフレーム
ILAYER
レイヤー(NN独自)
IMGimage 画像
INPUT
フォーム構成部品
INPUT type="button"
フォーム用ボタン
INPUT type="checkbox"
チェックボックス
INPUT type="file"
ファイルを送信
INPUT type="hidden"
非表示データ
INPUT type="image"
フォームの画像ボタン
INPUT type="password"
パスワード入力欄
INPUT type="radio"
ラジオボタン
INPUT type="submit"
フォームのボタン
INPUT type="text"
一行テキストボックス
INSinsert 追加された部分
ISINDEX
検索キーワードの入力欄
KBDkeyboard キーボード入力される文字
LABEL
フォーム部品と項目名を関連付け
LAYER
レイヤー表示(NN独自)
LEGEND
部品グループのキャプション、fieldset要素
LIlist item リストの項目
LINK
関連するファイルを指定
LISTING
ソースをそのまま表示(タグは解釈される)
MAP
イメージマップ
MARQUEE
文字列のスクロール(IE独自)
MENU
メニューリスト
META
メタ情報
MULTICOL
段組(NN独自)
NOBR
改行なしで表示(NN独自)
NOEMBED
プラグインが利用不可のときに内容を表示(NN独自)
NOFRAMES
フレームが利用不可のときに内容を表示
NOLAYER
レイヤーが利用不可のとき(NN独自)
NOSCRIPT
スクリプトが利用不可のときに内容を表示
OBJECT
データ埋め込み
OLordered list 番号付き箇条書き
OPTGROUPoption group セレクトボックスの選択肢をグループ化
OPTION
セレクトボックスの項目リスト
Pparagraph 段落(パラグラフ)
PARAMparameter パラメータ
PLAINTEXT
ソースをそのまま表示
PREpreformated text 整形済みテキスト
Qquotation 引用・抜粋
RB
ルビの文字指定(IE独自)
RPruby parentheses ルビを囲む記号(IE独自)
RTruby text ルビの内容(IE独自)
RUBY
ルビの範囲(IE独自)
Sstrike 取り消し線
SAMPsample 出力結果のサンプル
SCRIPT
スクリプト
SELECT
セレクトボックス作成
SMALL
フォントサイズを小さくする
SPACER
スペースを挿入(NN独自)
SPAN
インラインで領域指定
STRIKE
取り消し線
STRONG
強調文字列
STYLE
スタイルシート
SUBsubscript 下付き文字
SUPsuperscript 上付き文字
TABLE
TBODYtable body 表のボディ部分
TDtable data cell表のデータセル
TEXTAREA
複数行の入力フィールド
TFOOTtable footer 表のフッタ行
THtable header cell表の見出しセル
THEADtable header 表のヘッダ行
TITLE
タイトル
TRtable row 表のレコード行
TT
等幅フォント
Uunderline アンダーライン
ULunordered list 記号付き箇条書き
VARvariable 変数や引数
WBRword break NOBR内で改行しても良い位置(NN独自)
XMP
ソースをそのまま表示
HTMLのタグは、大文字でも小文字でも構わないのですが、xhtmlの場合、小文字で表示するのがいいらしいです。

15082701

ホームページビルダには「共有部分の同期」という機能がある。
ビルダが用意しているテンプレートならば「共有部分の同期」機能を利用できるだろう。
新たにテンプレートを作成する場合は…
そのヒントが、以下のページ

ホームページビルダー16に関してですが、「共通部分の同期を設定する」ができません。わかる方教えて下さい。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1189761846

とっても簡単「共通部分の同期・管理」をする方法

http://okodukai-cho.com/soft/biruda-douki.html

パソコンのWiFiネットワーク接続状態を確認する方法。
(1)コントロールパネルを開く
(2)ネットワークの状態とタスクの表示
(3)ネットワークの管理
15082603

15082602

15082601

15082401
1カ月の累計距離を、100km
ペーストしては、時速10km/h以上
1kmは全速力でトレーニング

以上が9月の
マラソン参加トレーニングの目標です。

6c4dcdd5.jpg
エントリーしまぢた

DSCF7675

夕方、こんな風に西の空が輝きました。

DSC04738


DSC04743



DSCF7709

灯ろうを川に流します。
DSCF7695
DSCF7681

↑このページのトップヘ