プログラミング 授業計画2

ページ選択 1〜5/6〜10/11〜15

    ブロックレベル要素
     ブロックレベル要素について理解し段落や見出し、リストの設定などを行う。今回の課題は以下の通り。すべて実施したらTeamsの受講確認から課題実施を報告すること。
    HTML基礎編 ブロック要素を参照して、ブロック要素とは何かについて理解した上で、資料に従いページを作成せよ。
    作成したren04.htmlファイルを編集し、hrタグにwidth属性、size属性、align属性を追加し、それぞれ50%、10、centerを設定せよ。回答例は以下。
    さらにren04.htmlファイルを編集し、ページに含まれる「ニュータイプ」の文字を赤字に変更せよ。前回の内容を思い出しブロック要素とインライン要素の違いを意識すること。インライン要素はブロックレベル要素の中に入り、入れ子になる。回答例は以下(修正は3か所)。
    HTML基礎編 リストを参照して、リストの設定方法を確認し、資料に従いページを作成せよ。
    作成したren05.htmlファイルを編集し、ページタイトルを「プログラミングのページ」に修正せよ。回答例は以下。
    さらにren05.htmlファイルを編集し、ページの本文の大見出しとしてページの先頭に「プログラミングを学ぼう」と表示せよ。大見出しのタグを設定すること。回答例は以下。
    同様にren05.htmlファイルを編集し、「プログラミング学習の5カ条」と「プログラミングの重要用語」に中見出しタグを設定せよ。回答例は以下(1つのみ)。
    全て終了したらTeamsの受講確認を登録せよ(授業の週の金曜17:00まで)。
    テーブルとその他
     前回に続きブロックレベル要素を確認する。HTMLの中でよく利用されるテーブル(表)のタグと、オーディオタグ、ボタンタグ、コメントタグについて検討する。今回の課題は以下の通り。すべて実施したらTeamsの受講確認から課題実施を報告すること。
    HTML基礎編 テーブルを参照して、テーブル(表)のタグについて確認し、資料に従いページを作成せよ。
    HTML基礎編 その他を参照して、オーディオ機能、ボタンの設置、コメントタグについて確認し、資料に従いページを作成せよ。
    全て終了したらTeamsの受講確認を登録せよ(授業の週の金曜17:00まで)。
    スタイルシートの基礎
     スタイルシートとは何かを確認し、CSSの基本的な書き方、HTMLファイルへの適用の仕方などを確認する。今回の課題は以下の通り。すべて実施したらTeamsの受講確認から課題実施を報告すること。
    CSS基礎編 CSSとはを参照して、CSSとは何か、HTMLとの関係はどのようなものかについて確認せよ。
    CSS基礎編 基本の書き方を参照して、まずは、CSSの基本的な書き方までを確認せよ。(セレクタの指定方法以下は後で確認)
    CSS基礎編 CSSの適用を参照して、HTMLにスタイルシートを適用する3つの方法について確認し、特に外部ファイルから適用する方法が重要なことを理解せよ。またCSS適用の優先順位についても確認せよ。
    今一度CSS基礎編 基本の書き方に戻り、セレクタの指定方法とコメントのつけ方について確認せよ。
    全て終了したらTeamsの受講確認を登録せよ(授業の週の金曜17:00まで)。
    文字や文章の装飾
     CSSの演習準備を行い、文字や文章の装飾などCSSの利用方法を確認する。今回の課題は以下の通り。すべて実施したらTeamsの受講確認から課題実施を報告すること。
    CSS基礎編 CSSファイルを参照して、テンプレCSS「temp.css」を作成せよ。また、ひな形HTMLを修正し「hina2.html」を作成せよ。
    CSS基礎編 文字のスタイルを参照して、演習ファイルの編集を通じて、文字のスタイル設定について確認せよ。
    CSS基礎編 文章のスタイルを参照して、演習ファイルの編集を通じて、文章のスタイルの設定方法について確認せよ。
    全て終了したらTeamsの受講確認を登録せよ(授業の週の金曜17:00まで)。
    背景とボックスモデル
     前回に続きCSSについて確認する。特に、背景関連とボックスモデルについて学び、利用方法を確かめる。今回の課題は以下の通りだが、前回の課題が前提となっているため、前回課題が終了していない場合は終了してから以下の課題に取り組むこと。すべて実施したらTeamsの受講確認から課題実施を報告すること。
    CSS基礎編 背景関連を参照し、「ren11.html」と「ren11.css」を編集して、背景色、背景画像の設定などについて確認せよ。
    CSS基礎編 ボックスモデルを参照し、「ren11.html」と「ren11.css」を編集して、ボックスモデルの考え方や操作方法について確認せよ。
    全て終了したらTeamsの受講確認を登録せよ(授業の週の金曜17:00まで)。

ページ選択 1〜5/6〜10/11〜15

  page bottom
 
 
 
SPONSORED LINK




page top
SPONSORED LINK