quiz templates

サイト構造と

URL

クイズのリンクの貼り方 World Quiz/Index Japan Quiz/Index ワードでウェブページ作成/画像取り込み 質問

クイズページの作り方とリンクの仕方

■クイズページのtemplates 及び構造図

3択式クイズ作り方

http://www.shejapan.com/www2/quiz/qz_making

3択式クイズ10問

http://www.shejapan.com/www2/quiz/qz_template.html

3択式クイズ10問(図入り)

http://www.shejapan.com/www2/quiz/qz_template2.html

インデックスページの作り方

http://www.shejapan.com/www/wquiz/indextemplate.html

ファイルの構造図

http://www.shejapan.com/www/wquiz/construction.html

サイトの構造と各URL

ファイルの構造図

http://www.shejapan.com/www/wquiz/construction.html

Top Page

http://www.shejapan.com

World Quiz Index English

http://www.shejapan.com/www/wquiz/wquiz.html

World Quiz Index Japanese

http://www.shejapan.com/www/wquiz/wquizj.html

Germany Quiz Index(Germanyの代わりに自分の担当国名Italy 等を挿入)

http://www.shejapan.com/www/wquiz/germany/germany.html

Germany Quiz 1 English

http://www.shejapan.com/www/wquiz/germany/germany1.html

Germany Quiz 1 Japanese

http://www.shejapan.com/www/wquiz/germany/germany1j.html


■Japan Quizの場合

Japan Quiz Index English

http://www.shejapan.com/www/wquiz/japan.html

Japan Quiz Index Japanese

http://www.shejapan.com/www/wquiz/japanj.html

Kyoto Quiz Index

http://www.shejapan.com/www/wquiz/japan/kyoto/kyoto.html

Kyoto Quiz 1 Englsih

http://www.shejapan.com/www/wquiz/japan/kyoto/kyoto1.html

Kyoto Quiz 1 Japanese

http://www.shejapan.com/www/wquiz/japan/kyoto/kyoto1j.html

以下全てgermany1のクイズを例に取っています。各自のクイズのファイル名をgermany1の代わりに挿入します。
■クイズページのリンクの貼り方

1.クイズのページにJapanese、Englishのリンクを張るには、

java templateの<body>のすぐ下に

・英語ページから日本語ページに飛ぶには

<Div Align="Right"><A HREF="germany1j.html ">Japanese </A></Div>

・日本語ページから英語ページに飛ぶには

<Div Align="Right"><A HREF="germany1.html "> Englsih </A></Div>

2.クイズの下に参考資料・Quiz Index・Homeにリンクを貼る。

具体的なサイト名を入れる。(reference, 参考資料などと抽象的な記述はしない)

フォントをクイズの問題より一つ小さくする

nationmaster.com

germany-info

Quiz Index
../../quiz.index とリンクを貼る

Home

../../../index.htmlとリンクを貼る

3.その下に名前とCopyrightを入れる。フォントは参考資料と同じ大きさ。

Created by Kazunari Kubota, Aoyama Gakuin College of Economics

Copyright SHEJapan.com 2003. All Rights Reserved.

4.クイズのページを保存する時に下記名前で保存する。

クイズ名がgermany1なら

germany1.html   英語の場合

germany1j.html  日本語の場合

URLは

英語ページ

http://www.shejapan.com/www/wquiz/germany/germany1.html

日本語ページ

http://www.shejapan.com/www/wquiz/germany/germany1j.html

World Quiz Index/Germany Quizの作り方・リンクの貼り方

☆Germany Index(各国の目次ページ)の作り方とリンク

1.ワードで作成して、HTMLで保存する。

保存名は、

germany.html

2. リンクの貼り方は下記URL 参照

http://www.shejapan.com/www/wquiz/germany/germany.html

クイズの数だけ、日本語、英語ページにリンクを貼る。

germany1.の場合

英語ページから日本語ページに飛ぶには

<Div Align="Right"><A HREF="germany1j.html ">Japanese </A></Div>

・日本語ページから英語ページに飛ぶには

<Div Align="Right"><A HREF="germany1.html "> Englsih </A></Div>

germany2. germany3も同様に日英語ページへリンク

3.ページに最下段に

Quiz Index Home へのリンクを貼る

Quix Index

../../quiz.index とリンクを貼る

Home

../../../index.htmlとリンクを貼る

4.その下に名前とCopyrightを入れる。フォントは国名等より小さくする。

Created by Kazunari Kubota, Aoyamagakuin College of Economics

Copyright SHEJapan.com 2003. All Rights Reserved.

☆world Quiz Indexの作り方とリンク

保存名は

英語 wquiz.html

日本語 wquizj.html

URL World Quiz Index English  

http://www.shejapan.com/www/wquiz/wquiz.html

