こんにちは~
プログラミング演習1の演習メモです
※三年次開講のプログラミング演習1~4
のプログラミング演習1になります。
第8回提出課題
htmlの単語帳システムの作成
課題としては、よくある?Html/Css/JavaScriptの演習になります。
とても良い課題なので頑張りましょう。
手を動かそう
仮のファイル作成
とりあえず、フォルダの中にファイルを3つ作成しましょう。
※テキスト形式のファイルを新規作成し、ファイル名をそれぞれ変更しましょう。
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_001.png)
1 2 3 4 |
以下の3つのファイルを作成しましょう 1. (好きな名前).html 2. main.js 3. style.css |
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_002.png)
(好きな名前).html
webページの元のファイル。
講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_003.png)
style.css
webページのデザインのための設定ファイル。
講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_004.png)
main.js (JavaScript)
webページの動きの設定ファイル。
講義資料の通り、以下のようにファイルの中身をテキストエディタ(メモ帳等でも可)で編集しましょう
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_005.png)
確認
3つのファイルが完成したら、「pg1_8_test(ファイル名は例).html」をダブルクリックしてみてブラウザで開いてみましょう。
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_006.png)
![](http://ryoma-style.com/wp-content/uploads/2021/05/pg1_8_007.png)
1 2 3 |
うまく動かなかったら、スペルミス等がないか探してみよう。 ちなみに、これで評価S取れた!取れなかった!みたいなことについては残念ながら保証できません。 ※まぁ、講義通り実施すれば単位は頂けると思います。 |
まとめ
![](http://ryoma-style.com/wp-content/uploads/2020/03/kakurerukijishironeko171027_TP_V4.jpg)
- 演習課題メモでした
- 基本的には授業の通り実施
- html,css,javascriptの演習でした、わからない場合はインターネット等で調べてみましょう。