ズッキー流 コーディング術

Transcript

1. ζοΩʔྲྀ ίʔσΟϯάज़ Kazuki Nakatani @taniyanpgd
2. ৽ٕज़͚ͩΛ࢖͏ɺϝϯλʔ෇͖ϋοΧιϯ × ͓࿩͍ͨ͜͠ͱ • HTMLॻ࣌͘ • ը૾Λॻ͖ग़࣌͢ • CSSΛॻ࣌͘ • ·ͱΊ
3. HTMLॻ࣌͘
4. HTMLॻ࣌͘ 1.psd͔ΒςΩετΛൈ͖ग़͢ 2.εχϖοτΛ࢖ͬͯaltΛ͍ΕΔ 3.Web DeveloperͰHTMLόϦσʔτ
5. ྑ͍ͱ͜Ζ ɾalt͕ೖ͍ͬͯΔͷͰݟ΍͍͢ ɾϚʔΫΞοϓ͕͙͢Ͱ͖Δ
6. ը૾Λॻ͖ग़࣌͢
7. ը૾Λॻ͖ग़࣌͢ ɾผwinͰpngΛॻ͖ग़͢ ɾબ୒ൣғ͔ΒεϥΠεΛͭ͘Δ ɾϨΠϠʔʹجͮ͘εϥΠεΛ࢖͏
8. ྑ͍ͱ͜Ζ ɾಁ໌png͕͙͢ʹ͔͖ͩͤΔ ɾεϥΠε͕ΞʔτϘʔυΛ͸Έͩ͞ͳ͍
9. CSSΛॻ࣌͘
10. CSSॻ࣌͘ 1.OneClickCSSΛ͔ͭ͏ 2.livestyleΛ࢖ͬͯͬ͘͟Γ͘Ή 3.livestyle+afloatͰpsdʹ߹ΘͤΔ
11. ྑ͍ͱ͜Ζ ɾcssΛૣ͔͚͘Δ ɾPSDʹ४ڌͯ͠ίʔσΟϯάͰ͖Δ
12. ·ͱΊ
13. HTMLॻ࣌͘ 1.psd͔ΒςΩετΛൈ͖ग़͢ 2.εχϖοτΛ࢖ͬͯaltΛ͍ΕΔ 3.Web DeveloperͰHTMLόϦσʔτ ྑ͍ͱ͜Ζ ɾalt͕ೖ͍ͬͯΔͷͰݟ΍͍͢ ɾϚʔΫΞοϓ͕͙͢Ͱ͖Δ
14. ྑ͍ͱ͜Ζ ɾಁ໌png͕͙͢ʹ͔͖ͩͤΔ ɾબ୒ൣғͩͱΞʔτϘʔυΛ͸Έͩ͞ͳ͍ ը૾Λॻ͖ग़࣌͢ ɾผwinͰpngΛॻ͖ग़͢ ɾબ୒ൣғ͔ΒεϥΠεΛͭ͘Δ ɾϨΠϠʔʹجͮ͘εϥΠεΛ࢖͏
15. CSSॻ࣌͘ 1.OneClickCSSΛ͔ͭ͏ 2.livestyleΛ࢖ͬͯͬ͘͟Γ͘Ή 3.livestyle+afloatͰpsdʹ߹ΘͤΔ ྑ͍ͱ͜Ζ ɾcssΛૣ͔͚͘Δ ɾPSDʹ४ڌͯ͠ίʔσΟϯάͰ͖Δ