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">
レイアウト基本練習-①
基本を練習してみましょう。ワイヤーフレームで書き出して解説します。 同じパターンを繰り返すので、クラスセレクタを利用しま…
人気のアニメ– 課題作品(1年)
人気のアニメの紹介 習得1ヶ月による１年生の自由制作課題集です。ベーシック認証がかかっております。パスワード等はお気軽に…
グローバルメニューを移動し固定する
ヘッダーの直下にあるナビゲーションが、スクロールすると、ページトップの位置に固定されるように実装します。 ▶…
レイアウト基本練習②
Webサイトは、「画像」と「テキスト」がペア組みとなり、一つの要素となっているものが非常に多くあります。そのペアの仕様も…
レスポンシブWebデザインとは
レスポンシブWebデザイン（Responsive Web Design）は、PC、タブレット、スマートフォンなど、あらゆ…
レイアウト基本練習③
ホテルニューオオニタ サムネイル(画像)・タイトル・説明の3つの要素をひとつの要素として扱います。li要素やp要素を使っ…
jQuery スライダーとは
スライダー スライダーとは、JavaScriptとCSSの組み合わせてなどによって実現されます。写真やキャッチコピーなど…
HTMLとは
HTML（Hyper Text Markup Language）とは、Webページを作成するための言語の一つです。言語と…
[要素の重なり優先順] z-index
z-index:値 値は整数で入力し、大きい数値のものほど手前に表示される。(ゼロ開始やマイナス値も有効) ※（注意）要…
HTMLの記述と注意点
【重要】フォルダー・ファイル名について HTMLにおける注意点を、いくつか挙げておきます。これから、フォルダーやファイル…
