Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
●CSS Reset-YUI-
● Font AwesomeCDN 4.7.0
● 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 4.7.0
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
フロートの基礎①
See the Pen float_001 by nakatax (@cocohp) on CodePen.
専門学生が作る夏のバナー
今年も、暑い夏が到来しました。関西では、7月25日に天神祭が開催され、広報用のポスターやチラシが街を賑わいます。また、夏…
わくわくパン屋さん★Vol.II
▶︎ 解説を見る サンプルを見る リキットレイアウト メインとなる白のコンティナーボックスは、リキットレイ…
Drawer Menu
ドロワーメニュー Flexible drawer menu using jQueryを使った簡単な 「Drawer」を使…
Rabbit&Cat
かわいいペットショップを、仮想して制作します。ヘッダーメニューを3本ラインにします。スマホとPCのメインイメージは、2種…
ウエディング関連サイト課題制作
架空のウェブサイトを作成します。東京都内にある架空のウエディング企画会社。和装・洋装・披露宴まですべてプロデュース。魅力…
自由制作課題(1年)
1年生による自由制作課題 習得２ヶ月による１年生の自由制作課題集です。ベーシック認証がかかっております。パスワード等はお…
レイアウトの基礎
縦スクロールバー ウェブサイトは、横スクロールバーと縦スクロールバーがありますが、「縦スクロール」して閲覧するのがブラウ…
【有印良品2019】(メインイメージ切替)②
ヒーローヘッダー 某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年…
【有印良品2019】(メニュー部分)①
某良品ウェブサイト母の日特集をサンプルに練習します。 ● サンプルにする公式サイトはこちら(2019年度版) メニュー部…
