Webデザイナーの教科書(初級)
未経験からの基礎講座・どなたでも、ご自由にお使いください。>
未経験からの基礎講座・どなたでも、ご自由にお使いください。>
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
● ブラウザによって事前に作成されたすべてのスタイルをリセットする。 (Reseter.css)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/krishdevdb/reseter.css/css/reseter.min.css">
● viewport-ビューポート設定-(meta内に記述する。)
<meta name="viewport" content="width=device-width, initial-scale=1">
● 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">
改行・区切り
改行要素 HTMLで文章の途中で改行をさせるには<br>(改行タグ)を使用します。改行タグは、空要素の分類に…
【1年生用】自由制作課題
自由なテーマで作ってみよう! 現時点で、習ったタグやスタイルを十分に使って、WEBページを制作します。 ●●●●の紹介 …
テンプレートの作成
Dreamweaverでテンプレートを作成する ページ数が非常に多いサイト構成の場合、修正や更新を手作業で行うには非常に…
見出し・文字装飾
見出しについて [crayon-673f753f78289753128109/] HTMLでは、レベル1からレベル6まで…
春休みの宿題2018
春のお出かけ情報 2018年度版の春休みの課題です。 ▶ 生徒作品を見る
保護中: 春休みの提出状況について(1)
この投稿はパスワードで保護されているため抜粋文はありません。
ベンダープレフィックスとは
ブラウザごとに異なる表示 比較的古いバージョンのブラウザ環境では、CSS3が適用されません。 そこで、各ブラウザごとに用…
リスト
箇条書きリスト 番号なしリスト HTMLでは箇条書きリスト項目を作ることができます。例えば、果物の種類では、りんご、、バ…
あなたの効き脳はどっち?
あなたの思考はどっち? 右脳と左脳、人間の脳は大きく分けて2種類の機能を持っています。 よく目にするのは、右脳はアイデア…
保護中: はじめに
この投稿はパスワードで保護されているため抜粋文はありません。
● CSSがセットになったレッスンファイルをダウンロードする。
● HTML基本構文
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
● ブラウザによって事前に作成されたすべてのスタイルをリセットする。 (Reseter.css)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/krishdevdb/reseter.css/css/reseter.min.css">
● viewport-ビューポート設定-(meta内に記述する。)
<meta name="viewport" content="width=device-width, initial-scale=1">
● 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">
改行・区切り
改行要素 HTMLで文章の途中で改行をさせるには<br>(改行タグ)を使用します。改行タグは、空要素の分類に…
【1年生用】自由制作課題
自由なテーマで作ってみよう! 現時点で、習ったタグやスタイルを十分に使って、WEBページを制作します。 ●●●●の紹介 …
テンプレートの作成
Dreamweaverでテンプレートを作成する ページ数が非常に多いサイト構成の場合、修正や更新を手作業で行うには非常に…
見出し・文字装飾
見出しについて [crayon-673f753f78289753128109/] HTMLでは、レベル1からレベル6まで…
春休みの宿題2018
春のお出かけ情報 2018年度版の春休みの課題です。 ▶ 生徒作品を見る
保護中: 春休みの提出状況について(1)
この投稿はパスワードで保護されているため抜粋文はありません。
ベンダープレフィックスとは
ブラウザごとに異なる表示 比較的古いバージョンのブラウザ環境では、CSS3が適用されません。 そこで、各ブラウザごとに用…
リスト
箇条書きリスト 番号なしリスト HTMLでは箇条書きリスト項目を作ることができます。例えば、果物の種類では、りんご、、バ…
あなたの効き脳はどっち?
あなたの思考はどっち? 右脳と左脳、人間の脳は大きく分けて2種類の機能を持っています。 よく目にするのは、右脳はアイデア…
保護中: はじめに
この投稿はパスワードで保護されているため抜粋文はありません。