LogoMark.png

深井梨々子/Webデザイン演習 の変更点

#author("2026-07-14T17:08:39+09:00","default:member","member")
#author("2026-07-14T17:22:35+09:00","default:member","member")
*Fukai Ririko ｜ &scale(70){Webデザイン演習};
[[Webデザイン演習]]
~
**HTML
-HTMLの練習：[[html_sample_01>https://06rriik92-gif.github.io/html_sample_01/]]※Github
-<p>：[[ html_sample_02>http://06rriik92-gif.github.io/html_sample_02/]]
-<h1>〜<h6>：[[html_sample_03>https://06rriik92-gif.github.io/html_sample_03/]]
-<ul><ol><dl>：[[html_sample_04>https://06rriik92-gif.github.io/html_sample_04/]]
-<a>：[[html_sample_05>https://06rriik92-gif.github.io/html_sample_05/]]
-<table>：[[html_sample_06>https://https://06rriik92-gif.github.io/html_sample_06/]]
-<img>：[[html_sample_07>https://06rriik92-gif.github.io/html_sample_07/]]
-<audio><video>：[[html_sample_08>https://06rriik92-gif.github.io/html_sample_08/]]
-<iframe>：[[html_sample_09>https://06rriik92-gif.github.io/html_sample_09/]]
-Semantic HTML：[[semantic_html>https://06rriik92-gif.github.io/semantic_html/]]
~
~
**CSS
-CSSの練習：[[css_sample_01>https://06rriik92-gif.github.io/css_sample_01/]]
-CSSまとめ：[[css_sample_02>https://06rriik92-gif.github.io/css_sample_03/]]
-CSSボックスモデル：[[css_box>]]
-CSSボックスモデル：[[css_box>https://06rriik92-gif.github.io/css_box/]]
-CSS Layout 1　（flex）：[[layout_sample_01>https://06rriik92-gif.github.io/layout_sample_01-/]]
-CSS Layout 2　（position）：[[layout_sample_02>https://06rriik92-gif.github.io/layout_sample_02/]]
-CSS Layout 3　（grid）：[[layout_sample_03>]]
-Responsive Design 1 (Media Query)：[[responsive_sample_01>https://shiesuta23.github.io/responsive_sample_01/]]
-Responsive Design 2 (Mobile First)：[[responsive_sample_02>https://shiesuta23.github.io/responsive_sample_02/]]
~
~
**JavaScript
&color(red){演習内容をリンク};
~
~
**最終成果物
-GitHub：https : // github.com/johnsmith
-Portfolio：https : // johnsmith.github.io/portfolio/
&small(※リンクを無効にするため半角スペースを挿入しています。自分のページに掲載の際は、スペースを詰めてください。);

-サイトマップ
 
#image(260630.png)
 
-ワイヤーフレーム
iPhone17
#image(iphone17.png)
Mac Air
#image(mac air.png)
 
 
 ※画像をアップロードする
 
 
~