Webサイト製作の基礎知識

パソコンとOS フォルダと拡張子の表示 「デスクトップ」フォルダはどこにある？ 画像ファイルの種類 「ブラウザ」の種類 WindowsとIEとEdgeとインターネットオプション 検索エンジン SEO対策：クローラー（Googlebot）とAI要約 インターネット通信の技術 コントロールパネル、デバイスマネージャ、ネットワークアダプタ コントロールパネル、ネットワークと共有センター IPアドレスとは ipconfigで通信規格を確認 tracertでdns.goolgeへの経路を確認 DNSサーバとは ブラウザのデベロッパーツール htmlの隠しページ探し htmlとcssの変遷と実例 フリーソフトTeraPad Windowsアクセサリ「メモ帳」は使わないの？ 「文字コード」とは 「改行コード」とは バイナリエディタで文字コード比較 試しに1頁：文字化け修正 無料レンタルサーバー（忍者ツールズ） 「ドメイン」とは 無料ドメイン取得 FFFTP FTP接続しwebページ公開 httpとhttps webページレイアウトパターン 閲覧デバイスと解像度 htmlのお作法 特殊文字一覧 htmlタグ一覧 ブロックレベル要素とインライン要素 ボックスの余白 webページの骨組み設計（構造化タグ） html4.01時代のfloatレイアウト html5以降のflexboxレイアウト 昔のframeタグ htmlファイルをいくつかのphpファイルに分割する cssの書き方 cssの設計 cssのお作法 リセットcss cssの優先順位 cssの色指定 marginとborderとpadding flexbox（フレックスボックス） 素材をGeminiで生成、コーディング cssファイルとhtmlファイルのパス 1カラムレイアウトのhtmlとcssを編集してみよう 1カラムレイアウトhtmlファイル事例 1カラムレイアウトcssファイル事例 2カラムレイアウトのXTHMLファイルをイマドキhtmlに書き換える 2カラムレイアウトのイマドキhtmlの例 2カラムレイアウトのhtmlファイル事例 2カラムレイアウトの文字化けcssファイル事例 2カラムレイアウトの正常なcssファイル事例 架空「ケチャポッポ」コーポレートサイト 他社サーバー管理画面を見てみよう wordpress minne、Wix等の管理画面 Word、ホームページビルダー CMSが出力するコード AI事例　Cursorで走るPython webコーダー実務：巨大なデザインデータのやり取り webコーダー実務：デザインカンプから画像切り出し 依頼主が困っていることはなんだろう お店の場所を検索する購買者が目にするもの Instagramの投稿とストーリーズについて考える webサイトをまるごとコピーするフリーソフト 国土地理院webマップ