2時間で学ぶレスポンシブHTML,CSS実践基礎講座

HTML,CSSの基礎を理解している人向けの講座。レスポンシブ対応を含めこれだけは知っておきたいHTML,CSSの活用基礎講座です。

learn

こんなことを学びます

座学&ワークショップ形式の講座を5つ開催しています。
レベルやスキル、仕事の環境や状況によって選んでください。

こちらの講座は
■「2時間で学ぶレスポンシブHTML,CSS実践基礎講座」サイト編集基礎実践講座 2時間
 →〈レベル〉
  ・HTML,CSS編集するコーディングスキル初級者の方
   (HTML,CSSの基礎知識はあり編集経験があるぐらいのレベルの方)

定員:4名

こちらの講座の概要

<HTML,CSSの基礎を理解している人向けの講座。レスポンシブ対応を含めこれだけは知っておきたいHTML,CSSの活用基礎講座です。>

HTML,CSSの基本はなんとなく分かっているけど、レイアウトを調整したり、変更する事がいまいち出来ていない人は結構多いです。

このワークショップはHTML、タグ、スタイル等の基本的な事は分かっているけどいまいち操作出来ない人向けのステップ・アップ・ワークショップです。

〈タグ〉や〈スタイル〉の構造的なことは分かっている方でいまいち使えていない方向けのワークショップです。

デザイン、レイアウトは〈スタイル〉を設定することで自由自在に変えられます。

最近のトレンドでもあるレスポンシブ対応のCSS設定も教えます。

要点を掻い摘んで濃縮されたエッセンスで編集を簡単に行える方法を伝授いたします。


HTMLのタグとスタイルの基本をおさらいしながら編集できるようにするステップアップ講座です。

jQueryの導入等まではこの講座ではお教えできる時間がないため行いません。



【講座の特長】

●CSSの設定を変えたことがあるぐらいでそれ以上の事をしたことがない
  →〈スタイル〉を変更・調整する基本的設定がわかる

●CSSを編集してもうまく機能しない
 →CSSの記述の注意点を理解する
 →スタイルが反映されるようになる

●他のサイトのレイアウトを参考にしたいけどどうやったらできるのか知りたい
 →他のサイトの〈HTML〉〈CSS〉を読む力を育てる
 →自分の〈スタイル〉として使えるようになる

WordPress等で作成されているホームページのCSS部分を編集できるようになります。
アメブロのブログ等ページでCSSを用いた凝ったレイアウトを使えるようになります。


<こんなことが体験出来ます>

・ソースコードを読めて活用できるようになります。

・サイトで設定されている〈スタイル〉を読み込んでカスタマイズできるようになります。

・自分のサイトの部分的なデザインを簡単に変えられるようになります。


〈こんな風に教えます〉

少人数制で分かり易く丁寧に指導します。


〈このレッスンで得られるもの〉

スタイルシートのCSSコードの基本を理解してグレードアップしたレイアウトを導入できるようになります。

HTMLコード入力できるブログなどでスタイルを記述してのオリジナルのレイアウトを実装できる様になります。


〈定員〉
4名まで


〈その他の講座〉
【HTML,CSSスキルアップ】
■「3時間で学ぶHTML,CSSを理解して編集出来るようになる基礎講座」サイト編集基礎講座 3時間
 HTML,CSSは難しくありません。苦手だなぁと感じている方は目から鱗が落ちる内容で気軽にHTML,CSSを編集できるようになります。
 https://www.street-academy.com/myclass/15843

基礎は分かっているけど実践が伴っていない方はこちらがおすすめ
■「2時間で学ぶレスポンシブHTML,CSS実践基礎講座」サイト編集基礎実践講座 2時間
 HTML,CSSの基礎を理解している人向けの講座。レスポンシブ対応を含めこれだけは知っておきたいHTML,CSSの活用基礎講座です。
 ★こちらの講座★


