.インストールをやってみよう

.インストールをやっていこうohotech #13

112年4月12日木曜日

用意するもの

• パソコン

• ブラウザ

• テキストエディタ


パソコン

• OS・スペック問わず

• キーボードがキチンと押せるPC

• インターネットの見れる環境


ブラウザ

• 推奨はChrome

• 別のブラウザを使う場合、デザインの差異が出ても泣かない


エディタ

• 最低限文字コードが編集出来るもの

• Linux(Ubuntu): gedit 等

• Windows: TeraPad Notepad++ 秀丸等

• Mac: mi CotEditor Radcar


エディタ

•困ったらVim で！Ubuntu/Windows/Mac にて対応！！

Vimのレッス

ンもあるよ！！

emacs？小指が死にますよ？

はっきり言います、ステマです


レッスンを見ましょう！


HTMLとは

• Hyper Text Markup Language


とにかく、書こう<!DOCTYPE html><html lang=”ja”><head> <meta charset=”UTF-8”> <title>はじめてのHTML</title></head><body> <p>こんにちは！</p></body></html>


とにかく、書こう<!DOCTYPE html><html lang=”ja” ><head> <meta charset=”UTF-8”> <title>はじめてのHTML</title></head><body> <p>こんにちは！</p></body></html>


<!DOCTYPE html>

• HTML5のお約束

• HTML4.x、XHTML1.xで書きたい場合、適宜調べて書きましょう


<html>～</html>

• HTML文書の定義

• <html>タグの中に<head>タグと<body>タグがある


<head>～</head>• HTML文書の付加情報

• 主に

• 文字コード

• 外部データの使用

• 検索エンジンのための用語


とにかく、書こう<!DOCTYPE html><html lang=”ja” ><head> <meta charset=”UTF-8”> <title>はじめてのHTML</title></head><body> <p>こんにちは！</p></body></html>


<body>～</body>

• HTML文書の本文

• 文書の構造を書く部分


<head>～</head><head> <meta charset=”UTF-8”> <meta name=”description” content=””> <meta name=”keywords” content=””> <title>はじめてのHTML</title> <link rel=”stylesheet” href=””> <link rel=”shortcut icon” href=””> <script src=””></script></head>


質問タイム• こちら側から聞きたいこと

• この形式でよい？

• 動画流さず内容だけ？

• 説明いる？

• 次回もHTML講座？別の？

• そもそも無くても良い？


.インストールをやってみよう

Technology

Transcript of .インストールをやってみよう