授業評価アンケート
ここで授業評価アンケートを行いたいと思います。
以下のポイントを確認してください。
- アンケートはUNIPAでスマホ、パソコンのどちらからでも回答可能です。
トップ画面上にある期限ありの「授業評価回答」から行ってください。
分からない場合はUNIPAの掲示板に「授業評価アンケートマニュアル（学生用）」 を掲載しておりますので、
確認しながら回答してください。（R5.12.14掲載済） - アンケートの説明や指示に従って、アンケートの回答をお願いします。
あなたの成績には一切関係がありません。出席は課題学習も含め出席回数を回答してください。 - 回答は、期間中であれば変更・修正することも可能です。
期間が終了する前までに表示されている授業すべてに回答してください。
では少し時間をとりますので、UNIPAを使ってアンケートの回答を行なってください。
PCから回答を行う場合は以下のページからログインを行なってください。
アンケート回答：https://unipa.cjc.ac.jp/uprx/
なお、この授業の科目名は「ウェブデザインA」です。
ウェブデザインA 第13回
まずはスマホ出席で出席登録を行ってください。
今回の4桁の認証コードは「 」です。
Sponsored Link
この記事の目次
小テストの解答
前回の小テストの解答です。
Q1. ブラウザ幅はブラウザで見る横幅の100％の大きさで、〇〇〇〇〇幅は実際に〇〇〇〇〇が表示されている領域の大きさです。さて、〇〇〇〇〇には何が入るでしょう？
A1. コンテンツ
Q2. htmlに<div></div>タグを2つ記述すると、2つ目の<div></div>タグは横に「回り込む」と「回り込まない」のどちら？
A2. 回り込まない
Q3. <div></div>タグの中に<a></a>タグを2つ記述すると、回り込み、どう並ぶ？
A3. 横に並ぶ（入りきらなくなるまで横に並ぶ）
Q4. idとclassで、同一ページ内で一度だけ使うものはどちら？
A4. id
Q5. htmlでのレイアウトの基礎中の基礎のポイントは二つあり、ブロックと〇〇〇。ブロックに親子関係を作り「〇〇〇構造」にしていくことで様々なレイアウトを作ることがブロックと〇〇〇の原理である。さて、〇〇〇〇〇には何が入るでしょう？
A5. 入れ子
みなさんは何問正解できたかな？？
Google Web FontsでWebフォントを使ってみよう
コーディングもかなり進みましたので、今回はGoogle Web Fontsの解説を行いましょう。
Webページの主役はあくまでもコンテンツですが、
ページデザインのポイントは「フォント」と「画像」「動画」がウェイトを占めています。
見やすくするのも見栄えをよくするのもフォントの役割は非常に大きいのです。
Webサイトコーディング[NORMAL – Web Movie – ]のhtml・cssコーディング
それでは今日のコーディングを始めていきましょう。
今回は「LEVEL NORMAL- Web Movie -」のWeb動画を背景に使用したデザインの、
Webページコーディングになります。
以下の3件を行いましょう。
Webサイトコーディング[NORMAL – Web Movie – ] 01 準備・確認編
課題の提出
「LEVEL NORMAL – Web Movie – 」のコーディングを行った「html03」フォルダのデータを提出しましょう。
提出用に「html03」フォルダをまるごとzip形式で圧縮してください。
「html03」フォルダをzip形式で圧縮
まず、「html03」フォルダ圧縮の手順は以下。
- 「html03」フォルダを右クリックして、「送る」→「圧縮（zip形式フォルダー）」を選択してzipファイルを作る。
- 圧縮したzipファイルのファイル名を「学籍番号_level_normal_movie」に変更する。
以上です。
zip圧縮したファイルをフォームから送信
なお、こちらのフォームに提出できるのは「zip形式で圧縮したファイルのみ」です。
zip形式以外のファイルだと送信の際にエラーが出て送信ができませんので、
必ず「html03」フォルダをまるごと圧縮してzip形式で提出してください。
また今回は圧縮データのサイズ上限を20MBとしています。
なお提出期限は、次回の授業開始前までとします。