【個人、事業者向けHP作成・運営方法】
これからホームページを作る方、リニューアルをお考えの方はこちらがおすすめ
■「2時間で学ぶ失敗しない・集客できるようになるHP作成・楽々運営講座」WEBの基本知識・活用知識講座 2時間
 これからのサイト作成はCMSの利用が最適! サイトの基本的知識からサイト制作・活用まで知っておきたい基礎知識を学ぶ2時間
 https://www.street-academy.com/myclass/9531

サイト運営の基礎的な知識は持っているが、サイトの編集が難しくてなかなか更新できずにいる方はこちらがおすすめ
■「Weeblyで楽々サイト作成。設定から編集操作を学ぶ基礎講座」Weeblyでサイトを再構築 2時間
 WordPress,Wix,JindoなどからWeeblyでサイトをリニューアルすることをおすすめしています。簡単操作・高機能なWeeblyに移行すると運営が簡単になります。
 https://www.street-academy.com/myclass/9534

すでにWeeblyでサイトを作っている方向けのフォロー&スキルアップはこちらの受講をおすすめします。
■「Weeblyで楽々サイト編集レベルアップ講座」Weebllyの優れた機能をフル活用して集客できるサイトを作る 5時間
 Weeblyにアカウントを持っていてサイトを作成し始めた人向け。設定、操作、編集、活用方法で分からない部分を教えるワークショップ
 https://www.street-academy.com/myclass/19855
続きを読む

日程・開催時間を選ぶ

受付中 早割10%OFF

7/22 (日) 3:00PM - 5:00PM

予約の締切り日

7/21(土) 3:00PM まで

参加人数

0/6人

開催場所

京王線 桜上水駅 徒歩7分
東京都世田谷区上北沢3-10-15 アクロキューブ株式会社

価格

¥12,800

¥11,520

早割10%OFF

(早割残り2席)

受付中 早割10%OFF

7/29 (日) 3:00PM - 5:00PM

予約の締切り日

7/28(土) 3:00PM まで

参加人数

0/6人

開催場所

京王線 桜上水駅 徒歩7分
東京都世田谷区上北沢3-10-15 アクロキューブ株式会社

価格

¥12,800

¥11,520

早割10%OFF

(早割残り2席)

  • 受付中 早割10%OFF

    7/22 (日) 3:00PM - 5:00PM

    選択
  • 受付中 早割10%OFF

    7/29 (日) 3:00PM - 5:00PM

    選択
  • 日程が合わないですか?
    気軽に先生に開催リクエストしてください。
    開催リクエストする
受けたい
99人が受けたい登録しています

teacher

この講座の先生

WEBサイト作成・編集力を実践レベルまで高めよう

大手広告代理店の仕事を20年以上プロモーションプロデューサー、プランナー兼デザイナーとして経験し、37歳で独立。
プロモーション中心の企画・デザイン会社を設立。
WEBはプロモーションの欠かせないメディアになると25年前に確信し、以降サイト作りと各種メディアとの連携プロモーションなども手がけています。
WEBが重要な情報受発信メディアになってから、一般の方にもWEB知識が重要だと思い、WEBデザイナーやコーダー向けの教室はいっぱいありますが、一般向けの分かりやすい講座が無いことに気づき、一人でも多くの方々にWEB知識のスキルアップをお手伝いしたいとセミナーをはじめました。
WEBの知識が無いと無駄な経費がかかったり、高い金額を支払わされたりしてしまいます。
プロに頼むべきところと自分でしかできないところを明確化してWEB構築・活用できれば仕事でも役立ちます。
企業のデザイン室長を兼任しながら土日と平日の夜にセミナーを開催しています。
お気軽に相談、質問などもお寄せください。
企業のスタッフのスキルアップなど出張セミナーも行っています。 + 続きを読む

detail

