HTML+CSSでWebサイトをゼロから作る講座
世界で36,000人が受講したコースの日本語版
ゼロから基礎を学び、習得したスキルを実用的に活かすためのノウハウを網羅した本講座は、全米でベストセラーを記録した“Become a Web Developer From Scratch”の日本語吹き替え版で、5分~10分程度のレクチャー動画で構成されています。
このコースについて
HTML / CSS / JavaScript / MyS QL / PHP / JSON / Ajax / jQuery / HTML5 / CSS3 の全てを網羅した世界で3万人が受講!ゼロからWebプログラマーになるための全てからHTMLの部分を抜き出したお試しコースです。
本コースを学習し、HTMLとCSSの基礎を学んで、自分でWebサイトを作れるようになりましょう!
About the Instructor

プログラミングのスキルなど幅広い分野のIT技術などを、オンラインコースで紹介。講師には、海外で活躍する人気の講座の日本語版や、日本で活躍する起業家や技術専門家など、様々な部門の専門家によって構成された講座を初心者にもわかりやすく教えているのがBeSomebodyの講座の特徴です。また今後のキャリアにはプログラミング・デザイン・プレゼンテーション・Excelなどが欠かせないスキルとなります。どのコースも完全な未経験者であっても、仕事で使えるレベルのスキルを習得し、実践できる内容になっています。
BeSomebody(大物になれ)。この言葉に込めた想いは、行きたいところに、行きたい時に、行きたい人と行く。そんな自由な人生を、誰でも歩める世界を作りたいという想いです。世界のどこでも働く事ができ、体験したい人生を体験できる。その為に必要な知識を提供する事が私たちのパッションです。英国バージングループを創設したリチャード・ブロンソンは言います。「人生は、短すぎる。楽しまなくっちゃ。」この言葉に宿る思いを、あなたに伝えたいと思っているのです。
私たちBeSomebodyのビジョンは、学ぶことの楽しさと苦しさをバランスよく体験でき、学んだことが個人の人生の結果として現れる環境を作ることをミッションとしてます。BeSomebodyでは最高品質の開発環境を整えるために、独自のプログラミング教育プログラムをご用意しています。また、海外で大ヒットしているビデオの日本語版もぜひ視聴していただきたいプログラムです。世界に羽ばたくために、自分磨きをしていただくことを願っています。一緒に頑張りましょう!
Course content
1 | XHTMLとCSSってそもそもなんだろう? | Preview | 4:29 | |
2 | テキストエディターとブラウザーについて | 8:46 | ||
Section 1:HTMLの要素 | ||||
3 | ヘッダー、パラグラフ、ラインブレイクってどう使うの? | 9:57 | ||
4 | Bold(太字)、Italic(斜体)、コメントも使ってみよう。 | 7:59 | ||
5 | リストの作り方 | 11:54 | ||
6 | リンクの作成 | 5:29 | ||
7 | 複数のページを作ってみよう。 | 17:35 | ||
8 | いろんなリンクの作成方法 | 11:45 | ||
9 | ドックタイプとリストについて。 | 16:06 | ||
10 | 画像について | 8:52 | ||
11 | 表について知ろう | 9:58 | ||
Section 2:HTMLとCSS | ||||
12 | ついにCSSをやってみよう! | 16:44 | ||
13 | クラスとIDを覚えてみよう。 | 8:10 | ||
14 | Divについて学ぼう | 18:07 | ||
15 | フォントの使い方。 | 8:03 | ||
16 | 実はテキストで出来ること? | 7:49 | ||
17 | 色のつかいかた。 | 4:40 | ||
18 | リンクの状態について | 12:38 | ||
19 | 今までのページを整理してみよう。 | 10:20 | ||
20 | サイトをカッコよくするには? | 5:34 | ||
21 | チェックボックスに関して | 7:55 | ||
22 | フォームを作ってみよう。 | 9:38 | ||
23 | いろいろ応用してみよう。 | 7:38 | ||
24 | バグ、エラー、ディバッグについて | 1:32 | ||
25 | IDE、エディター、フレームワークについて | 2:23 | ||
Section 3:最終課題 - 実際のWebページの制作 | ||||
26 | CMSとは? | Preview | 4:16 | |
27 | ホスティングとテンプレートについて | 2:58 | ||
28 | 無料テンプレートでサイトを作っちゃう方法 | 5:13 | ||
29 | ウェブデザインについて | 1:41 | ||
30 | 最後:)いろんなwebサイトのご紹介。 | 4:27 | ||
Section 4:ソースコードのダウンロード | ||||
31 | Finalプロジェクトのソースコード | 1:00 |