#author("2026-07-21T16:01:04+09:00;2026-07-21T14:44:58+09:00","default:member","member") #author("2026-07-21T16:04:27+09:00;2026-07-21T14:44:58+09:00","default:member","member") *持田真翔 ｜ &scale(70){Webデザイン演習}; [[Webデザイン演習]] ~ **HTML -HTMLの練習：[[html_sample_01>https://mochidamaaa.github.io/html_sample_01/]] ※Github -<p>：[[html_sample_02>https://mochidamaaa.github.io/html_sample_02/]] -<h1> 〜<h6>：[[html_sample_03>https://mochidamaaa.github.io/html_sample_03/]] -<ul><ol><dl>：[[html_sample_04>https://mochidamaaa.github.io/html_sample_04/]] -<a>：[[html_sample_05>https://mochidamaaa.github.io/html_sample_05/]] -<table>：[[html_sample_06>https://mochidamaaa.github.io/html_sample_06/]] -<img>：[[html_sample_07>https://mochidamaaa.github.io/html_sample_07/]] -<audio><video>：[[html_sample_08>https://mochidamaaa.github.io/html_sample_08/]] -<iframe>：[[html_sample_09>https://mochidamaaa.github.io/html_sample_09/]] -Semantic HTML：[[semantic_html>https://mochidamaaa.github.io/semantic_html/]] ~ ~ **CSS -CSSの練習：[[css_sample_01>https://mochidamaaa.github.io/css_sample_01/]] -CSSのまとめ：[[css_sample_02>https://mochidamaaa.github.io/css_sample_02/]] -CSSボックスモデル：[[css_box>https://mochidamaaa.github.io/css_box/]] -CSS Layout 1（flex）：[[layout_sample_01>https://mochidamaaa.github.io/layout_sample_01/]] -CSS Layout 2（position）：[[layout_sample_02>https://mochidamaaa.github.io/layout_sample_02/]] -CSS Layout 3（grid）：[[layout_sample_03>]] -CSS Layout 3（grid）：[[layout_sample_03>https://mochidamaaa.github.io/layout_sample_03/]] -Responsive Design 1（Media Query）：[[responsive_sample_01>https://mochidamaaa.github.io/responsive_sample_01/]] -Responsive Design 2（Mobile First）：[[responsive_sample_02>]] -Responsive Design 2（Mobile First）：[[responsive_sample_02>https://mochidamaaa.github.io/responsive_sample_02/]] ~ ~ **JavaScript -BLANK FILE：[[javascript_blank>]] -BASIC SAMPLE 1：[[javascript_sample_01>]] -BASIC SAMPLE 2：[[javascript_sample_02>]] -Swiper[[javascript_swiper>]] -Hamburger Menu：[[javascript_menu>]] ~ ~ **最終成果物 -GitHub：[[https://github.com/mochidamaaa]] -Portfolio：[[https://mochidamaaa.github.io/portfolio/]] ~ -サイトマップ #image(サイトマップ.png) -ワイヤーフレーム #image(top.png) #image(about.png) #image(works.png) #image(contact.png) ~ ***制作環境 -OS：Windows11 -Editor：Figma, Visual Studio Code, Claude Code -Browser：Chrome, Firefox, Safari, Edge