หลักการออกแบบ Web Design

Click Download file : Training สอนการออกแบบ Website ด้วย CSS. Stylesheet โปรแกรม Dreamweaver —- Setup 1. file > New // HTML5 2. ใส่ Title 3. Page Properties Setup : Font + BG.(imc.) + Headline ——– Layout 1. insert pannel (layout) > Draw Ap Div 1) ลากพื้นที่ logo 2). ลากพื้นที่ Menu Bar 3). ลากพื้นที่ Head-tilte 4). ลากพื้นที่ Section 2. ใส่ logo — Properties : + index 200 Px. + IP Name : logo   3. ใส่สีที่ Draw – Menu + ลดสีบาง + คลิกขวา – Quick Tag : เปลี่ยน <nav> </nav> + ที่ CSS – เปลี่ยนชื่อ nav 4. ใส่ Head-title + คลิกขวา – Quick Tag : เปลี่ยน <header> </header> + ที่ CSS – เปลี่ยนชื่อ header 5. ลดสีที่ Section + คลิกขวา – Quick Tag : เปลี่ยน <section> </section> + ที่ CSS – เปลี่ยนชื่อ section —– Position 1. Logo Proporties : L = 5% 2. Head Properties : + Index : 3 + L : 5% 3. Menu Bar Properties : + L : 5% + W : 90% 4. Section Properties : + W = 60% CSS : 1). Box > W. = 530 > Padding = 5 > Float = right 2). Position > Position : relative > index = 4 > Placement Top = 219px. right = 5% Add Properties : + Border radius 0/30/0/30 5. Body : Text CSS. BG. > BG. Attack = Fixed Add Properties > BG. Size = cover ออกแบบ Website