1.目次に掲載されている国すべてにリンクを貼る

Germanyへリンクを貼るには

 <P><A HREF="germany/germany.html"><B>Germany</B></A></P>

2.Homeにリンクする

Home

../../../index.htmlとリンクを貼る

3.その下に名前とCopyrightを入れる。フォントは国名等より小さくする。

Created by Kazunari Kubota, Aoyama Gakuin College of Economics

Copyright SHEJapan.com 2003. All Rights Reserved.

 ■Japan Quiz・Japan Quiz Indexの作り方とファイル名の付け方

☆Yamanashi Quiz の作り方→Germany quiz と同様

クイズの保存名は

英語 yamanashi1.html

日本語 yamanashi1j.html

URL 

http://www.shejapan.com/www/wquiz/wquiz/japan/yamanashi/yamanashi1.html

yamanashi.html(目次ページ)
yamanashi1.html(クイズのページ)を見本に

Home, World Quiz Index, Japan Quiz Index 、参照したサイトへリンクを貼る。

☆ Yamanashi Quiz Indexのつくり方
http://www.shejapan.com/www/wquiz/indextemplate.html

保存名

英語 yamanashi.html

URL 

http://www.shejapan.com/www/wquiz/wquiz/japan/yamanashi/yamanashi.html
各自、上記のリンクを見本に、Home, World Quiz Index, Japan Quiz Indexにリンクを貼る

☆リンクの貼り方

1.日本のものは県別に分かれるから、他の国にくらべ、ファイルの構造が一段深くなる。
たとえば、
yamanashi.html(目次ページ)
yamanashi1.html(クイズのページ)

は、japanホルダーの中の、yamanashiホルダーに入っている。

一方、germany関係は、全部直接、germanyホルダーに入っている。

このことを良く理解すること。

2.yamanashi.htmlからの移動。(リンクを貼る)
(1)japan.htmlへ
../japan.html
(2)wquiz.htmlへ
../../wquiz.html
(3)shejapanのトップへ
../../../../index.html

3.japan.htmlからの移動
(1)yamanashi.htmlへ
yamanashi/yamanashi.html
(2)wquiz.htmlへ
../wquiz.html
(3)shejapanのトップへ
../../../index.html

ファイル構造を見ながら、何段上がるか(あるいは下がるか)考えれば良い。

 

ワードでウェブページを作るには

1.ワードで自由に文書を作る。

2.写真や図(jpegやgif形式のファイル)を入れいとき。

写真や図を、予めデスクトップに用意しておく。これを文書に挿入するには、        まず挿入する位置にカーソルを持っていき、「挿入」->「図」->「ファイルから」を選択すると、ウインドウが開くから、デスクトップに移動して写真や図を選び「挿入」ボタンをクリックする。写真や図の位置や大きさを望みの大きさに調整する。

3.出来た文書をとりあえず普通のワード文書として保存する。

4.「ファイル」メニューから「HTML形式で保存」をクリックする。

5.適当な名前「xxxxx.html」をつける。デスクトップ上に保存する。

6.デスクトップ上にはhtml化した文書(エクスププローラ文書)と、html 文書中のファイル名に変わった写真や図のファイルがあるはずである。これらを一組にしたものが出来上がりである。

注意:ワードで作るhtml文書はブラウザ(エクスプローラ)で開くと、思った配置になっていないことがある。思うようなものを作るには、初めからHTML文で書くか、ウェブページを作るソフトを使うのが良いだろう。


■画像を使う場合

・フリーで使えるイメージか自分で撮影した画像を使う。どうしても他の画像を使用する場合は、必ず著作者の許可を得て、出典を明記する。

旗、地図、余りにも有名な名所などは、無料の写真がウェブ上の沢山ある。

 germany free image /ドイツ 無料イメージ

等で検索のこと

・画像をウェブ上から取る場合の注意

右クリック→「画像をコピーする」を選択

「画像を保存する場所」をデスクトップにして、

ファイル名をgermany.gifとか、germany.jpg等とクイズ名がわかりやすい名前をつける。

・画像を自分で用意する場合も、どこに使うかわかりやすい名前をつけること。

・画像は何枚も使う場合は、

germany1.giff

germany 2.jpg のように番号を付けること

・最終的に提出する時はgermany.htmlの文書と一緒に送ってくること。

注意!なによりも大切なことは、保存ファイルのアドレスを間違えないこと。不要なスペースの挿入/コンマvs .ピリオッド/大文字vs 小文字等のミスタイプがリンクの繋がらない原因です。

提出方法

完成ページを提出する

・送付先 aoyama3@shejapan.com

件名 Germany 1 by Your name

送付する前に、完全にリンクがついているかをチェックすること

Home
Quiz Index Top

 

 Copyright SHEJapan 2003. All rights reserved.