Embed Size (px)
Citation preview
⾃⼰紹介
¡担当: ⼩島清信 [email protected]
¡ TA/SA¡ 松島千晃さん(4限のみ) [email protected]¡ 森瑞貴さん [email protected]¡ 種⾕望さん [email protected]
教材
¡ https://ipl.sfc.keio.ac.jp/text/info2-2019-9/
¡ http://web.sfc.keio.ac.jp/~jima/info2/week1.pdf
（sfc-sfsから参照できる）
⽋席する/した場合は、教材を参照してキャッチアップし、課題を提出すること
メールは頻繁にチェックすること
1. HTMLとCSSとJavaScript2. JavaScriptの基本とイベントモデル3. ⼊出⼒と条件分岐4. 繰り返し5. オブジェクトと⼀次元配列、HTMLとJavaScript6. CSSとJavaScript7. canvasと多重繰り返し8. 配列と連想配列
9. 関数と引数、センサー10. ライブラリ11. マッシュアップ12. 試験とミニプロ13. ミニプロ準備14. ミニプロ最終発表
ペーパーテスト（30％）
評価基準
¡ペーパーテスト配点30点
¡ミニプロ配点40点課題制作とレポート（学期後半の数週間）２〜３⼈のグループで共同制作
¡平常点配点30点¡ 疑問点は積極的に質問して解決しようとする。¡ ⾃分で資料を調べて必要な知識を得られるようになる。¡ ⾃分の考えを相⼿にわかりやすく伝えられるようになる。
¡ 単に出席していればよいわけではない。
→基本的にはその時間中にできる課題を提出してもらいます。皆の参考になるものがあれば次回以降に紹介します。
タイピングテスト
¡すでに合格していればテストの必要はありません。
¡合格しないと情報基礎２としてD評価とします。
¡今⽇は 17:30 からタイピングテストを⾏います。
この授業の⽬的と⽬標
!
( /
( C
! ! f ! f ! >f
! f ! f
! f ! f
Web 3 HTML CSSJavaScript
! HTML f HTMLf >
f! HTMLf! SFC-CNS HTML fWeb! CSS f CSS f
! JavaScript f HTML+CSSJavaScript f
HTML CSS JavaScript
! f HTML
! f CSS
! f JavaScript
f基本は共通教材を⾒ながら、
進めましょう。
! HTML !! ! body js/css !! ������ !! <h1> <p> <div> <br/> !! a ref="b.html"> /a> !! a ref="http://www.sfc.keio.ac.jp">sfc /a> !! img src="myphoto.jpg"> !! <div class="important"> !! <div id="result"> </div> !! input type="text" id="year"> !! <input type="button" value="click!" onclick="calc();"> !
! !! <ul> <ol <li>!! <table> tr> <th> dt> <dd>
!!
<!DOCTYPE html> !<html> ! ! <head> ! <meta charset="utf-8"> ! <title> </title> ! <script src="ex0-1.js"></script> </head> ! ! <body> ! f </body>
</html> ! <br>
または <button onclick="calc();">click!</button>
<table> <tr> <th> <td> <dl> <dt> <dd> などは必要な時に⾒ながら使えること
°ČĆ�ä��"-;"� /�
! Javascript!! unction calc() { .. } !! var a = 2016; !! var b = "2016"; !! alert(a); !! a = a + 1; !! var b = getElementById("year").value; !! var c = Number(b) + 20; !! getElementById("result").innerHTML = c; !! if (a > 3) { .. } !! while (i < 5) { .. } !! for (i=1; i<10; i++) { .. } !
°ČĆ�ä��"-;"� /�
! css!! .important { color: red }; !! #inputvalue { background-color: "#d0d0d0"};
演習結果を置く場所
¡ /home/ログイン名(s18000aaなど)/public_html/info2 というディレクトリを作成し、その下にファイルを作る。
¡ Macのファインダでは、デスクトップ→public_html以下にinfo2 ディレクトリを作る。
¡ http://web.sfc.keio.ac.jp/~ログイン名/info2/○○.html で参照可能¡ 外部に公開されるので、著作権や個⼈⼈情報に注意
今⽇の課題 18:59まで
¡⾃分の興味や得意な分野をクラスのみんなに紹介するWebページを作る。¡ CSSを使って装飾する。¡ public_htmlの下にinfo2というディレクトリを作り、そこに書く。¡ 可能であれば、練習問題1-1に準じて時間割を⼊れる。¡ W3CのMarkup Validation Service / CSS Validation Service を利⽤して正しいことを確認する。（共通教材練習問題に記載）
¡ アクセスするURL ¡ http://web.sfc.keio.ac.jp/~⾃分のアカウント名/info2/ ..のURLをsfc sfsに書いて提出する。動作しなければ、書きかけのファイル名や状況を書いて提出する。
¡ 提出したURLはクラス内でリンクを共有します。¡ 公開したくない情報は書かない様にしましょう。
