法人のお客様Schooをご利用になるには、JavaScriptの設定を有効にしてください。授業リスト関連授業コース概要スマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。WebデザインのためのHTML入門WebデザインのためのCSS入門この授業では素材ファイルを使用します。事前に第1回の教室(動画ページ)内スライド資料下の「ファイル」ボタンより下記素材ファイルをダウンロードしておいて下さい。[2799_downloads]ファイル内にはjs./css/imagesの他、デザインカンプ画像/遷移図/Webライティング/完成イメージが含まれていますので、都度完成イメージを確認しながら進めましょう。授業中では0からコーディングを行っていきますので、可能な方は先生と一緒にコーディングしてみましょう。2806_downloads.zip※授業以外での利用は禁止します。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。WebデザインのためのHTML入門WebデザインのためのCSS入門この授業では素材ファイルを使用します。事前に第1回の教室(動画ページ)内スライド資料下の「ファイル」ボタンより下記素材ファイルをダウンロードしておいて下さい。[2799_downloads]ファイル内にはjs./css/imagesの他、デザインカンプ画像/遷移図/Webライティング/完成イメージが含まれていますので、都度完成イメージを確認しながら進めましょう。授業中では0からコーディングを行っていきますので、可能な方は先生と一緒にコーディングしてみましょう。【実践】骨組みのhtmlの中にタグを用いて要素を入れていこう13:38Q:確認はPCを使ってブラウザの横幅を大きくしたり小さくしたりで確認じゃダメなのでしょうか?01:36Q:sectionはarticle内に必ず書くものですか?00:18Q:文字化けの直し方がわかりません。01:04Q:SNSとメニューのリストを1つのnavにまとめていましたが、分けなくても良いものでしょうか。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。WebデザインのためのHTML入門WebデザインのためのCSS入門この授業では素材ファイルを使用します。事前に第1回の教室(動画ページ)内スライド資料下の「ファイル」ボタンより下記素材ファイルをダウンロードしておいて下さい。[2799_downloads]ファイル内にはjs./css/imagesの他、デザインカンプ画像/遷移図/Webライティング/完成イメージが含まれていますので、都度完成イメージを確認しながら進めましょう。授業中では0からコーディングを行っていきますので、可能な方は先生と一緒にコーディングしてみましょう。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。WebデザインのためのHTML入門WebデザインのためのCSS入門はじめて受講される方は、前回までの演習素材を下記URLからダウンロードしておいて下さい。http://behomazn.com/schoo/20150921/20150921.zipサイトの完成図です。サイズが全て%表記されています。制作のヒントにして下さい。http://behomazn.com/schoo/20150921/size.jpgCSSの完成見本です。CSSはこちらを手本にコーディングしてみてください。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。WebデザインのためのHTML入門WebデザインのためのCSS入門はじめて受講される方は、前回までの演習素材を下記URLからダウンロードしておいて下さい。http://behomazn.com/schoo/20150921/schoo_kids.zipサイトの完成図です。サイズが全て%表記されています。制作のヒントにして下さい。http://behomazn.com/schoo/20150921/size.jpgCSSの完成見本です。CSSはこちらを手本にコーディングしてみてください。【実践】フォームのsectionの指定をする21:51Q:フィギュアータグを使うべきか、ただのimgだけにするべきかいつも悩みます。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。授業概要この授業ではスマホサイトの特性と振る舞いを学び、完成予想図通りにHTMLとCSSでコーディングして完成させるまでを学んでいきます。Googleアルゴリズムがスマホ対応サイトを優先するようになり、ますますWebサイトはスマホUIが重要になってきました。コーディングは初めてという方はもちろん、PCサイトは作ったことがあるがスマホサイトは未経験という方にオススメの授業です。事前準備この授業はテキストエディタとブラウザ(GoogleChrome)を使用します。HTML/CSSの基本を理解している方を対象としています。自信の無い方は、下記授業をご受講ください。すると幅がなくなる、というところをもう一度解説して頂けませんか?02:10Q:横幅のwidthで数値を指定するとき、pxと%ではどうちがうのでしょう。02:52Q:WEBの勉強で、古い物は参考にしない方がいいと言ってましたが、田中先生(他の先生)の昔の過去2013年のschoo授業は、見ても大丈夫ですか?07:19Q:なぜ幅がなくなるかをお尋ねしました。閉じる資料をダウンロードするには資料パスワードの設定が必要です。資料パスワードを設定する閉じる資料のダウンロードは1日10件、1ヶ月100件までです。Reserved.スクーについてご意見をお聞かせくださいありがとうございました!いただいたご意見はスクー教務課にて確認し、今後の運営に役立てさせていただきます。個々のご意見にはご返信しておりませんので予めご了承ください。招待したあなたには2枚、招待されたお友達には1枚、録画授業が受けられる「チケット」をプレゼントします。IDで登録メールアドレスまたはパスワードが違います。ログインできない方は「よくある質問」をご確認下さい。