目次

ヤマニーの依頼完成編

更新：
環境:windows10/Microsoft Edge/VS Code


PREPARATION

想定する読者と前提条件

基本的なパソコン操作ができること。ただし、好奇心が必要です。


START

サンプルファイルのダウンロード

この節では、サンプルファイルを使用し作業していきますので、まずは下記サンプルファイルをダウンロードしてください。
ダウンロードが完了したら、デスクトップに解凍してください。釣り公師団フォルダが作成されます。

STEP6と同様のファイルです。STEP6を実施済みの場合はダウンロード不要です。

サンプルファイル(ZIP:4.0 KB)

  MISSION

STEP5の依頼内容確認

釣りの素晴らしさを世界に広めたいんだ！手始めに、釣りのスポットや道具の紹介をしてみたい。 ページ構成は次のようにしたいんだが大丈夫かな？

  • トップページ
    • - 釣りスポットの紹介ページ
    • - 釣り道具の紹介ページ

釣り公師団団員：ヤマニー

釣り公師団のファイル構成

  • items
    • index.html
  • spots
    • rouen
      • index.html
    • zeiss
      • index.html
    • index.html
  • index.html

マークアップしてみよう！

トップページと釣り道具用の文書が届きました。正しいタグを使用してマークアップしてみましょう。

トップページの掲載依頼内容

目的
釣りの楽しさを広めるため、初心者向け講習会や釣り道具の販売などを行う。

活動内容
各地の釣り場に潜む巨大魚を追い求め、新しい釣り場の開拓も行っています。

釣り道具ぺージの掲載依頼内容

プログレロッド
初心者向けの釣り竿

竹竿
天然素材で作った昔ながらの竿

釣り道具の詳細ページの作成

各釣り竿の詳細ページを作ってみましょう。フォルダ名は自由とします。ただし、フォルダ名は必ず半角英数字で設定してください。 また、釣り道具ページから各釣り竿詳細ページに移動できるようにしてみましょう。

プログレロッドの掲載依頼内容

プログレロッド

対応餌：ミミズ、イソメ、コエビ

竹竿の掲載依頼内容

竹竿

対応餌：練り団子、タニシ、カエル


COMPLETE

  • avatar
    お疲れ様でした！

    作ることで慣れていきますので、手を動かしてどんどん作っていきましょう。

STEP6

コメント