Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
● CSS Reset-YUI- 公式サイト
● Font AwesomeCDN 5.11.2 cdnjs.com
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
● CSS Reset-YUI- 公式サイト
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
● Font AwesomeCDN 5.11.2 cdnjs.com
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="https://code.jquery.com/jquery-3.4.1.js.css" rel="stylesheet" type="text/css">
Rabbit&Cat
かわいいペットショップを、仮想して制作します。ヘッダーメニューを3本ラインにします。スマホとPCのメインイメージは、2種…
背景に動画を使用する(vol.①)
背景に動画を使用する① 動きがあって、インパクト効果抜群。動画を読み込む方法はいくつかありますが、容量が重いものもあるの…
ウエディング関連サイト課題制作
架空のウェブサイトを作成します。東京都内にある架空のウエディング企画会社。和装・洋装・披露宴まですべてプロデュース。魅力…
レイアウトの基礎
縦スクロールバー ウェブサイトは、横スクロールバーと縦スクロールバーがありますが、「縦スクロール」して閲覧するのがブラウ…
【有印良品2019】(メインイメージ切替)②
ヒーローヘッダー 某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年…
画像の種類
画像の種類とその特徴 パソコンのデータには、拡張子と言われる「.」ドットから後ろに記述されている文字列があります。 デー…
【有印良品2019】(メニュー部分)①
某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年度版) メニュー部…
容量の単位
容量の単位 パソコンデータの容量を示す単位は、KB（キロバイト）、MB（メガバイト）、GB（ギガバイト）などがあります。…
自己紹介
あなたのことを、教えてください。 1.「わたしの好きな◯◯」(好きな言葉、音楽、スポーツ、旅先、など) 2.「最近嬉しか…
手放す動物(心理テスト)
ライオン・牛・羊・猿・馬の5種類の動物を連れて旅に出ました。この動物たちと協力し合って道中は、とても楽しい旅でした。 と…
