toggle
札幌市東区でマンガ・イラスト制作、WEBデザイン・DTP制作、雑貨制作、プラモ制作などを行う就労支援事業所です。マスコットキャラクター、ミライクマ3兄弟のLINEスタンプ好評発売中!
2017-06-09

気になるお話かもしれません。

はい、まるです。こんにちは。
天候に左右されて体調思わしくないときありませんか。
アレルギー持ちはつらい”(-“”-)”

今日の講座はHTMLとCSSについての改めて基礎からのご説明をいたします。

 

HTML(Hypar Text Markup Language)
ハイパーテクストマークアップランゲージという意味で、Markupは意味付けですね。

  • 文書構造
  • 見出し
  • 本文
  • リスト

「今日のお知らせ」=大見出し

 

  ↓

<h1>今日のお知らせ</h1>

タグを書く=マークアップするなんです。


CSS(cascading style sheets)
カスケード スタイル シートという意味で、見た目に関する装飾を目的にしている。

<h1>今日のお知らせ</h1>

  

h1の文字の色を赤にしたい

h1{ color: red;}(cssの打ち方はまた後日に。)

  • h1はセレクタ
  • color:はプロパティ
  • redは値

 ↓

今日のお知らせ

と、なります。


HTMLとCSSのバージョン

HTML4.01 … 古い、安定している
HTML1.0 … HTML+ XMl 一番使われているみたいです。プログラムとの相性が良い
HTML5 … 多くの機能が付いた新しい、でも安定していない。

CSS2.1 … HTML4.01と同じくらいの時期
CSS3 … HTML5と同じくらいの時期
ブラウザによって対応状況がマチマチ。

HTMLとCSSを書くソフト

テキストエディタですね。メモ帳だったり、無料のものもあれば有料のものあります。これがないと何も始まりませんね。

サーバーにアップロードをするFTPソフト

出来上がったらアップロードをするんですが、これも無料のものもあれば有料なものもあり。

と、こんな感じですがこういうのって常にやってないとやり方忘れてしまいがちです(^ω^)

 
見本です( ゚Д゚)
 
marucafe
 
 
ほんとのほんとに初心者レベルのホームページw
あ、架空の喫茶店ですからw
グッズページなんか思いつかずやってません。

次回はタグ名などの説明をしたいと思います。(いつになるか不明。)
まだこのブログでは綺麗に文章整えたいのだけどいかんせん慣れず。。。

ところでHTMLとCSS大好きなオタクな友人がパソコン使いすぎてひどい眼精疲労になってしまいまして…「左目に封じ込めてる暗黒邪竜が疼いてる」とか言いやがって…

 

中二病かよw

※中二病でもいい人はたくさんいるよ。
皆さんもパソコン使用時目を労わってくださいまし。

又ミライクではいつでも見学・体験が可能ですので、ぜひとも足をお運び下さい。
*見学期間:6月12日(月)~
*見学日時:平日10時00分~17時00分(土日祝日は応相談)
*担当:上田・小松
よろしくお願いいたします。


関連記事