CSS基礎 2カラム演習問題
CSS基礎ヘッダー要素の幅960px 高さ350pxナブ要素は幅960px高さ50pxコンテント要素の幅600px 高さ400px（メインコンテンツ）フッター要素の高さ100px各要素の空き10px各要素の背景色は適宜a要素をホバーした際に...
web-design
CSS基礎 オンラインツール Google keepを使ってお気に入りサイトをキープする
オンラインツールGoogleの「GoogleKeep」は、ホワイトボードに付箋紙を貼っていくような感覚で、手軽にメモやアイディアなどを記録できるメモアプリですが、chromeに拡張機能を入れる事でさらに使い易くなります。この拡張機能を使って...
Photoshop Photoshopによるスライスとコーディング
Photoshopwebサイト制作既存のサイトを真似してコーディングしてみるのは、非常に良い練習なので、積極的にやりましょう。ただ、練習に向いているサイトとそうでないサイトがあるので、注意が必要です。作業手順1. 既存のサイトのキャプチャー...
CSS基礎 複数ページの制作
CSS基礎webサイト制作最近ではシングルページのサイトもよく見かけますが、ほとんどのサイトは複数ページをリンクさせていくという形でこちらの方が一般的です。複数ページでサイトを作る際に気をつけないといけないのがフォルダー構成です。以下のよう...
CSS基礎 CSS演習問題 回答
CSS基礎<body>style要素style elementHTML文書内にまとめて設定します。</body>解答例<!doctype html><html lang="ja"><head><meta charset="utf-8"><t...
Photoshop レイヤーマスクの復習
Photoshop今までの授業で色々なツールを使用してきましたが、中でもレイヤーマスクは非常に便利で使用頻度の高いツールなので、使い方をしっかりと復習しましょう。helpx.adobe.com
webサイト制作 SEO概論
webサイト制作SEOとは、”Search Engine Optimization” の略であり、検索エンジン最適化を意味する言葉です。検索結果でWebサイトがより多く露出されるために行う一連の取り組みのことを指します。オーガニック検索オー...
CSS基礎 CSS演習問題
CSS基礎演習１<body>style要素style elementHTML文書内にまとめて設定します。</body>演習２<body>About wineChianti Classico Riserva1435年創業の由緒あるワイン醸造メ...
CSS基礎 うちのにゃんこ
CSS基礎以前マークアップしたhtmlデータにcssを追加してページを完成させてしまいましょう。<!doctype html><html lang="ja"><head><meta charset="utf-8"><title>うちのにゃん...
CSS基礎 positionの使い方
CSS基礎positionとは要素の位置を動かす事の出来るプロパティで、positionを使用する事でより自由なレイアウトが作れるようになります。さらに、「z-index」を指定する事で要素の重なり順を変える事が出来ます。<style>.c...