single page

Transcript

1. γϯάϧϖʔδͷ΢ΣϒαΠ τ
2. IUUQXXXKJOBJBDKQTKE γϯάϧϖʔδɿॎʹ௕͍ϖʔδ͚ͩͰߏ੒͞Εͨϖʔδ IUUQT[P[PKQTQ ৘ใྔͷଟ͍΢ΣϒαΠτ͸
   ෳ਺ϖʔδ͔Βߏ੒͞ΕΔ ͜ͷϖʔδͷ৔߹
   ߴ͞͸ QYҎ্΋͋Δ
3. γϯάϧϖʔδʹඞཁͳ΋ͷɿϖʔδ಺ΛҠಈͰ͖ΔϦϯΫʢϖʔδ಺ϦϯΫʣ ΫϦοΫ͢Δͱ
   ಉҰϖʔδ಺ͷผͷ৔ॴʹδϟϯϓ͢Δ <a href="#future">কདྷͷਐ࿏</a> <h2 id="future">কདྷͷਐ࿏</h2> Λ಄ʹ
   JE໊Λॻ͘͜ͱͰ
   ͦͷ৔ॴʹδϟϯϓ͢Δ JE͸͜ͷΑ͏ʹݟग़͠λάʹॻ͍ͯ΋͍͍͠
   EJW΍TFDUJPOλάʹॻ͍ͯ΋ྑ͍ɻ
4. ϖʔδͷ಺༰Λ
   TFDUJPOλά JE
   Ͱ෼͚Δͱ؅ཧ͠΍͍͢ ಋೖ ϝχϡʔ ਎ʹͭ͘ྗɾֶͼํ কདྷͷਐ࿏ तۀՊ໨঺հ ଔۀੜ70*$& 2" <section id="manabi"> …͜ͷηΫγϣϯ಺༰… </section> <section id="future"> …͜ͷηΫγϣϯ಺༰… </section> <section id="subject_intro"> …͜ͷηΫγϣϯ಺༰… </section> <section id="voice"> …͜ͷηΫγϣϯ಺༰… </section> <section id="qa"> …͜ͷηΫγϣϯ಺༰… </section> TFDUJPOλάͰϖʔδͷ಺༰͝ͱʹ෼͚ΔɻͦΕʹJEʢ໨ҹʣΛ෇͚Δɻ
   JEͷ஋͸ࣗ෼ͰܾΊ໋໊ͯ͢Δɻϖʔδ಺Ͱճ͔͠༻͍ͯ͸͍͚ͳ͍ɻ
   JEʹ࢖͑Δจࣈ͸൒֯খจࣈͷΞϧϑΝϕοτɺ਺ࣈɺϋΠϑϯͱΞϯμʔείΞͷΈɻ
   ๯಄͸ඞͣΞϧϑΝϕοτͰ͋Δඞཁ͕͋Δɻ
5. γϯϓϧͳϖʔδߏ੒Ͱ࿅शͯ͠ΈΑ͏ ϝχϡʔ ࣗݾ঺հ ͓ؾʹೖΓ ΠϯλϏϡʔ <section id="about"> …ࣗݾ঺հ… </section> <section id="favs"> …͓ؾʹೖΓͷ঺հ… </section> <section id="interview"> …Q&AܗࣜͷΠϯλϏϡʔ… </section> ˞OBWλά͸OBWJHBUJPOʢφϏήʔγϣϯʣͷུ <nav> <div class="btn"><a href="#about">ࣗݾ঺հ</a></div> <div class="btn"><a href="#favs">͓ؾʹೖΓ</a></div> <div class="btn"><a href="#interview">ΠϯλϏϡʔ</a></div> </nav> 
   ͱ
   JE
   
   ͷؔ܎Λ
   ཧղ͠Α͏
6. posf t0 l0 w100p ϝχϡʔͷݻఆํ๏ ϝχϡʔΛಉ͡৔ॴɺྫ͑͹ը໘্෦ʹݻఆͰදࣔ͢Δʹ͸ɺ࣍ͷΑ͏ʹ$44Λॻ͘ɻηοτͰ֮͑Α͏ɻ λϒΩʔʹΑΔల։͸࣍ͷ௨Γ nav { position: fixed; top: 0; left: 0; width: 100%; } ϖʔδͷઌ಄΁δϟϯϓ͢Δ
   ͜ͷΑ͏ͳϘλϯ
   ʢը໘ӈԼʹݻఆʣͷ৔߹͸
   $44ΛͲͷΑ͏ʹมߋ͢Δʁ
   ௐ΂ͯΈΑ͏ɻ