My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

※ 当サイトはアフィリエイト広告を利用しています

HTML/CSS

2/13 ①[CSS] ナビゲーションブロック / ②[Photoshop] 色調補正

CSS(ナビゲーションブロック) Photoshop(色調補正) CSS(ナビゲーションブロック) 縦並びボックス・横並びボックスの設定 li 文字だけ テキストリンクとして扱う li a 文字の上に面を構成 ボタンのように扱う li a link は文字の上だけ【縦並びメニュー…

2/12 ①CSS(CSSによるページ構築) / ②Photoshop(写真の補正)

本日の授業テーマ CSSによるページ構築 Photoshop(写真の補正) 本日の学習内容~まとめと感想~ CSSによるページ構築 文章構造によるグループ化 → DIV要素 - グループ化とは、div要素によるコンテンツのブロック化 - 見出しと本文のまとまりとを一緒に構造化…

2/10 ①[CSS] リセットCSS / ②[PS] 起動と各種設定・選択範囲

CSS(リセットCSS) Photoshop(起動と各種設定・選択範囲) リセットCSS 全称セレクタ(ユニバーサルセレクタ)による手法: 以下記入例のように、プロパティ直前に * (アスタリスク) を用いて記述する方法。HTMLの全要素に同じスタイルを適用することがで…

2/5 [CSS] 記述と使い方 / [Illustrator] 長方形・楕円を使ったロゴ

CSS(記述と使い方) Illustrator(長方形を使ったロゴ・楕円を使ったロゴ) CSSとは CSS (Cascading Style Sheet) CSSの語源・意味 cascade 岩にぶつかって流れるような滝 親(上位)を継承して機能 便利なadd onツール HTML Validator Web Developer Style…

2/3 ①[HTML] 文書構造の復習 / ②[Illustrator] ペンツールの復習

本日の授業テーマ HTML(文書構造の復習) Illustrator(ペンツールの復習) 本日の学習内容 HTML(文書構造の復習) セマンティックな言語 HTMLは、セマンティックな(意味をきちんと考えた)マークアップ言語(「見出し」なのか、「パラグラフ」なのかを意…

1/31 [HTML] 画像・表組み・リンク / [Illustrator] 変形・直線・曲線

HTML(画像・表組み・リンク) Illustrator(変形・直線・曲線) HTMLについて学ぶ テキストエディタに文字コードを設定 メニューバー「表示ーオプション」 「文字コード」タブ 初期文字コード UTF-8N 初期改行コード LF 保存文字コード UTF-8N 保存改行コー…

※ 当サイトはアフィリエイト広告を利用しています