§01-01…画像ファイルの挿入・準備
(01) 「画像の練習」というフォルダーを作成し、その中に以下のようなファイル「index.htm」を作成してください。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> ...
XHTML+CSS-02-応用編
表計算ソフトのExcel・エクセル2013の無料基礎講座。解説動画付。学習内容は「表の作成/計算式の設定/計算式のコピー/基本的な関数/エクセル表の印刷」。台帳集計や売上・現金出納管理のスキルが身に付く。
§09-09…FFFTPを使った転送
(01) フリーソフトの「FFFTP」を使って、作成した「ストロベリーショップ」フォルダー内のコンテンツを全てWebサーバー・Webスペースに発行・転送します。「FFFTP」をインストールしている状態で、起動してください。インストールしていない場合は、入手・インストールしてください。 (02) ホスト・サーバーを登録します。をクリックしてくださ...
§09-08…メールアドレスをリンク先にする
「access.htm」の「メールによるお問い合わせ」のリンク先をメールアドレス「xyz@exsample.com」にします。メールアドレスをリンク先にする際にはhref属性の値を「mailto:メールアドレス」とします。 今回は「href="mailto:xyz@exsample.com"」にします。「access.htm」のソースを以下のように更新して...
§09-07…上のディレクトリ内の他の下層ディレクトリへのリンク
(01) 今度は「seihin」ディレクトリ内に以下のようなソースのページ「seihinmain.htm」を作成してください。完成後はブラウジングしてください。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
§09-06…下位ディレクトリから上位ディレクトリへのリンク
(01) 今度は逆に「garimain.htm」から上位ディレクトリにある「index.htm」へのリンクを設定します。上位のディレクトリにあるファイルをリンク先とするにはhref属性の値を「../ファイル名」とします。リンク文字列は「HOMEへ」です。「garimain.htm」のソースを以下のように更新してからブラウジングしてください。 <bod...
§09-05…上位ディレクトリから下位ディレクトリへのリンク
(01) このサイトのトップページ「index.htm」から、「gari」ディレクトリ内にある「garimain.htm」へのリンクを設定します。リンク文字列は「イチゴ狩り」です。下層ディレクトリのファイルを指定するにはhref属性の値を「ディレクトリ名/ファイル名」のように、指定します。すなわち「gari/garimain.htm」がhref属性の値になり...
§09-04…下層ディレクトリの作成
(01) ひとつのフォルダーだけでWebページやCSSファイルなどを管理しても良いのですが、あまりファイル数が増えてくると管理が大変になります。そこでファイルを分別するフォルダー(ディレクトリ)を二つ作成します。イチゴ狩りに関するファイルを保存するディレクトリを「gari」、イチゴ製品に関するファイルを保存するディレクトリを「seihin」、という名前で作成...
§09-03…リンク個所にCSSを設定
(01) リンク個所(<a>タグ内)の背景色を「#FFFF00」にします。以下のようなCSSを追加・更新してから各ページをブラウジングしてください。 a{ background-color:#FFFF00; } index.htm (02) リンク個所には自動的に下線が引かれますが、今回は<h3>内のリンクのみ下...