ぱいじょ!ゲームイベント一覧paizaのサービス一覧paiza転職(中途転職者向け)paiza新卒(学生向け)EN:TRY(未経験向け)paizaラーニング(プログラミング学習)paizaラーニングトップ「HTML」が学べる動画一覧javascriptを有効にして下さい。「HTML」が学べる動画一覧paizaラーニングの学び方ウェブページの作成に必須の言語であるHTMLについて学べるチャプターです。PHPPHPはHTMLのなかに埋め込む事も出来ます。HTMLと共存させて文字を太文字にしてみましょう!このチャプターを受講する05:繰り返しでHTMLを作成する(4:23)Rubyここでは、ループ処理の具体例として、HTMLのプルダウンリストを作成します。会員登録の入力フォームで、年齢を1歳から100歳まで選択できるようにしましょう。RubyRubyでHTMLを出力する方法を学びます。PythonPythonでHTMLを出力する方法を学びます。JavaJavaでHTMLを出力する方法を学びます。Webアプリ開発LAMP環境上に設置したWeb掲示板をカスタマイズしていきます。Webアプリ開発LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。Webアプリ開発Web掲示板を、さらにカスタマイズしていきます。Webアプリ開発LAMP環境上に設置したWeb掲示板を、さらにカスタマイズしていきます。C言語C言語でHTMLを出力する方法を学びます。プログラムからHTMLを出力すると、利用者の状況に応じて、Webページの内容を変化させることができます。これが、Webサービスを作る第1歩になります。HTML/CSS/Bootstrapこのレッスンでは、Webページの基礎となる、HTMLとCSSについて学んでいきます。ここでは、このレッスンの目的や対象者・進め方を確認します。Webページを作成するために必要となる、HTMLとCSS、Bootstrapの概略を説明します。HTML/CSS/Bootstrapここでは、htmlの初歩的な機能を使って、簡単なWebページを作ります。htmlの基本的な書き方を学んでいきます。HTML/CSS/Bootstrapここでは、簡単なWebページに文字を表示してみたいと思います。先ほどは、見出しだけを表示したので、そこに文章を追加してみましょう。htmlで文字を扱う方法や間違いやすいポイントを学んでいきます。HTML/CSS/Bootstrapここでは、もう少ししっかりとしたWebページを作ります。先ほど作成したWebページは、HTMLの基本を説明するために、本来必要なタグをかなり省略していました。今回は、Webページを作るために、HTML5という最新の規格とBootstrapというHTMLフレームワークを使います。HTML/CSS/Bootstrapこのレッスンでは、HTMLの見た目を定義するCSSについて、学習します。HTMLフレームワークのBootstrapを使って、スマホやタブレットでもカッコよくWebページを表示できる、レスポンシブデザインとグリッドについても解説します。HTML/CSS/Bootstrapここでは、Webページの色を変えてみます。そのために、CSSの色指定について学習します。このチャプターを受講する03:CSSのフォント指定を理解しよう(4:23)HTML/CSS/Bootstrapここでは、Webページのテキストのサイズや種類をCSSで設定する方法について学習します。このチャプターを受講する04:CSSのレイアウト指定を理解しよう(5:00)HTML/CSS/BootstrapここではCSSを使ったパーツのレイアウトに挑戦します。そのために、CSSを使った余白や間隔の指定方法について学習しましょう。このチャプターを受講する05:レスポンシブデザインにしよう(4:28)HTML/CSS/Bootstrapここでは、Bootstrapのコンテナという機能を使って、Webページのデザインを整えていきます。PCでもスマートフォンでも、レイアウトが崩れにくいレスポンシブデザインを実現します。このチャプターを受講する06:Bootstrapのグリッドシステムを理解しよう(6:19)HTML/CSS/BootstrapWebページで柔軟なレイアウトを可能にする、Bootstrapのグリッドシステムを取り上げます。グリッドは、最近のWebページで主流になっている定番のデザインで、Bootstrapで簡単に実現できます。HTML/CSS/Bootstrapここでは、Webページに画像とリンクを追加します。Bootstrapを使うことで、リンクや画像を便利に表示することができます。HTML/CSS/Bootstrapここでは、Webページに箇条書きのリストを追加します。Bootstrapで箇条書きを使ってナビゲーションバーを作ります。このナビゲーションバーを使って、同じページ内でジャンプする方法も紹介します。このチャプターを受講する03:テーブルを表示しよう(5:48)HTML/CSS/Bootstrapここでは、Webページに表を追加します。Bootstrapを使うと、見栄えの良い表を簡単に作ることができます。このチャプターを受講する04:基本的なフォームを作ろう(4:59)HTML/CSS/Bootstrapここでは、会員登録や問い合わせなどに利用できるフォームを作ってみます。フォームを使えば、情報を見せるだけでなく、相手から連絡してもらうことができます。このチャプターを受講する05:フォームにパーツを追加しよう(4:09)HTML/CSS/Bootstrapここでは、複数行のテキストエリアとプルダウンリストといった、いくつかのパーツをフォームに追加してみます。このようなパーツも、Bootstrapを使うことで、カッコいいデザインを簡単に設定できます。このチャプターを受講する06:グリッドでフォームを作ろう(5:06)HTML/CSS/BootstrapBootstrapのグリッドシステムを使って、フォームのレイアウトを整えてみましょう。JavaScriptここでは、JavaScriptを使って、HTMLを出力するプログラムを作ります。プログラムからHTMLを出力すると、利用者の状況に応じて、Webページの内容を変化させることができます。これが、Webサービスを作る第1歩になります。Webアプリ開発PHPとデータベースのMySQLを使って掲示板サイトを作成します。環境構築をすることなく、ウェブブラウザだけで、すぐに学習を開始することができます。Webアプリ開発ここでは、掲示板の土台となるWebページをHTMLで作ります。それから、paizaラーニングで、Webページを作成する練習もしてみましょう。Webアプリ開発ここでは、1行掲示板のデータベースを準備してみたいと思います。そのために、MySQLの管理ツールであるphpMyAdmin(ピーエイチピーマイアドミン)の操作について紹介します。Webアプリ開発ここでは、PHPで、データベースのデータを取得します。そのために、PHPでデータベースに接続する方法を学習しましょう。Webアプリ開発ここでは、掲示板の投稿フォームを作ります。そのために、フォームの仕組みと作り方を学習しましょう。今回は、メッセージをサーバーで受信するところまでやってみます。Webアプリ開発ここでは、投稿フォームから受信したデータをデータベースに書き込んでみます。そのために、データベースにデータを書き込む方法を学習しましょう。Webアプリ開発ここまで作ってきた機能をひとつにまとめて、いったん掲示板を完成させます。Webアプリケーションとして形になると、それなりの手ごたえがあるでしょう。Webアプリ開発ここからは応用編として、1行掲示板に機能を追加したり、見た目を整えたりと、さらにパワーアップさせてみます。このチャプターでは、投稿の削除機能を追加しましょう。Webアプリ開発ここでは、1行掲示板に投稿者の名前を追加します。そのために、投稿フォームと発言リストに名前の欄が必要になります。投稿された名前の情報を挿入するために、データベースも修正しましょう。Webアプリ開発ここでは、掲示板の見た目を整えます。そのために、HTMLフレームワークのBootstrapを使って、投稿フォームとテーブルのデザインを変更してみましょう。C#C#でHTMLを出力する方法を学びます。キャリアここでは、エンジニアがスキルをアピールするときに役立つポートフォリオページの作り方を説明します。HTMLとBootstrapを使って、具体的な作例を作りましょう。全体の構成とベースになるHTMLについて取り上げます。キャリアここでは、ポートフォリオページで作品例を紹介するコーナーを作ります。Bootstrapのグリッドの使い方をおさらいしましょう。キャリアここでは、ポートフォリオページにアピールポイントを紹介するコーナーを追加します。Bootstrapで3つのアピールポイントをレイアウトしてみましょう。キャリアここでは、ポートフォリオページで一番目立つページのトップを作りたいと思います。Bootstrapでこのようなレイアウトを実現するジャンボトロンを使ってみましょう。Rubyここでは、Railsコマンドで自動生成したWebページを修正します。Railsで作成した掲示板に投稿者名を保存する機能をを追加してみたいと思います。C#ここでは、ループ処理で配列を扱ってみたいと思います。そのために、C#(シーシャープ)のfor(フォー)文と配列を組み合わせて、HTMLのプルダウンリストを作成します。メソッドをどのように記述するか学習します。ビューに表示させてみましょう。Web技術ハイパーテキストというHTMLの基本アイデアを理解しましょう。Web技術HTMLを構成するパーツについて、さらに理解を深めます。プログラムでHTMLを処理するには、HTMLのパーツと構造をきちんと把握しておく必要があります。パーツについて学習します。このチャプターを受講する03:HTMLの構造を理解しよう(3:15)Web技術HTMLの構造について、さらに学習します。プログラムでHTMLを処理するには、HTMLの要素と構造をきちんと把握しておく必要があるので、次はHTMLの構造を理解しましょう。このチャプターを受講する04:class属性とid属性で要素を選択しよう(5:11)Web技術HTMLの要素をCSSやプログラムで選択する方法を学習します。Webページの一部にデザインを割り当てたり、内容を変化させるときには、その要素を選択する必要があります。ここで重要なのが、要素が持つclass属性とid属性です。Ruby編(5:08)Web技術WebページのHTMLを取得して、指定の情報を取り出すプログラムをRubyで作ってみましょう。簡単なWebページを対象にして、基本的なテクニックを学習します。Ruby実践編(5:22)Web技術Rubyを使って、実際のWebページの取り込みにチャレンジします。「ぱいじょ」のトップページからバックナンバーのリンクを取得しましょう。Python編(5:31)Web技術WebページのHTMLを取得して、指定の情報を取り出すプログラムをPythonで作ってみましょう。簡単なWebページを対象にして、基本的なテクニックを学習します。Python実践編(5:47)Web技術Pythonを使って、実際のWebページの取り込みにチャレンジします。「ぱいじょ」のトップページからバックナンバーのリンクを取得しましょう。PHP編(6:21)Web技術WebページのHTMLを取得して、指定の情報を取り出すプログラムをPHPで作ってみましょう。簡単なWebページを対象にして、基本的なテクニックを学習します。PHP実践編(6:00)Web技術PHPを使って、実際のWebページの取り込みにチャレンジします。「ぱいじょ」のトップページからバックナンバーのリンクを取得しましょう。このチャプターを受講する初心者〜中級者向けのプログラミング学習サービス「paiza(パイザ)ラーニング」。面倒な環境構築が不要で、PCとインターネット環境さえあればすぐに学習が始められます。Java、Python、Ruby、PHP、Cなどのプログラミング言語を、わかりやすい3分動画と豊富な演習問題で基礎からしっかり学べます。Apaizaについて、気になる点やご意見がある方はこちらご意見ありがとうございました。頂いたご意見には必ずスタッフが目を通します。個々のご意見に返信できない旨、予めご了承ください。返信が必要な場合は下記のお問い合わせフォームからご連絡をお願い致します。