2017年度講義ノート

栗林ゆき絵

(6)スペイン語HPを書く--続HTML入門--

[1]スペイン語と日本語の混在ページの作成

1.キーボードを切り替えて、スペイン語を直接入力(使用文字コード＝unicode(utf-8)) ⇒日西混在可能。
テキストエディタ(メモ帳など)でスペイン語が入力・保存できる場合のみ作成可能

[全員]...◎課題(表紙ページの多言語化)
キーボードから直接スペイン語を入力し、前回作成したindex.htmlにスペイン語訳をつけ、日西混在ページにする。

*多言語混在ページには文字コードutf-8を指定すること。*テキストファイル保存時の文字コードに注意。

[全員]...◎課題(スペイン語編その１)
＊タグは全て(不等号記号も含めて)半角です!! 本ページ中では表示のため不等号は全角にしていますのでコピーする際は注意!!

キーボードから直接スペイン語を入力し、日西混在ページ pagina1.htmlを作成。
以下の条件を満たしていれば、内容は自由。10文以上。
(1)ページヘッダのMETAタグに文字コードutf-8を指定すること。
＜meta http-equiv="Content-Type" content="text/html; charset=utf-8" ＞
*現状ではほぼ自動判別されますが文字コードを意識してもらうため課題では明示的に記入することとします。(コピペ可。全て半角で。)
(2)表紙ページへ戻るリンクを貼ること。(表紙からpagina1.htmlへ飛ぶリンクも合わせて貼る。)
(3)背景に色または画像ファイルを指定してください。
＜BODY BGCOLOR="色名または数値"＞
＜BODY BACKGROUND="ファイル名"＞
(4)TABLEタグを使ったレイアウトにすること(ページの一部でも可)。

*日西混在ページの内容としては、旅行会話集(サンプルページの挨拶文は除く)のほか、サークル紹介や好きなアーティスト・スポーツ選手などを2言語で紹介、また、旅行時の写真を載せて説明を2言語で、等。

[HTML経験者対象]...2.タグを用いて記述(使用文字コード＝iso-8859-1)
⇒iso 8859-1に含まれる文字で表記できる言語しか混在できない。(日本語は混在不可)。
*Unicodeが表示できないブラウザの場合や、スペイン語をキーボードできないPCの場合はこの方法しかない!

⇒スペイン語特殊文字タグ一覧

iso8859-1を使用したスペイン語のみのサンプルページ

[HTML経験者対象] ...◎課題(スペイン語編その2)
タグを用いてスペイン語の文字を表記して、スペイン語のみのページ pagina2.htmlを作成。
以下の条件を満たしていれば、内容は自由。10文以上。
(1)ページヘッダのMETAタグに文字コードiso 8859-1を指定すること。
(2)表紙ページへ戻るリンクを貼ること。(表紙からpagina2.htmlへ飛ぶリンクも合わせて貼る。)

(3)背景に色または画像ファイルを指定してください。
＜BODY BGCOLOR="色名または数値"＞
＜BODY BACKGROUND="ファイル名"＞

*スペイン語ページは自己紹介、サークル紹介、旅日記、趣味のページ、などをスペイン語で作文して記述。 pagina1.htmlとの内容上の関連はあってもなくてもよい。

★画像を用いる場合の注意
自分で撮った写真(動画も可)、フリーの素材集からダウンロードした画像などを用いること。(フリーでないものは著作権があるので使用できない。)

[スペイン語情報処理HOME]