求職者支援訓練Webサイト制作科 4月18日開講クラス 漂泊

初心者がプロになるための勉強 フェリカテクニカルアカデミーWebサイト制作科 4月18日開講クラス授業補足ブログ

CSS

THAI-NAMA

THAI-NAMA THAI-NAMA CONCEPT MENU ACCESS CONTACT 生春巻き THAI-NAMAは タイ風の家庭的な料理をご提供しているお店です。 季節感を大切に、旬のものを使いつつ、楽しんで貰えるメニューを揃えています。 NEWS 2018/05/25 夏のメニューを追加しました CONCE…

ページ構築の手順

CSSによるページ構築の手順 この「グループ化」をするときに、「id名」「class名」を使い分けて、グループの意味を作っていきます。 文書構造のグループ化 グループ化とは、div要素によるコンテンツのブロック化 「コンテンツのブロック化」であるので、1行…

課題サイトトップページ作成

課題サイトトップページ作成 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>2018年4月18日開講クラス 課題サイト</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header class="header"> <div class="headerInner"> <h1>2018年4月18日開講クラス 課題サイ…</h1></div></header></body></html>

1カラムレイアウト - 演習

CSS

CSSで1カラムレイアウト 「CSSでレイアウト - 基本」を踏まえて設定する 最低限の記述に徹する 例題テキスト 宮沢賢治作品 いてふの実 そらのてっぺんなんか冷たくて冷たくてまるでカチカチの灼きをかけた鋼です。 そして星が一杯です。けれども東の空はも…

CSS演習 - ナビゲーション・レイアウト

CSS

ナビゲーション 次の情報に遷移可能であることを認知させる仕組み 文字以外の領域面ををクリック可能にするためには「display: block」が必須 ulとli、aの指定を理解する 擬似クラス(Pseudo-classes) 要素の性質スタイルを適用させたい場合に使います 主に…

文字の囲みと表の枠線

CSS

文字の囲み borderプロパティの値を指定する 上下左右の枠線を個別に指定する 「border」と記述することにより、上→右→下→左をショートハンドで記述したことになります プロパティー意味 border-top要素の上の線 border-right要素の右の線 border-bottom要素…

CSS基礎 - ★演習

CSS

演習 CSSの記述は、内部参照(embed)で記述 問題 CSS1 #1B888D #355584 <body> <h1>style要素</h1> <h2>style element</h2> <p>HTML文書内にまとめて設定します。</p> </body> 問題 CSS2 幅の指定は不要 #91BC86 #BC908F #F5F5DB <body> <h1>About wine</h1> <h2>Chianti Classico Riserva</h2> <p>1435年創業の由緒あるワイン</p></body>…

文字指定とリセットCSS

CSS

文字指定 文字色と文字サイズを指定します 文字色 16進数:hexadecimal number #:number 0123456789ABCDEF(16個) RGBを2個ずつの数字を割り振る 2個の左側の数字が明度(Brightness)、右側の数字が彩度(Saturation) 例 #000000(黒) #FFFFFF(白) Hue(…

ボックスモデル

CSS

ボックスモデル HTMLタグでマークアップされた要素は1つの箱とみなされます ブロックレベル要素(幅指定をしない場合、ブラウザー幅で表示される) 記述するプロパティの順序は、空間からコンテンツ内容への順が一般的 パディング(padding) ボーダー辺に…

スタイルの継承と文字指定

CSS

スタイルの継承(inheritance) CSSには親要素から子要素へとスタイルが継承される仕組みがあります この仕組のおかげで、同じ指定を繰り返さなくても効率よく指定ができます <html lang="ja"> <head> <meta charset="utf-8"> <title>スタイルの継承</title> <style> body { color: red; } </style> </head> <body> <h1>bodyの子要素である見出し要素は、</h1></body></html>…

CSSとは

CSS

CSSとは Cascading Style Sheets 構造化された文書をどのように表現するのかを指定するための言語 文字の色、文字の大きさ、余白などのレイアウトの指定 CSSのコーディング規約(Google) 「Google HTML/CSS Style Guide」を適当に和訳してみた Google HTML/…

求職者支援訓練 フェリカテクニカルアカデミー