Download as PDF, PPTX
Webページで学ぶJavaScript2013 第3回
- 1.
- 2. せんしゅうのわんこ ● for ● while ●HTML ○ いろんな要素が出てきた
- 3. きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●CSSでページをデザインする
- 4. きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●CSSでページをデザインする
- 5.
- 6.
- 7. 前回でてきた要素 ● html ● head ●title ● body ● p ● br ● img ● h1, h2, h3, h4, h5, h6 ● div ● a
- 8. あとこれくらいは 覚えておいて欲しい要素 ● リスト ○ ul,li ● テーブル ○ table, tr, th, td ● フォーム ○ form, input, textarea, select, option ● DOCTYPE宣言 ● コメント
- 9.
- 10.
- 11. テーブル tableでテーブル全体 tr（table row）で行、 th（table headercell）やtd（table data cell）で各 セルを埋める 時間割とか作ってみよう
- 12.
- 13.
- 14. フォーム 例えばログイン画面とか <form> ID: <input type='text'><br> Pass:<input type='password'><br> <input type='submit' value='ログイン'> </form>
- 15.
- 16.
- 17. DOCTYPE宣言 使用するHTMLのバージョンや文書型の宣言 歴史的経緯でつけるようになった 昔（HTML4）は <!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3. org/TR/html4/strict.dtd"> とか（XHTML） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 今（HTML5）は <!DOCTYPE html> でいい
- 18.
- 19. きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●CSSでページをデザインする
- 20.
- 21.
- 22. ローカルでHTMLを書く ● 今まではブラウザ上で書いていましたが、ローカ ル環境で書いてみましょう ● お好きなテキストエディタをご用意ください ●適当な場所に、sample.htmlというファイルを作 り、編集しましょう ○ ※末尾が.htmlならなんでもいいです
- 23. ローカルでHTMLを書く <!doctype html> <html lang="ja"> <head> <metacharset="UTF-8"> <title>こんにちはこんにちは！</title> </head> <body> <p>もふもふ</p> </body> </html>
- 24.
- 25. ローカルでHTMLを書く ● KMCサーバーにこのファイルをアップロードす れば、みんなアクセスできます ● さっきアップローダー作りました ●https://www.kmc.gr.jp/~tyage/uploader/ ● 作ったページをアップロードしよう〜〜 ● （複数ファイルアップロード可）
- 26. きょうのわんこ ● もっとHTML ● ローカルでHTMLを書こう ●CSSでページをデザインする
- 27. CSS ● HTMLだけだと素っ気ないままだと思います ● そこで、Webページのデザイン部分を担当する 「CSS」の出番です ●いろんなページのCSSを見ていこう〜〜〜
- 28.
- 29.