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">
授業の準備
フォルダーとファイル フォルダーとファイルの説明をします。パソコンで作成した「データ」をファイルといいます。また、それを…
特殊記号の読み方
特殊記号を知ろう キーボードの記号 [crayon-676808bc7850b859819149/] 日本語の読み方は一…
文字入力とショートカット
文字入力 最近は、インターネット環境の中で「パソコン離れ」の時代と言われています。 https://linecorp.c…
インターネットとは
インターネットとは インターネットとは、世界中のコンピューターがTCP/IP(Transmission Control …
テキストエディタ
テキストエディタの準備 ホームページは、テキスト(文字)でできています。いわゆるメモ帳といわれる「テキストエディタ」で作…
Webサイトとブラウザ
ブラウザとは あなたは、ブラウザの種類をいくつ知っていますか? ウェブサイトを見るためのソフトを「ブラウザ」といいます。…
画像の配置
画像を挿入する img要素 img要素は、Webページに画像ファイルを挿入します。src属性でページに挿入する画像ファイ…
スタイルシートとは
CSS (Cascading Style Sheets) スタイルシートは、CSS(シーエスエス)とよばれています。 H…
セレクタの種類
セレクターの種類 セレクターには、「パターン」と呼ばれる条件が多数定義されています。 セレクターの種類をいくつかご紹介し…
id属性とclass属性
※Webクリエイター能力認定スタンダードテキスト資料 P.54参照 id属性とは 範囲指定(グループ化)された範囲や、特…
● 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">
授業の準備
フォルダーとファイル フォルダーとファイルの説明をします。パソコンで作成した「データ」をファイルといいます。また、それを…
特殊記号の読み方
特殊記号を知ろう キーボードの記号 [crayon-676808bc7850b859819149/] 日本語の読み方は一…
文字入力とショートカット
文字入力 最近は、インターネット環境の中で「パソコン離れ」の時代と言われています。 https://linecorp.c…
インターネットとは
インターネットとは インターネットとは、世界中のコンピューターがTCP/IP(Transmission Control …
テキストエディタ
テキストエディタの準備 ホームページは、テキスト(文字)でできています。いわゆるメモ帳といわれる「テキストエディタ」で作…
Webサイトとブラウザ
ブラウザとは あなたは、ブラウザの種類をいくつ知っていますか? ウェブサイトを見るためのソフトを「ブラウザ」といいます。…
画像の配置
画像を挿入する img要素 img要素は、Webページに画像ファイルを挿入します。src属性でページに挿入する画像ファイ…
スタイルシートとは
CSS (Cascading Style Sheets) スタイルシートは、CSS(シーエスエス)とよばれています。 H…
セレクタの種類
セレクターの種類 セレクターには、「パターン」と呼ばれる条件が多数定義されています。 セレクターの種類をいくつかご紹介し…
id属性とclass属性
※Webクリエイター能力認定スタンダードテキスト資料 P.54参照 id属性とは 範囲指定(グループ化)された範囲や、特…