Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。>
未経験からの基礎講座・どなたでも、ご自由にお使いください。>
● 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" />
● jQuery3.4.1 CDN-google-
developers.google
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
● jQuery3.4.1 CDN jQuery
<link href="https://code.jquery.com/jquery-3.4.1.js.css" rel="stylesheet" type="text/css">
【有印良品2019】(メインイメージ切替)②
ヒーローヘッダー 某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年…
画像の種類
画像の種類とその特徴 パソコンのデータには、拡張子と言われる「.」ドットから後ろに記述されている文字列があります。 デー…
【有印良品2019】(メニュー部分)①
某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年度版) メニュー部…
容量の単位
容量の単位 パソコンデータの容量を示す単位は、KB(キロバイト)、MB(メガバイト)、GB(ギガバイト)などがあります。…
自己紹介
あなたのことを、教えてください。 1.「わたしの好きな◯◯」(好きな言葉、音楽、スポーツ、旅先、など) 2.「最近嬉しか…
手放す動物(心理テスト)
ライオン・牛・羊・猿・馬の5種類の動物を連れて旅に出ました。この動物たちと協力し合って道中は、とても楽しい旅でした。 と…
smoothed scroll
シングルページの基盤となるスムーズスクロールを学習します。まずは、サンプルをご覧ください。 【サンプル】 http://…
ケーキハウス進化系( RWD編② )
三本ラインのメニューを表示させます。 今回は、fontawesomeを使って、表示させる方法を採用しています。 …
ベンダープレフィックスとは
ブラウザごとに異なる表示 比較的古いバージョンのブラウザ環境では、CSS3が適用されません。 そこで、各ブラウザごとに用…
自由制作課題(1年)
1年生による自由制作課題 習得2ヶ月による1年生の自由制作課題集です。ベーシック認証がかかっております。パスワード等はお…

● 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" />
● jQuery3.4.1 CDN-google-
developers.google
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
● jQuery3.4.1 CDN jQuery
<link href="https://code.jquery.com/jquery-3.4.1.js.css" rel="stylesheet" type="text/css">
【有印良品2019】(メインイメージ切替)②
ヒーローヘッダー 某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年…
画像の種類
画像の種類とその特徴 パソコンのデータには、拡張子と言われる「.」ドットから後ろに記述されている文字列があります。 デー…
【有印良品2019】(メニュー部分)①
某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年度版) メニュー部…
容量の単位
容量の単位 パソコンデータの容量を示す単位は、KB(キロバイト)、MB(メガバイト)、GB(ギガバイト)などがあります。…
自己紹介
あなたのことを、教えてください。 1.「わたしの好きな◯◯」(好きな言葉、音楽、スポーツ、旅先、など) 2.「最近嬉しか…
手放す動物(心理テスト)
ライオン・牛・羊・猿・馬の5種類の動物を連れて旅に出ました。この動物たちと協力し合って道中は、とても楽しい旅でした。 と…
smoothed scroll
シングルページの基盤となるスムーズスクロールを学習します。まずは、サンプルをご覧ください。 【サンプル】 http://…
ケーキハウス進化系( RWD編② )
三本ラインのメニューを表示させます。 今回は、fontawesomeを使って、表示させる方法を採用しています。 …
ベンダープレフィックスとは
ブラウザごとに異なる表示 比較的古いバージョンのブラウザ環境では、CSS3が適用されません。 そこで、各ブラウザごとに用…
自由制作課題(1年)
1年生による自由制作課題 習得2ヶ月による1年生の自由制作課題集です。ベーシック認証がかかっております。パスワード等はお…