Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
エンジニアじゃない人のためのHTML/CSS
Rating: 4.6 out of 5(5 ratings)
40 students

エンジニアじゃない人のためのHTML/CSS

「HTML/CSSの知識が少しでもあれば、楽になるかも・・」と思いつつ、分厚いテキストや長時間の講義に尻込みしていませんか?既存のサイトのちょっとした修正に必要な、最低限の知識を学べる講座です。
Last updated 4/2025
Japanese

What you'll learn

  • 単純なWebページを作成しながら、HTML/CSSの仕組み・基礎を学びます
  • 自身のサイトのデザインについて、軽微な修正ができるようになります
  • どういう仕組みでWebサイトが表示されているのか、全体像を把握できます
  • WordPress上でデザインを変更する方法を学びます

Course content

17 sections113 lectures3h 35m total length
  • はじめに8:58
  • (早速、修正を体験してみましょう)-テキスト0:14
  • (早速、修正を体験してみましょう)2:10
  • 全体像2:47
  • (購入前にご確認ください)前提事項0:20
  • (レビューのご協力ありがとうございます)1:07
  • 受講生の声-愛さん4:53

Requirements

  • クリックやタイピングなど、基礎的なパソコン操作ができること(速さは問いません)
  • HTML/CSSについて、初学者であること(経験者には物足りなく感じると思われます)

Description

「コードをコピペするだけでデザインを変更できる」
と書いてあって、そのとおりにしたのに・・できなくて泣きそうになったこと、ありませんか?

CSSの書き方は、ケースバイケースです。
サイトから「コピペするだけ」では反映できないことがほとんどで、自身のサイトに合わせて、修正が必要となります。

「HTML/CSSを勉強しよう」
と思いつつ、分厚いテキストや長時間の講義に尻込みしていませんか?

多くのHTML/CSSの本・講座は、エンジニア・デザイナー向けです。

  • 1から作成するための詳細の手順

  • デザインの細かい調整方法

など、エンジニア・デザイナーではない方にとっては、余計となる情報が多く含まれています。

「ブログのデザインを好みに変更したい」
「サイト更新時のちょっとしたトラブルを自力で解決できるようにしたい」

など、既存のサイトに対する軽微な作業をするにあたって、最低限必要な知識を伝えるために、本講座を作りました。

この講座を最後まで受ければ、以下のようなことが、できるようになります。

  • ブログ記事の見出しの背景色を、好みの色に変更する・上下の余白を広くする

  • WordPressのテーマで用意されているボタンのデザインを、自分好みに変更する

  • Googleアナリティクスで分析できない記事を、自力でトラブルシューティングして分析できるようにする

私は、エンジニア経験者であり、自らWebサイトの運営もしています。エンジニアとして必要な知識をひととおり知っている上で、実務上、実際に役に立った知識だけを厳選しました。実践的な内容となっているはずです。

講座内でお会いできることを、楽しみにしています。


■注意点
・Windowsのパソコンを使って、操作手順を解説します。Macとはショートカットキーが異なります。

・自身で運営しているサイトのデザインの軽い修正ならできるようになりますが、クライアントワークをやるには知識/スキル共に本講座だけでは足りません。エンジニア・デザイナーを目指す方は、初めの一歩として受講いただき、より専門的なHTML/CSSの講座も合わせてご利用ください。

Who this course is for:

  • エンジニア・デザイナーではないWebサイト関係者(運用担当・Webライターなど)
  • Webサイト・ブログ運営者(特に、WordPress)