Submit Search
Upload
スライド
•
Download as PPTX, PDF
•
0 likes
•
452 views
優
優一郎 板谷
Follow
HTML
Read less
Read more
Food
Report
Share
Report
Share
1 of 16
Download now
Recommended
スライド2
スライド2
優一郎 板谷
スライド3
スライド3
優一郎 板谷
スライド4
スライド4
優一郎 板谷
スライド5
スライド5
優一郎 板谷
HTML基礎
HTML基礎
優一郎 板谷
スライド
スライド
優一郎 板谷
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
WordCamp Nagoya 2010 初心者向けLT PHPが分からなくてもテーマいじりは怖くないっ!!初心者向けフリーテーマ"Mypace Cust...
WordCamp Nagoya 2010 初心者向けLT PHPが分からなくてもテーマいじりは怖くないっ!!初心者向けフリーテーマ"Mypace Cust...
Kei Nomura
Recommended
スライド2
スライド2
優一郎 板谷
スライド3
スライド3
優一郎 板谷
スライド4
スライド4
優一郎 板谷
スライド5
スライド5
優一郎 板谷
HTML基礎
HTML基礎
優一郎 板谷
スライド
スライド
優一郎 板谷
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
WordCamp Nagoya 2010 初心者向けLT PHPが分からなくてもテーマいじりは怖くないっ!!初心者向けフリーテーマ"Mypace Cust...
WordCamp Nagoya 2010 初心者向けLT PHPが分からなくてもテーマいじりは怖くないっ!!初心者向けフリーテーマ"Mypace Cust...
Kei Nomura
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Tomoki YAMASHITA
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
OrenoHP
OrenoHP
Yuko Taniguchi
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Takashi Uemura
Emacsを使ってrubyのwebアプリを作って見た!!
Emacsを使ってrubyのwebアプリを作って見た!!
Ueki Kouji
Llvm Talk 社内LT大会資料
Llvm Talk 社内LT大会資料
Ken'ichi Sakiyama
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
Exercise Backlog 1
Exercise Backlog 1
Shin Semiya
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
Substance勉強会 第3回 資料
Substance勉強会 第3回 資料
Satoshi Kodaira
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
mruby/cで始めるM5Stack &mrubyスクリプト開発
mruby/cで始めるM5Stack &mrubyスクリプト開発
kishima7
名古屋生まれのPHP逆引きレシピ
名古屋生まれのPHP逆引きレシピ
Hitoshi Asano
小,中規模WEBサイト 制作でAWSを使う
小,中規模WEBサイト 制作でAWSを使う
Nobuhiko Futagami
Yeomanについて
Yeomanについて
jsugiyama
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
Baltazar De la Torre Méndez
How to Edit Facebook Privacy Settings
How to Edit Facebook Privacy Settings
Janice Clark
Jose Rodriguez
Jose Rodriguez
Jose Manuel Rodriguez
Digital Numbers And Landscape In Indonesia 2016 - updated
Digital Numbers And Landscape In Indonesia 2016 - updated
Seno Pramuadji
Experiencia significaiva presentacion
Experiencia significaiva presentacion
empleado publico
Dharma Dr Shriniwas Kashalikar
Dharma Dr Shriniwas Kashalikar
sakurikar
Noticias Comercio Exterior
Noticias Comercio Exterior
juliocgomezr
More Related Content
What's hot
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Tomoki YAMASHITA
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
OrenoHP
OrenoHP
Yuko Taniguchi
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Takashi Uemura
Emacsを使ってrubyのwebアプリを作って見た!!
Emacsを使ってrubyのwebアプリを作って見た!!
Ueki Kouji
Llvm Talk 社内LT大会資料
Llvm Talk 社内LT大会資料
Ken'ichi Sakiyama
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
京大 マイコンクラブ
Exercise Backlog 1
Exercise Backlog 1
Shin Semiya
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
Substance勉強会 第3回 資料
Substance勉強会 第3回 資料
Satoshi Kodaira
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
mruby/cで始めるM5Stack &mrubyスクリプト開発
mruby/cで始めるM5Stack &mrubyスクリプト開発
kishima7
名古屋生まれのPHP逆引きレシピ
名古屋生まれのPHP逆引きレシピ
Hitoshi Asano
小,中規模WEBサイト 制作でAWSを使う
小,中規模WEBサイト 制作でAWSを使う
Nobuhiko Futagami
Yeomanについて
Yeomanについて
jsugiyama
What's hot
(15)
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Webサーバ、HTML
Webサーバ、HTML
OrenoHP
OrenoHP
WordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Emacsを使ってrubyのwebアプリを作って見た!!
Emacsを使ってrubyのwebアプリを作って見た!!
Llvm Talk 社内LT大会資料
Llvm Talk 社内LT大会資料
Webページで学ぶJavaScript2013 第4回
Webページで学ぶJavaScript2013 第4回
Exercise Backlog 1
Exercise Backlog 1
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Substance勉強会 第3回 資料
Substance勉強会 第3回 資料
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
mruby/cで始めるM5Stack &mrubyスクリプト開発
mruby/cで始めるM5Stack &mrubyスクリプト開発
名古屋生まれのPHP逆引きレシピ
名古屋生まれのPHP逆引きレシピ
小,中規模WEBサイト 制作でAWSを使う
小,中規模WEBサイト 制作でAWSを使う
Yeomanについて
Yeomanについて
Viewers also liked
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
Baltazar De la Torre Méndez
How to Edit Facebook Privacy Settings
How to Edit Facebook Privacy Settings
Janice Clark
Jose Rodriguez
Jose Rodriguez
Jose Manuel Rodriguez
Digital Numbers And Landscape In Indonesia 2016 - updated
Digital Numbers And Landscape In Indonesia 2016 - updated
Seno Pramuadji
Experiencia significaiva presentacion
Experiencia significaiva presentacion
empleado publico
Dharma Dr Shriniwas Kashalikar
Dharma Dr Shriniwas Kashalikar
sakurikar
Noticias Comercio Exterior
Noticias Comercio Exterior
juliocgomezr
CSO_Brochure1
CSO_Brochure1
guest8081184
Second Applause Award
Second Applause Award
Prashanthi Chennupati PMP, SSBB
Gastrocon 2016 - Dr Pankaj Dhawan on Surveillance in GI Diseases
Gastrocon 2016 - Dr Pankaj Dhawan on Surveillance in GI Diseases
ApolloGleaneagls
Samsung VS Apple
Samsung VS Apple
roxas9843
LearnEx for Students
LearnEx for Students
Team Phoenix
初心者のためのWeb標準技術
初心者のためのWeb標準技術
Shogo Sensui
Admaker finale-final
Admaker finale-final
Abreshmee Haque
Stair case wiring and tubelight wiring
Stair case wiring and tubelight wiring
Harsh Parmar
Hr jargons
Hr jargons
Vishnu Priya (CHRMP)
Viewers also liked
(16)
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
L4_De la Torre_Mendez_Baltazar_Resume_221116-English
How to Edit Facebook Privacy Settings
How to Edit Facebook Privacy Settings
Jose Rodriguez
Jose Rodriguez
Digital Numbers And Landscape In Indonesia 2016 - updated
Digital Numbers And Landscape In Indonesia 2016 - updated
Experiencia significaiva presentacion
Experiencia significaiva presentacion
Dharma Dr Shriniwas Kashalikar
Dharma Dr Shriniwas Kashalikar
Noticias Comercio Exterior
Noticias Comercio Exterior
CSO_Brochure1
CSO_Brochure1
Second Applause Award
Second Applause Award
Gastrocon 2016 - Dr Pankaj Dhawan on Surveillance in GI Diseases
Gastrocon 2016 - Dr Pankaj Dhawan on Surveillance in GI Diseases
Samsung VS Apple
Samsung VS Apple
LearnEx for Students
LearnEx for Students
初心者のためのWeb標準技術
初心者のためのWeb標準技術
Admaker finale-final
Admaker finale-final
Stair case wiring and tubelight wiring
Stair case wiring and tubelight wiring
Hr jargons
Hr jargons
スライド
1.
【一日でできる】初心者 のホームページ制作 ~HTML(基礎)編~
2.
シロ先生 よーし! 今回はホームページ作成に必要な基礎知識 を身に着けてもらう。 ブラック君 よろしくお願いします。 初心者ですけど、それなりにかっこいい ホームページを作りたいと思っています!!
3.
シロ先生 初めに、実際のホームページがどのように 書かれているのかを見てみよう。 じゃあ、自分の好きなサイトを開いてみて ブラック君 どんなサイトでもいいんですか? じゃあ私は以下のサイトにします。 http://itayasite.sitemix.jp/
4.
シロ先生 そのページのソースコードを見てみよう。 「F12キー or 右クリック→ページのソースを見る」 ブラック君 無事開けました!!が・・・ なんか暗号みたい・・・ これを書かなきゃいけないのですか??
5.
シロ先生 「<>」←こんな感じの記号に囲まれているのが 解かるかな?
6.
シロ先生 「<>」←これはタグと呼ばれるもので、 このタグを用いてホームページを書いていく。
7.
シロ先生 百聞は一見に如かず いろいろ話すよりも、試しにやってみて 自分なりに理解した方が早いな。 ブラック君 もう作り始めるのですか?? なんか難しいツールとかを インストールしなきゃいけないのでは??
8.
シロ先生 いや、ホームページは誰もが知っていて 持っているツールで作成できる。 必要なのは「メモ帳」「ブラウザ」だ。 ブラック君 メモ帳とブラウザですか。 ブラウザって「Google Chrome」とか 「Internet Explorer」ですよね??
9.
シロ先生 そうだ。 ほかにも、「Fire fox」や「safari」などもある。 普段調べ物をするときに使うものだ。 ブラック君 この二つだけでいいんですか!! だったらできる気がしてきました。 この後はどうすればいいんですか?
10.
シロ先生 さっそくメモ帳を起動してくれ そして、何も書かずに「名前を付けて保存」 を押してくれ。まだ保存するなよ! ブラック君 メモ帳を起動して・・・ 「ファイル」→「名前を付けて保存」っと。 ファイル名はどうするんですか?
11.
シロ先生 そうせかすな。 名前の前に、拡張子「.txt」を変更するぞ。 「.txt」を「.html」と書き換えて。 ブラック君 書き換え終わりました!! 【ちょっとかっこいい】メモ帳の起動方法 「windows+R」→「notepad」で起動できるよ。
12.
シロ先生 そして、拡張子の前に自分の 好きな名前を入れて保存だ! 名前は半角英数字で入力するように。 ブラック君 じゃあ、black.html という名前で保存します。
13.
シロ先生 そして、拡張子の前に自分の 好きな名前を入れて保存だ! 名前は半角英数字で入力するように。 ブラック君 じゃあ、black.html という名前で保存します。
14.
シロ先生 これで下準備は完了だ。 早速書いていくぞ。試しに <title>homepage</title>と入力して保存。 ブラック君 <title>homepage</title>っと。 「ファイル」→「上書き保存」 もしくは「Control+s」で保存完了。
15.
シロ先生 ではブラウザで見てみよう! ブラウザを起動して、そこにドラックしてみて。 タイトルバーが「homepage」になっただろう。 ブラック君 ほんとだ!! homepageをblackにしたら「black」になった。 意外と簡単かも。
16.
シロ先生 HTMLとはこんな感じで、タグで囲んで書く。 タグの種類はいろいろあって・・・・。 この先は次回のHTML(実践編)で会おう! ブラック君 これは基礎の基礎か。 これからいよいよ本格的なホームページ になるから頑張ろう!!
Download now