求職者支援訓練Webデザイン Webサイト制作科 白描

求職者支援訓練Webサイト制作科 補足メモ Web白描

HTML+CSS実践

2カラムレイアウト-実践(企業系サイトトップページ作成)

2カラムページ設計 bodyの背景画像を設定する場合 headerの背景画像を設定する場合 定義 全体は、.conatiner幅「952px」 ヘッダー情報とフッター情報の見栄えは、ブラウザ幅全体を利用する 横幅「136px」ピクセルのナビゲーションボタンを7個作成 高さは「50…

CSSレイアウト - HTML文書構造

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

CSSレイアウト - うちのにゃんこ(CSS)

レイアウト用のdiv要素を追加 「section」要素は、正しく使用しないとツリー構造が崩れます 迷ったら「div」要素を、使用しましょう 基本的には「クラス名」をつけます にゃんこ紹介にはクラス名を使う 同じレイアウト(CSS)なので、必ず「クラス名」を使い…

CSSレイアウト - うちのにゃんこ(HTML)

テキスト テキスト内容にそってマーアップ 画像は、テキストに書いてあるURLからダウンロードする マークアップ - 実習手順 テキストP.020〜033 以下のテキストを利用し、正しいツリー構造になるようマークアップの練習を行います 最初からテキストを真似る…