ダレカンスクール
ログイン
検索:
コーディング研修
Web制作の基礎
01. インターネットとWebの仕組み
02. 受講の準備とコーディングの基礎知識
HTMLの基礎
01. HTMLの基礎知識
02. HTMLのhead要素 — Webページのさまざまな設定
03. テキストを書こう — 見出し・段落・改行の基本
04. 箇条書きを書こう — ul・ol・liタグの使い方
05. 画像を挿入しよう — imgタグとファイルパスの書き方
06. リンクを設定しよう — aタグの使い方
07. divとspanを知ろう — レイアウトの基本となる汎用タグ
08. コンテンツをグループ分けしよう — セクショニングタグの使い方
09. よく使うタグの補足 — table・iframe・figure
10. フォームを作ろう — form・input・textarea・labelの使い方
11. Webサイトにアイコンを設定しよう — ファビコンの設定
12. SNSでシェアされたときの表示を整えよう — OGPの設定
CSSの基礎
01. CSSを書き始めよう — 書き方・読み込み方法の基本
02. スタイルを当てる場所を指定しよう — セレクターの種類と使い方
03. 大きさの単位を理解しよう — px・em・rem・%の使い分け
04. 文字を装飾しよう — サイズ・太さ・行間・色の指定
05. フォントを変えよう — font-familyとWebフォントの使い方
06. 背景を設定しよう — 背景色・背景画像の指定方法
07. 要素の大きさを変えよう — width・height・displayの基本
08. 余白を調整しよう — ボックスモデル・margin・paddingの理解
09. 枠線・影・角丸をつけよう — border・box-shadow・border-radius
10. リストを整えてリセットCSSを導入しよう — list-style・デフォルトスタイルの上書き
11. 横並びレイアウトを作ろう — Flexboxの基本
12. タイル型レイアウトを作ろう — CSSグリッドの基本
13. アニメーションをつけよう — 疑似クラスとtransitionの使い方
14. 要素を自由に配置しよう — positionプロパティの使い方
15. スタイルのテクニックを身につけよう — 表・属性セレクター・縦方向の中央揃え
16. 検証ツールを使いこなそう — デベロッパーツールでのデバッグ方法
CSS演習01. サイトの準備とヘッダー・メインビジュアルを作ろう
CSS演習02. aboutセクション〜フッターを作ってindex.htmlを完成させよう
CSS演習03. company.htmlとcontact.htmlを完成させよう
基礎演習
サイト制作練習01. Figmaの使い方 — デザインデータの読み取りと画像の書き出し
サイト制作練習02. サイトを作ろう — オフィスデザイン会社CREA
