Enviar búsqueda
Cargar
HTML で自己紹介ページをつくる
•
Descargar como PPTX, PDF
•
1 recomendación
•
5,734 vistas
Shuhei Iitsuka
Seguir
東京大学工学系研究科技術経営戦略学専攻 ウェブ工学とビジネスモデル第 2 回講義資料
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 20
Descargar ahora
Recomendados
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
GDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
Recomendados
WordPressテーマ Foundation for WordPress の紹介
WordPressテーマ Foundation for WordPress の紹介
Takashi Uemura
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
Yoshie Nakayama
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
4時間まったりWordPressテーマ作成講座
4時間まったりWordPressテーマ作成講座
Shinichi Nishikawa
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
Takahiro Nakahata
WordPress中級者への道!テンプレートタグはどう動くのか!?
WordPress中級者への道!テンプレートタグはどう動くのか!?
Shinichi Nishikawa
GDG Women DevfestW
GDG Women DevfestW
Tomoko Sato
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
Wp html5
Wp html5
regret raym
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
Toru Miki
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
Html講習会資料
Html講習会資料
竹島 泉
第3期キックオフ説明会+勉強会
第3期キックオフ説明会+勉強会
Shuhei Iitsuka
かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
Shuhei Iitsuka
HTML初心者向け勉強会
HTML初心者向け勉強会
SakiKomuro
MT LT 20100205
MT LT 20100205
Taku AMANO
タグ管理のススメ
タグ管理のススメ
Makoto Shimizu
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
Shuhei Iitsuka
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
George Harada
Web Site Optimization for Beginners
Web Site Optimization for Beginners
masaaki komori
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
Getting Started Algolia with InstantSearch.js
Getting Started Algolia with InstantSearch.js
Eiji Shinohara
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
Hirofumi Ota
Más contenido relacionado
La actualidad más candente
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
Wp html5
Wp html5
regret raym
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
Takashi Uemura
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
Muyuu Fujita
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
Toru Miki
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
WordPressプラグイン作成入門
WordPressプラグイン作成入門
Yuji Nojima
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
Akinori Kawamitsu
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
Html講習会資料
Html講習会資料
竹島 泉
La actualidad más candente
(11)
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Wp html5
Wp html5
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
Html5でword pressテーマを作るよ!
Html5でword pressテーマを作るよ!
WordPress 3.4 〜新機能や変更点〜
WordPress 3.4 〜新機能や変更点〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
WordPressプラグイン作成入門
WordPressプラグイン作成入門
WordPress基礎講座5 テーマ作成基礎知識
WordPress基礎講座5 テーマ作成基礎知識
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Html講習会資料
Html講習会資料
Similar a HTML で自己紹介ページをつくる
第3期キックオフ説明会+勉強会
第3期キックオフ説明会+勉強会
Shuhei Iitsuka
かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
Shuhei Iitsuka
HTML初心者向け勉強会
HTML初心者向け勉強会
SakiKomuro
MT LT 20100205
MT LT 20100205
Taku AMANO
タグ管理のススメ
タグ管理のススメ
Makoto Shimizu
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
Shuhei Iitsuka
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
George Harada
Web Site Optimization for Beginners
Web Site Optimization for Beginners
masaaki komori
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
Getting Started Algolia with InstantSearch.js
Getting Started Algolia with InstantSearch.js
Eiji Shinohara
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
Hirofumi Ota
WEB開発はじめの一歩 講師:村井亮介様
WEB開発はじめの一歩 講師:村井亮介様
株式会社GreenHack
ウェブから情報をあつめる
ウェブから情報をあつめる
Shuhei Iitsuka
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
Yapc::Asia 2011 rejectConf Slide
Yapc::Asia 2011 rejectConf Slide
Seiji Ohira
Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15
Hideki Hashizume
Struts2を始めよう!
Struts2を始めよう!
Shinpei Ohtani
WebComponentsとPolymer
WebComponentsとPolymer
Takahiro Maki
Webサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
Atsushi Tadokoro
Similar a HTML で自己紹介ページをつくる
(20)
第3期キックオフ説明会+勉強会
第3期キックオフ説明会+勉強会
かんたん Twitter アプリをつくろう
かんたん Twitter アプリをつくろう
HTML初心者向け勉強会
HTML初心者向け勉強会
MT LT 20100205
MT LT 20100205
タグ管理のススメ
タグ管理のススメ
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
HTML5など社内勉強会 Vol.1 - HTML, CSS, HTML5
Web Site Optimization for Beginners
Web Site Optimization for Beginners
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Getting Started Algolia with InstantSearch.js
Getting Started Algolia with InstantSearch.js
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
WEB開発はじめの一歩 講師:村井亮介様
WEB開発はじめの一歩 講師:村井亮介様
ウェブから情報をあつめる
ウェブから情報をあつめる
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Yapc::Asia 2011 rejectConf Slide
Yapc::Asia 2011 rejectConf Slide
Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15
Struts2を始めよう!
Struts2を始めよう!
WebComponentsとPolymer
WebComponentsとPolymer
Webサーバ、HTML
Webサーバ、HTML
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
芸術情報演習デザイン(Web) 第8回: CSSフレームワークを使う
Más de Shuhei Iitsuka
Online and offline handwritten chinese character recognition a comprehensive...
Online and offline handwritten chinese character recognition a comprehensive...
Shuhei Iitsuka
Inferring win–lose product network from user behavior
Inferring win–lose product network from user behavior
Shuhei Iitsuka
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
Shuhei Iitsuka
Procedural modeling using autoencoder networks
Procedural modeling using autoencoder networks
Shuhei Iitsuka
Generating sentences from a continuous space
Generating sentences from a continuous space
Shuhei Iitsuka
ウェブサイト最適化のためのバリエーション自動生成システム
ウェブサイト最適化のためのバリエーション自動生成システム
Shuhei Iitsuka
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Shuhei Iitsuka
Machine learning meets web development
Machine learning meets web development
Shuhei Iitsuka
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
Shuhei Iitsuka
リミックスからはじめる DTM 入門
リミックスからはじめる DTM 入門
Shuhei Iitsuka
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
Shuhei Iitsuka
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Shuhei Iitsuka
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
Shuhei Iitsuka
UT Startup Gym で人生が変わった話
UT Startup Gym で人生が変わった話
Shuhei Iitsuka
ウェブサイトで収益を得る
ウェブサイトで収益を得る
Shuhei Iitsuka
データベースを使おう
データベースを使おう
Shuhei Iitsuka
ウェブサービスの企画とデザイン
ウェブサービスの企画とデザイン
Shuhei Iitsuka
データベースを使おう
データベースを使おう
Shuhei Iitsuka
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ
Shuhei Iitsuka
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2
Shuhei Iitsuka
Más de Shuhei Iitsuka
(20)
Online and offline handwritten chinese character recognition a comprehensive...
Online and offline handwritten chinese character recognition a comprehensive...
Inferring win–lose product network from user behavior
Inferring win–lose product network from user behavior
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
バリエーションの提示がもたらす長期的効果に着目したウェブサイト最適化手法 @第31回人工知能学会全国大会
Procedural modeling using autoencoder networks
Procedural modeling using autoencoder networks
Generating sentences from a continuous space
Generating sentences from a continuous space
ウェブサイト最適化のためのバリエーション自動生成システム
ウェブサイト最適化のためのバリエーション自動生成システム
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-E...
Machine learning meets web development
Machine learning meets web development
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
リミックスからはじめる DTM 入門
リミックスからはじめる DTM 入門
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
【DBDA 勉強会 2013 夏】Chapter 12: Bayesian Approaches to Testing a Point (‘‘Null’’...
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
Asia Trend Map: Forecasting “Cool Japan” Content Popularity on Web Data
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
【DBDA 勉強会 2013 夏】Doing Bayesian Data Analysis Chapter 4: Bayes’ Rule
UT Startup Gym で人生が変わった話
UT Startup Gym で人生が変わった話
ウェブサイトで収益を得る
ウェブサイトで収益を得る
データベースを使おう
データベースを使おう
ウェブサービスの企画とデザイン
ウェブサービスの企画とデザイン
データベースを使おう
データベースを使おう
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ
ペルソナシナリオとプロトタイプ2
ペルソナシナリオとプロトタイプ2
Último
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Último
(10)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
HTML で自己紹介ページをつくる
1.
HTML で自己紹介
をつくる 2013/4/17 1 UT Startup Gym
2.
飯塚修平
東京大学工学系研究科 技術経営戦略学専攻 (TMI)修士2年 オーマ株式会社 あのひと検索スパイシー PM 2012 年 Google ウェブマスターインターン 2013/4/17 2 UT Startup Gym
3.
ウェブアプリの仕組み
HTTP PHP など で記述 URI (リクエスト) データベース HTML (レスポンス) ブラウザ ウェブサーバ API 外部サービス 2013/4/17 3 UT Startup Gym
4.
今日学ぶこと • HTML • CSS •
javascript 2013/4/17 4 UT Startup Gym
5.
HTML とは 2013/4/17
5 UT Startup Gym
6.
HTML とは
みてるもの HTML ブラウザ 2013/4/17 6 UT Startup Gym
7.
CSS とは • ウェブサイトの見た目を記述する
– 色を変えたい – 囲み線を加えたい – 配置を変えたい – 角を丸くしたい – 影を加えたい – グラデーションをかけたい 2013/4/17 7 UT Startup Gym
8.
javascript とは • HTML
に動的な要素を加える。 – クリックしたら〇〇 – 一定時間経過したら〇〇 • アニメーション 2013/4/17 8 UT Startup Gym
9.
javascript とは
onclick=“hoge()” 2013/4/17 9 UT Startup Gym
10.
API とは • 外部サービスのデータや機能を使うことができ
る。 • ex. http://graph.facebook.com/あなたの ID/picture?type=large • ex. https://api.twitter.com/1/statuses/user_timeline.json ?screen_name=あなたのTwitter ID 2013/4/17 10 UT Startup Gym
11.
HTML の文法 <!DOCTYPE html> <html>
<head> <meta charset=“utf=8”> head: タイトルやエンコードなど <title> My Web App </title> メタな情報を記述する </head> <body> body: This is content. ブラウザに描写される 内容を記述する </body> </html> 2013/4/17 11 UT Startup Gym
12.
HTML の文法 • タグ
– <p> や </p> のように < と > で囲まれた部分のこと – <p> のように / がつかないタグは「開きタグ」 – </p> のように / がつくタグは「閉じタグ」 • 要素 – 開きタグ〜閉じタグまで含んで要素という • 内容 – タグの間に挟まれた部分を内容という 2013/4/17 12 UT Startup Gym
13.
さまざまなタグ •
h1, h2 ... (heading) タイトル、見出し • img src (image source is...) 画像 • a href (anchor, hypertext reference) リンク • ul (unordered list) 箇条書き • li (list item) 箇条書きの項目 2013/4/17 13 UT Startup Gym
14.
ワーク1 • 以上のすべてのタグを使って自己紹介のページ
を作ってください。 2013/4/17 14 UT Startup Gym
15.
書いてみよう! • テキストエディタを使って書きます。
– Word は、文章作成ソフトです。 • Windows – (メモ帳) – サクラエディタ – TeraPad • Mac – (テキストエディタ) – mi • CUI(ターミナル): これは慣れが必要 – emacs – vim • エディタ力が上がると、一打鍵の攻撃力が上がります 2013/4/17 15 UT Startup Gym
16.
CSSの文法 • style 要素の内容に書く
<style> selecter { property: value; property: value; } </style> • HTML 開きタグの中に書く <div style=“property:value”></div> 2013/4/17 16 UT Startup Gym
17.
ワーク2 • 自己紹介ページをデザインしてください。
– 「これできないかな?」と思ったらググる – だいたいできるはず 2013/4/17 17 UT Startup Gym
18.
javascript の文法 • script
要素の内容に書く <script> var hoge = “piyo”; alert (hoge); </script> • HTML 開きタグの中に書く <div onclick=“alert(‘hoge’);”></div> 2013/4/17 18 UT Startup Gym
19.
ワーク3 • 自己紹介ページのどこかをクリックしたらポッ
プアップが出るようにしてください。 – onclick 2013/4/17 19 UT Startup Gym
20.
• なんか文字化けする –
作成したHTMLファイルを保存する時の文字コードを UTF-8に指定しましょう • ブラウザで開いてもHTMLタグが表示される – エディタを確かめてください – Wordやワードパッド、 Macのテキストエディットは 書式情報を保存してくれちゃう、プレーンテキスト 用エディタじゃないです • Windowsならとりあえずメモ帳 • MacならmiとかDLしてみましょう
Descargar ahora