Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML 1時間目
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
4each
November 25, 2017
Programming
0
71
HTML 1時間目
HTML 1時間目 webサイトの基本
4each
November 25, 2017
Tweet
Share
Other Decks in Programming
See All in Programming
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
620
CSC307 Lecture 03
javiergs
PRO
1
490
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
CSC307 Lecture 04
javiergs
PRO
0
660
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
minodriven
22
7.4k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
480
CSC307 Lecture 10
javiergs
PRO
1
670
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
390
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
200
AI時代の認知負荷との向き合い方
optfit
0
170
Featured
See All Featured
Between Models and Reality
mayunak
1
200
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.6k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
71
Tell your own story through comics
letsgokoyo
1
810
Code Review Best Practice
trishagee
74
20k
Paper Plane
katiecoart
PRO
0
46k
Building Applications with DynamoDB
mza
96
6.9k
From π to Pie charts
rasagy
0
130
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
150
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Transcript
時間目 HTML 1 Webサイトの基本
URL(ユー・アール・エル) で ホームページの アドレスを指定する 指定したホームページが 表示される ブラウザは、ホームページを見るためのツール 1 2
参考 Windowsの標準ブラウザ― Microsoft Edge(マイクロソフト エッジ) Macの標準ブラウザ― Safari(サファリ) その他の有名なブラウザー GoogleChrome(グーグルクローム) FireFox(ファイアフォックス)
Internet Explorer(インターネットエクスプローラー) 代表的なブラウザ Opera(オペラ)
abc.com/ 参考 好きなドメインを使いたい場合、ドメイン取得業者を通じて申請し、年間数千円程度の利用料金を支払います。 取得したドメインは、URLにも、メールアドレスにも使用できます。 補足 URLに含まれる「ドメイン」とは? インターネット上の住所 http://www.
[email protected]
組織名(
or サービス名) + .jp/.com / .co.jp 等
文章、色、リンクなどは、 HTMLで指定されている ホームページは、HTMLで作られている 解説 華やかなホームページも、実はHTML(エイチ・ティー・エム・エル)でテキストベースで作られています。 ブラウザがHTMLを解釈し、指定された通りに表示してくれます。
参考 のぞいてみよう ホームページ閲覧中に 右クリックすると そのホームページの HTMLファイルを見れる。
インターネット上のサーバー つくる人 みる人 ホームページが表示される仕組み 作成 ブラウザでアクセス アップ ロード ブラウザが整形して表示 作る人
1 2 3 4
HTMLを書くためのツール メモ帳 DreamWeaver ホームページ ビルダー Atom Sublime Text Brackets ・・・などなど
本講座では Brackets(ブラケッツ) を利用 ココにHTMLを書いていきます。
解説 ファイル名がページのURLになります。 以下のルールにのっとり、1ページにつき、1ファイルで保存してください。 トップページ以外の◦◦◦部分は何でもOK 最後は、◦◦◦.html か ◦◦◦.htm トップページの名前は、index.html HTMLファイルを保存するときのルール 1
2 3
・ 1ページ1ファイルで保存 ・ ◦◦◦.htmlの形式 トップページはindex.html 保存の例
参考 ① FFFTPをクリック ② 自分のサーバーを選択して接続をクリック ③ ボタンや、ドラック&ドロップでアップロード。 アップロードには、FTPツールを利用する サーバー 自パソコン
操作例 Filezilla FFFTP 代表的なツール