๊ด€๋ฆฌ ๋ฉ”๋‰ด

ruriruriya

์›น๋””์ž์ด๋„ˆ์™€ ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๊ผญ ์•Œ์•„์•ผ ํ•  ์›น ์šฉ์–ด ์ •๋ฆฌ-1 ๋ณธ๋ฌธ

๐Ÿ–Œ๏ธWeb/WebDesign

์›น๋””์ž์ด๋„ˆ์™€ ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๊ผญ ์•Œ์•„์•ผ ํ•  ์›น ์šฉ์–ด ์ •๋ฆฌ-1

๋ฃจ๋ฆฌ์•ผใ…‘ 2020. 8. 25. 01:41
๋ฐ˜์‘ํ˜•

์›น๋””์ž์ด๋„ˆ์™€ ํผ๋ธ”๋ฆฌ์…”๊ฐ€ ๊ผญ ์•Œ์•„์•ผ ํ•  ์›น ์šฉ์–ด ์ •๋ฆฌ-1


1. Header (ํ—ค๋”)

๋กœ๊ณ , ๋ฉ”์ธ๋ฉ”๋‰ด, ๊ฒ€์ƒ‰์ฐฝ ๋“ฑ์ด ์œ„์น˜ํ•˜๋Š” ๋ถ€๋ถ„์œผ๋กœ ๋ชจ๋“  ํŽ˜์ด์ง€์—์„œ ๋™์ผํ•˜๊ฒŒ ๋ณด์ธ๋‹ค. 

 

2. Contents(์ฝ˜ํ…์ธ )

์›น์‚ฌ์ดํŠธ์˜ ๋ฉ”์ธ ์ปจํ…์ธ ๊ฐ€ ๋ณด์ด๋Š” ๋ถ€๋ถ„์œผ๋กœ ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๋ณ„๋กœ ๋‚ด์šฉ์ด ๋ณ€๊ฒฝ๋˜๋ฉฐ, ์ผ๋ฐ˜์ ์œผ๋กœ ์›นํŽ˜์ด์ง€์˜ ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๋Š” ๋ถ€๋ถ„์ด๋‹ค.

์ฝ˜ํ…์ธ ๋Š” ์›น์ƒ์—์„œ ์ œ๊ณต๋˜๋Š” ์ •๋ณด๋‚˜ ๋‚ด์šฉ๋ฌผ์„ ๋งํ•˜๋ฉฐ ์›น์‚ฌ์ดํŠธ์—์„œ์˜ ์ฝ˜ํ…์ธ ๋ž€ ์ธ์‚ฌ๋ง/์ œํ’ˆ์†Œ๊ฐœ ๋“ฑ๊ณผ ใ…๊ฐ™์ด ๊ณ ๊ฐ์—๊ฒŒ ์ œ๊ณต๋˜๋Š” ์ •๋ณด ํŽ˜์ด์ง€์ด๋‹ค.

 

3. Footer(ํ‘ธํ„ฐ)

์‚ฌ์ดํŠธ ๋งจ ์•„๋ž˜์— ๋ฐ”(bar) ํ˜•ํƒœ๋กœ ์œ„์น˜ํ•˜๊ณ  ๋ณดํ†ต copyright ๋ฌธ๊ตฌ์™€ ์ฃผ์†Œ, ๊ฐœ์ธ์ •๋ณด์ทจ๊ธ‰๋ฐฉ์นจ ๋“ฑ์ด ์‚ฝ์ž…๋˜์–ด ์žˆ๋‹ค. ์ด๊ฒƒ ๋˜ํ•œ ํ—ค๋”์™€ ํ•จ๊ป˜ ๋ชจ๋“ ํŽ˜์ด์ง€์—์„œ ๋™์ผํ•˜๊ฒŒ ๋ณด์—ฌ์ง„๋‹ค.

 

4. ์œ ํ‹ธ ์˜์—ญ

๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž…, ์ฆ๊ฒจ์ฐพ๊ธฐ, ๋งˆ์ดํŽ˜์ด์ง€ ๋“ฑ์˜ ์ž‘์€๋ฉ”๋‰ด๋กœ ์‚ฌ์ดํŠธ ์ „์ฒด์˜ ์ƒ๋‹จ์— ๊ณ ์ •๋˜์–ด ์ด๋™ํ•˜๋Š” ๋„ค๋น„๊ฒŒ์ด์…˜์œผ๋กœ ๋Œ€๋ฉ”๋‰ด๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค.

 

5 GNB(Global Navigation Bar)

๋งค์ธ๋ฉ”๋‰ด๋กœ 1depth์˜ ๋ฉ”๋‰ด๋“ค์ด ์ œ์ผ๋จผ์ € ๋…ธ์ถœ๋œ๋‹ค.

์‚ฌ์ดํŠธ ์ „์ฒด์˜ ์ƒ๋‹จ์— ๊ณ ์ •๋˜์–ด ์ด๋™ํ•˜๋Š” ๋„ค๋น„๊ฒŒ์ด์…˜์œผ๋กœ '๋Œ€๋ฉ”๋‰ด'๋ผ๊ณ ๋„ ๋ถ€๋ฅธ๋‹ค.

6. LNB(Local Navigation Bar)

์„ธ๋ธŒ๋ฉ”๋‰ด. 2depth ๋ฉ”๋‰ด (์ดํ•˜)๋ฅผ ๋งํ•œ๋‹ค.

๊ฐ„ํ˜น๊ฐ€๋‹ค ๊ฐ„ํ˜น ์ค‘์•™์œผ๋กœ ๊ฒฝ์šฐ๋„ ์žˆ๋‹ค.  LNB์˜ L์ด left๋กœ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ•œ๋‹ค

 

๋ฐ˜์‘ํ˜•