HTML/CSS
2026.01.30 学習記録 ～コーディングと生成AI～
HTMLとCSSを書いてくれる生成AI WebサイトのUI要素やコンポーネントをテキストの指示から自動生成することができる。プログラミングの知識が少ない人でもWebサイトの作成が容易になるため、近年注目を集めている。 主 […]
2025.12.27 学習記録 ～成績考査④～
本日の成績考査用の固定ページを作成し、HTMLとCSSを編集してLPデザインを行った。 ターゲット：20～40代女性、お子様がいらっしゃるご家族、10代後半の若いカップル、猫好きの方 メインターゲットである20～40代女 […]
2025.12.25 学習記録 ～HTML/CSS⑦～
メディアクエリについて学習し、実際にHTMLとCSSのコードを編集してレスポンシブウェブデザインの表示を整えた。 HTML/CSS編集後のサイト（スマートフォン表示） HTML/CSS編集前のサイト（スマートフォン表示） […]
2025.12.20 学習記録 ～FTP操作実習～
本日FTPでアップロードした画像 ファイルのアップロード方法 デスクトップにある FFFTP を起動する。→「新規ホスト」を押下。 FFFTPでサーバーに FTP 接続を行うためには、以下の情報が必要。 ①ホストの設定名 […]
2025.12.17 学習記録 ～HTML/CSS⑥～
HTML/CSS編集後のサイト HTML/CSS編集前のサイト HTML/CSS編集後のサイト HTML/CSS編集前のサイト FTPについて FTP（File Transfer Protocol）は、サーバとクライアン […]
2025.12.16 学習記録 ～HTML/CSS⑤～
疑似クラス 特定の状態になった要素だけにスタイルを当てるための使われる。疑似クラスを指定する部分にはスペースを入れないよう注意！ テーブル table 要素（テーブル作成） <table> テーブルコンテンツ […]
2025.12.15 学習記録 ～HTML/CSS④～
CSSの基礎を勉強し、実際にHTMLとCSSのコードを編集してサイトの表示を整えた。 HTML/CSS編集後のサイト HTML/CSS編集前のサイト CSSの基本構造 セレクタ｛ プロパティ: 値;} /*コメント […]
2025.12.13 学習記録 ～HTML/CSS③～
CSSの基本構造 HTMLファイルとは別に記述する場合 セレクタ { プロパティ: 値; プロパティ: 値;} セレクタ{…どこのプロパティ:…何を値;…どうする} HTMLファイル内に記述する場合 hea […]
2025.12.11 学習記録 ～HTML/CSS②～
Webサイト（ページ）作成の流れ コーディングの手順 １.【素材の確認】 ・ロゴ・ピクトグラム・写真・原稿・その他（SNSやjQueryの動きの素材等々…） ２.【マークアップ】 ３.【CSSでデザインをする】 リセット […]
2025.12.10 学習記録 ～HTML/CSS①～
HTMLの基礎を勉強し、実際にコードを編集してサイトの表示を整えた。 HTML編集後のサイト HTML編集前のサイト WEBページの構造について Web ページ ＝ HTML（文書構造） ＋ CSS（ […]