MENU
日本経済大学
  1. ホーム
  2. Webサイト作成A
  3. Webサイト作成さくせいA（第だい12回かい）

Webサイト作成さくせいA（第だい12回かい）

Webサイト作成A
目次

授業じゅぎょうの準備じゅんび

Microsoft Teamsにログインし、授業じゅぎょうの会議かいぎに参加さんかしてください。

前回ぜんかいの復習ふくしゅう

Webサイト作成さくせいA（第だい11回かい）

前回ぜんかいの知識ちしき問題もんだい

  • CSSの「カスケード」とはどんな考え方かんがえかたですか
    • 上流じょうりゅうから下流かりゅうへ連続れんぞく的に影響えいきょうする​
    • クラスよりもIDが優先ゆうせんされる
    • マークアップの精度せいどが影響えいきょうする
    • 文字もじの色いろを指定していできる
    • デザインが急にきゅうに変化へんかする
  • 「CSS」は何の略なんのりゃくですか
    • Cascading Style Sheet​
    • Casting Style Sheet​
    • Cascading Style Shoot
    • Css Style Sheet​
    • Cascade Styling Sheet
  • paddingで下した位置いちのみを指定していするのはどれですか
    • padding-bottom
    • padding-under
    • padding-below
    • padding-button
    • padding
  • CSSで「赤あか色いろで10px幅はばの枠わく線せん」はどれですか
    • border: solid 10px #ff0000;
    • border-red: 10px;
    • width : border 10px red;
    • border-bottom: 10px red;
    • margin: border solid 10px;
  • marginとpaddingを説明せつめいした文章ぶんしょうで正しいただしいものはどれですか
    • marginは外部がいぶ余白よはく、paddingは内部ないぶ余白よはく
    • marginは内部ないぶ余白よはく、paddingは外部がいぶ余白よはく
    • marginもpaddingも外部がいぶ余白よはく
    • marginもpaddingも内部ないぶ余白よはく
    • marginもpaddingも0にはできない

実技じつぎテストと定期ていき試験しけんについて

実技じつぎテスト

  • 15回かい目めの授業じゅぎょうで実技じつぎテストを行いおこないます
    • 14回かい目めは試験しけん勉強べんきょうの時間じかんとします
試験しけん場所ばしょITリテラシー教室きょうしつ
試験しけん内容ないようHTMLとCSSの作成さくせい
試験しけん時間じかん60分
試験しけん範囲はんい13回かい目めの授業じゅぎょうまでに学んだまなんだ内容ないよう
注ちゅう意い事項じこうなど教科書きょうかしょの持ち込み、パソコンで調べるしらべる、AIに質問しつもんするなどは認めみとめますが、スマホの使用しようは禁止きんしです。また、試験中しけんちゅうの私語しご（友達ともだちと話はなしをすること）も禁止きんしです。禁止きんしした行動こうどうを確認かくにんした場合ばあい、退室たいしつを命じるめいじることがあります。

定期ていき試験しけん

  • 16回かい目めの授業じゅぎょうで定期ていき試験しけんを行いおこないます
    • 事前にじぜんに勉強べんきょうしてほしいので、14回かい目めを目安めやすにこれまでの知識ちしき問題もんだいを再さい掲載けいさいします
試験しけん場所ばしょオンライン
試験しけん内容ないよう選択せんたく式しきのテスト
試験しけん時間じかん50分
試験しけん範囲はんい授業中じゅぎょうちゅうに実施じっしした知識ちしき問題もんだいより

チャンキングとマジックナンバー

情報じょうほうを記憶きおくしやすく、見やすくするための工夫くふうについて。

チャンキングとマジックナンバー

HTMLタグ

実際じっさいに使われているHTMLタグを学んでまなんでいきましょう。

「index_12.html」をダウンロードして、Visual Studio Codeから開きます。

HTMLタグ（iframe）

  • iframe：inline frame
<iframe>現在げんざいのページにほかのページを埋め込むうめこむ
<iframe src="埋め込むページのURL"></iframe>

iframeを使ってYouTube動画どうがを埋め込むうめこむ

  1. YouTubeにアクセスします
  2. 埋め込みたい動画どうがを表示ひょうじします
  3. 動画どうが付近ふきんの「共有きょうゆう」をクリック​します
  4. ダイアログの「埋め込むうめこむ」をクリック​します
  5. ダイアログの「動画どうがの埋め込み」の内容ないようをコピー​します
  6. HTMLに貼り付けつけます

iframeを使ってGoogleマップを埋め込むうめこむ

  1. Gooleマップにアクセス​します
  2. 埋め込みたい地図ちずの場所ばしょを指定してい​します
  3. 「共有きょうゆう」をクリック​します
  4. ダイアログの「地図ちずを埋め込むうめこむ」をクリック​します
  5. ダイアログの「HTMLをコピー」をクリック​します
  6. HTMLに貼り付けつけます

HTMLタグ（table）

  • table
<table>表おもての全体ぜんたいを指定していする
<tr>表おもての「行ぎょう」を指定していする
<th>表おもての「見出しみだし」を指定していする
<td>表おもての「内容ないよう」を指定していする
<table>​
 <tr>​
  <th>学籍番号</th>​
  <td>（自分の学籍番号）</td>​
 </tr>​
 <tr>​
  <th>名前</th>​
  <td>（自分の名前）</td>​
 </tr>​
</table>​

課題かだいの提出ていしゅつ

課題かだいを提出ていしゅつしましょう。

CampusApp

  • 「出欠しゅっけつ・課題かだい」から提出ていしゅつしましょう
  • 課題かだいセクションにある今日きょうの授業じゅぎょうの欄らんから提出ていしゅつできます

知識ちしき問題もんだい

今日きょうの授業じゅぎょう内容ないようを知識ちしき問題もんだいで復習ふくしゅうしましょう。

CampusApp

  • CampusAppの「CBT（知識ちしき問題もんだい）」から、知識ちしき問題もんだいにチャレンジしましょう
  • 100点てんが取れるとれるまで、繰り返しくりかえし挑戦ちょうせんしましょう
  • 期末きまつの定期ていき試験しけんは知識ちしき問題もんだいの中からなかから出題しゅつだいします

パソコンの再起動さいきどう／シャットダウン

授業じゅぎょうの終わりおわりに必ずかならずパソコンを再起動さいきどう（次つぎに他のほかの授業じゅぎょうがある場合ばあい）、またはシャットダウン（次つぎに他のほかの授業じゅぎょうがない場合ばあい）してください。

Webサイト作成A
目次