プログラミング演習1~第8回演習メモ~

こんにちは~

プログラミング演習1の演習メモです

※三年次開講のプログラミング演習1~4

 のプログラミング演習1になります。

第8回提出課題

htmlの単語帳システムの作成

課題としては、よくある?Html/Css/JavaScriptの演習になります。

とても良い課題なので頑張りましょう。

手を動かそう

仮のファイル作成

とりあえず、フォルダの中にファイルを3つ作成しましょう。

※テキスト形式のファイルを新規作成し、ファイル名をそれぞれ変更しましょう。

新規作成
こんなファイル名に変更

(好きな名前).html

webページの元のファイル。

講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう

htmlの中身は講義の通り

style.css

webページのデザインのための設定ファイル。

講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう

大人の事情で、全部載せれません(コードもしかり。画像にさせていただいております)

main.js (JavaScript)

webページの動きの設定ファイル。

講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう

大人の事情でコードは画像にさせていただいております

確認

3つのファイルが完成したら、「pg1_8_test(ファイル名は例).html」をダブルクリックしてみてブラウザで開いてみましょう。

こんな画面出るよね
触れば動く(はず)

まとめ

  • 演習課題メモでした
  • 基本的には授業の通り実施
  • html,css,javascriptの演習でした、わからない場合はインターネット等で調べてみましょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です