cssとは?《前編》htmlとどんな関係があるの?|【カトスクの女性に優しいhtml講座】

WEBデザイナー必見の女性に優しいHTML講座第4回です

▲動画です。クリックして再生してください★

現役WEBデザイナーのカトパン&カタディお送りする、女性に優しいHTML講座!
cssとは?《前編》htmlとどんな関係があるの?|【カトスクの女性に優しいhtml講座】
というテーマでお送りしました。

LINE@:「@kubo」で検索してね

LINE@詳細はこちら

★おすすめのプレイリスト一覧★

女性に優しいHTML講座 ▶ https://goo.gl/jepS2u
くぼちゃんねる ▶ http://ur2.link/CFte
人気順で見る ▶ http://u0u0.net/CtfT
Q&Aシリーズ ▶ http://u0u0.net/CtgM
プチセミナー ▶ http://u0u0.net/D1Jz

【Photoshopバナー制作動画レッスン】
を無料プレゼント!▶ http://ur2.link/CFty

文章で読むカトスクはコチラ

はい、みなさん、こんにちは。カトウです。女性に優しいhtml講座へようこそ。この動画ではhtmlとか、cssとか、htmlに壁感じてる方も結構いらっしゃると思うんですよね。その方のために、楽しく優しく簡単にお伝えしている動画です。で、いろいろhtmlとかcssについて今からどんどん、動画をアップしていきたいと思うので、よろしくお願いします。

今日は、cssについてお伝えしたいと思います。htmlとはっていうのをまず見てからのほうが多分イメージしやすいと思うんで、まずhtmlとはってちょっと調べてもらって、僕の顔を探してもらって、それでまずはご覧ください。

cssとはっていう話なんやけど、装飾するための言語なんよね、cssっていうのは。装飾って何かっていうと、このサイトでちょっと、どこを装飾してるっていうのかをちょっと見ていきたいと思います。

まず、そうですね、全体の真ん中に全体的に揃ってると思うんですね。これはcssがないとできないことなんですよ。とか、あとは、こういう画像とかってimageタグでも入れれると思うんやけど、背景画像が使われてるのね。

ここらへんもcssが使われてます。あと、とか、この後ろのこの背景の色とかあとは、こういうね、文字のサイズを小さくするとか色を変えるとかって言うのも全部cssなのね。

だから、装飾するための言語っていうふうに覚えといてもらえれば大丈夫です。で、htmlとの関係っていうのも兄弟みたいなもん。で、実際に今cssがかかってる状態のホームページなんやけど、一旦ね、cssがないとき、どうなるかっていうのを1回お見せしたいと思います。今、cssをこの世から消し去りました。そうするとどうなるかっていうと、更新してみます。

はい、こんな感じになるんですね。一昔前の、ガラケーの時代のホームページとかこんな感じだったと思うんですけど、僕大体中学高校生ぐらいだったんですけど、こういう文字と画像とあとリンク先、この青いリンク先ね。こういうのだけしかないんよ。

これを整える、真ん中に寄せるとか、divってやったと思うんやけど、他の動画で説明してるんですけど。箱を作って、メインの箱、サイドの箱。で、そこにメインの幅は何ピクセルで、サイドの幅は何ピクセルでとか全体の幅は何ピクセルでっていうのをcssで設定していくんやね。

それはcssのファイルがないとできないんで、もう1回戻してみますね。戻したら、更新したら、こうやって中心に揃うようになります。なので、今日分かっていて欲しいのは、cssは装飾するための言語なんですよ、ぐらいでOKです。

いける!?

cssっていうのは装飾するための言語。装飾するためには??css。もうこれだけ覚えておけば大丈夫です。書き方とかはまた別の動画でやっていきたいと思うので、今日はここまでにしておきます。じゃあ、また他の動画もチェックしてみてください。ありがとうございました。

月一で交流会を開催中!はじめてでも楽しめるアットホームな会です

ABOUTこの記事をかいた人

地味な人生からの大逆転劇!私が好きなことを仕事にするまで...
株式会社日本デザイン WEBディレクター・WEBデザイナー・動画クリエイター
20歳WEBデザイン業界を目指すが、未経験のため15社を一次審査で落ちプチ鬱に
22歳 雑誌の編集部になんとか受かるが、過酷すぎて耐えられず早々に辞める
24歳WEB業界に転身。念願のWEBデザインの仕事に就くがセンスがなく惨敗
26歳 大坪拓摩と出会い、根性だけを認められアシスタントという形で雇われる
それから4年間、理論やルールに基いたセールスデザインを大坪に叩き込まれ、デザイン力が奇跡のように向上!紹介のみで仕事が埋まる売れっ子デザイナーとなり、動画制作・YouTubeプロデュースなどクリエイティブな仕事を幅広く請け負う
2015年10月、自身のこれまでの経験(もともとのセンスのなさも!)を活かして「現役デザイナーが教える」「センスはいらない」というコンセプトで日本デザインスクールを設立。現役としても活動を続けながら全国400名以上の生徒を45日という超短期間でプロのWEBデザイナーに育てる。座右の銘はミッキーの「夢は必ず叶う!」