コースを紹介

あなたが紹介したURLからコースが購入された場合、最大で売上の20%を受け取ることができます。
この特典はこのコースを購入した方のみがお受け取りいただけます。早速コースを受講しましょう!

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

コースの感想を教えてください。
良かった点や改善点があればご記入ください。
キャンセル
完了する

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

削除する
編集する

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

コースの感想を教えてください。
良かった点や改善点があればご記入ください。
閉じる
完了する

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

トップ プログラミング サイトを作りながら学ぼう! 実践Webサイトコーディング講座
プロコース

サイトを作りながら学ぼう! 実践Webサイトコーディング講座

実際にHTMLとCSSを利用して、様々なタイプのWebサイトを一からマークアップする方法をレクチャーしていきます。実践的なWebサイトのコーディングスキルを身に付けます。

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

HTMLとCSSの基礎を習得した方へ向けた、実践的なWebサイトコーディングを学ぶコースです。

3つの種類のWebサイトを初級・中級・上級と段階を踏んで制作していくので、
「基礎的なHTMLとCSSの知識はあるけれど、実際のWebサイト制作への自信や経験が無い」という方から、
「少しコーディングは出来るけれど、より実践的なスキルを身に付けたい」という方までに学習していただける内容です。

動画を見ながら一緒に操作をして作品を作っていくことをテーマとしていますが、動画は全て5〜10分前後に収めているので、ご自身のペースで無理なく受講を続けていただけます。

また、つまずいたところは何度でも戻って復習でき、理解を深めてから次のレベルへ進むことが可能。実際にWebサイトを作りながら進められて、進捗状況が見えるので、分からないまま進んでしまうことや挫折してしまうこともありません。


※各セクションの冒頭に動画内で使用するデータを添付しています。あらかじめダウンロードした上でご覧ください。

※推奨条件
HTMLとCSSの基礎コースを事前に受けることをおすすめします。

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

Photoshop、Webデザイン、HTML、CSS、コーディングの5講座が全てセットになった未経験からプロのWebデザイナーに! 450レッスン完全マスターコースのコーディングの部分を抽出したWEBサイトコーディングを学ぶコースです。

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

マリアンヌ製靴 彩彩~ちりめん~ W1100 婦人用22 5cm あずきCxodreWB

仮想のクリニックを紹介するWebサイトを、1からマークアップしていきます。
シンプルなデザインなので、マークアップもあまり複雑ではない初心者向けの課題ながら、画像タグを利用してメイン画像を表示させるところから、floatを駆使してボックスを横並びにするなど、幅広くHTMLとCSSを利用していきます。 初めてWebサイトをマークアップする方にオススメです。

ノーコントロールエアー NO CONTROL AIR キュプラコットン半袖シャツ 38 80H91高価買取中店頭受取対応商品WHI2ED9Y

仮想の美容院を紹介するWebサイトデザインを、1からマークアップする方法を学びます。

  • シャドウや背景画像等の少し複雑なスタイルを使用する
  • マウスホバーでリンクに下線をつける
  • 要素内からはみ出た部分をスクロールできる新着窓の作成
  • トップページのファイルを複製して、下層ページをマークアップする
  • inputタグを利用した、お問い合わせフォームを作成する

など

少し複雑なスタイルや操作性を意識したマークアップ方法、覚えておくと便利なマークアップ方法などを学ぶ中級者向けの内容です。

ドゥーニー バーク レディース ハンドバッグ バッグ Baltimore Orioles DooneyBourke WomE2Ib9eHWDY

様々なコンテンツを提供するWebマガジンサイトを、 HTMLとCSSを使って一からコーディングしていきます。

  • HTMLタグ、CSSプロパティを駆使して、デザインをそのまま反映させるようなマークアップ方法
  • 背景画像を利用して、なるべくページの読み込み速度が早くなるようなマークアップ
  • ページネーションや、フッターの作成

など

縦に長いコンテンツ量の多いサイトになりますので、上級者向けの章です。

海外直送 Wiley XワイリーエックスMenメンズ サングラスWiley X XL 1 Adv Comm 2952 LargXOPkn0w8

理解度チェックとして、講師運営スクールである、NESTschoolのWebサイトを実際にマークアップしていきます


講師はテクノロジーとクリエイティヴのプロを目指す方のためのスクールを運営しており、卒業生は1000名以上。
未経験からWebデザイナーとして働けるレベルになることをゴールとしているので、Webデザイナーを目指す方には是非学んでいただきたい講座です。


※HTML、CSSの基礎を習得されていない方やデザイン面から学びたいという方へ、同講師のHTML講座、CSS/CSS3講座、Photoshop講座、Webデザイン講座、フルセット版もご用意しています。

このコースの講師

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。

★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月で未経験からWebデザイナーへ。
未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです

Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座

Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-

など

もっと見る

コースの内容

合計
プレビュー マークのあるレクチャーを試聴いただけます
読み込み中

このコースの評価とレビュー

関連するコース

プロコース

悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作

2時間39分の動画講座
講師: 山本 琢磨
11
94%引き
¥1,480
¥24,000
プロコース

ミミプロ 〜耳で覚えるプログラミング〜 - 音声 + 映像セット版

2時間45分の動画講座
講師: BeSomebody
4
¥39,800
プロコース

耳で聴くプログラミング ミミプロ講座2 基礎・実践・Web開発・アプリ開発

1時間36分の動画講座
講師: BeSomebody
¥29,800
プロコース

BootstrapとDreamweaverで作る - はじめてのレスポンシブWebサイト開発講座

7時間44分の動画講座
講師: ムラモリ コウ
4
¥12,000
プロコース

XML 知識ゼロからRSSフィードを作る

2時間28分の動画講座
講師: BeSomebody
1
¥1,980
プロコース

Learn PSD to Responsive Parallax HTML/CSS Web Design

5時間10分の動画講座
講師: Supriyo Kundu
¥22,398
プロコース

ペライチを使った集客用Webページ作成術【フル版】特典付き

1時間12分の動画講座
講師: 原 とおる
¥2,980
プロコース

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5時間59分の動画講座
講師: ムラモリ コウ
2
¥7,200
プロコース

導入検討企業必見!! ビジネスに効果的なチャットボット活用術

3時間19分の動画講座
講師: 柴田 真吾
¥4,980
プロコース

ペライチを使ったセールスページ作成術【セールスページの方程式教材付き】

33分の動画講座
講師: 原 とおる
¥7,980
プロコース

ITサービス・マネジメント入門 基礎知識と考え方

2時間16分の動画講座
講師: アテイン株式会社
3
¥3,600
プロコース

基礎から学べる! HTML5完全マスター講座

6時間48分の動画講座
講師: NESTonline
8
¥8,980