講座詳細

  • 当日の流れとタイムスケジュール

    <所要時間>
    2時間

    <当日のレッスンの流れ>
    1時間目 サイトのHTM,CSS構造の基本ルールのおさらい
         いろんなサイトのCSSを読む力を身につける
    2時間目 CSSを変更してレイアウトを変えるワークショップ
         レスポンシブデザインのCSS設定を実践
  • こんな方を対象としています

    ・HTML,CSS編集をもっと理解して自在にコントロールできるようになりたい方

    ・レスポンシブ対応のHTML,CSSの設定方法、コントロールの仕方を学びたい方

    ・バックエンドの仕事をしていてHTML,CSSの知識はあるけど
     フロントエンドのコーディング技術をもっと高めたい人
  • 受講料の説明

    基本はご自分のノートパソコン持参でご参加ください。

    貸出用のPCは3台しかございませんので先に受講される方が申し込まれた場合は貸出できませんので受講予約時にお問合せください。

    セミナーは実践型です。
    ブラウザーはChromeで行いますので、インストールされていない方は予めChromeをインストールしてご参加お願い致します。

    エディターアプリケーションを使ってコードを書いて行きますので
    Windowsの方は無料で使える「サクラエディター(最新版)」を予めダウンロード&インストールでしてご参加ください。※検索で「サクラエディター 最新版」と検索するとヒットします。
    Macの方は無料のエディターアプリケーションの「mi」をダウンロード&インストールでしてご参加ください。※検索で「mi エディター ベータ版」と検索するとヒットします。

    WiFi環境がありますので、WiFi接続できるノートPCでご参加ください。
  • 受講する際は以下をお読み下さい

    基本がいまいち分かっていない以下のような方は、もう一つのワークショップ「初めてでもHTML,CSSを理解して使えるようになる3時間のWS」をまずは受講されてからこちらを受講してください。
    ・HTMLがいまいち分かってない、CSSって何?っていう方。
    ・スタイル設定の基本が分かっていない方
    ・HTMLを学ぶのが初めての方
    ・〈タグ〉と〈スタイル〉の関係が分かっていない方
    は、「3時間で学ぶHTML,CSSを理解して編集出来るようになる基礎講座」を受講されるとこちらのワークショップに参加してさらに理解してHP編集が楽しくできるようになります。


    ■「3時間で学ぶHTML,CSSを理解して編集出来るようになる基礎講座」サイト編集基礎講座 3時間
    https://www.street-academy.com/myclass/15843

review

レビュー

  • 6

  • 楽しかった!( 2 )

  • 勉強になった!( 5 )

  • 行く価値あり!( 3 )

  • 女性 40代

    この講座は「webデザイナーに会える講座」でした

    実際にデザイン事務所やってらっしゃる方の話なので、
    デザインのリアルなお話が聴けました。
    これからwebデザインを目指していく方には参考になると思います。
    自分から話をふってしまったので、話しが多くなりましたが、
    ポイントは質問できましたし、最後に資料もいただけます。

  • W1

    女性 30代

    この講座は「色々な発見のある講座」でした

    普段ホームページ制作の仕事をしてますが、新たな知識を得る事が出来て本当に良かったです!

  • 女性

    この講座は「技術よりも大切なことを考える講座」でした

    最新のCMS機能を紹介してくださり、様々な活用法を学ぶことができました。また、印象的だったのはHP作りの技術よりもアイデアや宣伝する力が今後重要になるということです。ツールはどんどん発展していきますが、将来自分がその技術を持ってどのようなサービスを発信していくか、もっと考えていく必要性を感じました。

  • 女性 60代

    この講座は「ポイントをつかんできちんと教えてくださいました。」でした

    先生のキャパが深い安心して学べました。

  • 男性 30代

    この講座は「疑問点を解消できる講座」でした

    なんとなく不明確だつたところがクリアになり、次の勉強へのよいとっかかりができました。
    他の人のサイトや自分のサイトのデバッグテクニックが見につきました!
    ありがとうございました!

  • more

    この先生の他の講座

    relation

    関連講座

    watching

    この講座を見た人は、こんな講座も見ています