1. NCS - UI : ⓐ 사용자가 직관적으로, 무엇을 하면 어떻게 될지 예측할 수 있게 하고,
쉽게 조작할 수 있도록 도와주는 것.
ⓑ 사용자가 원하는 곳으로 찾아가게 하기 위해 일련의 정보를
제공하는 개념.
UX : ⓐ 사용자가 어떤 시스템, 제품 혹은 서비스를 직간접적으로
이용하면서 느끼고 생각하게 되는 총체적 경험
ⓑ 기술을 단지 효용성 측면에서만 보는 것이 아니라, 사용자의
삶의 질을 향상시키는 방향으로 이해하려는 새로운 개념
ⓒ 사용자 needs의 충족, 브랜드 충성도 향상 등에 기여함
2. # textpr
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>식물원 관람 안내</title>
</head>
<body>
<h2>관람 안내</h2>
<h4>○ 입장 및 관람 시간 안내</h4>
<ul>
<li>개장 시간 안내<br>
- 관람 시간 : 09시~18시<br>
- 매표 시간: 오전 9시 ~ 오후 6시(동절기 오후 4시 40분)<br>
- 휴원 : 연중 무휴</li>
<li>관람 소요 시간 : 평균 1시간 30분</li>
</ul>
<h4>○ 반입 금지</h4>
<ol>
<li>식물원의 전 지역은 금연, 금주입니다.</li>
<li>식물원에서 취사 행위를 할 수 없습니다.</li>
</ol>
<h4>○ 규제 사항</h4>
<pre>식물 채취 도구와 카메라 삼각대는 불허합니다.
<b>음식 및 과일은 개인용으로 소포장된 것만 허용</b>
하며 돗자리는 유치원, 어린이집 단체에 한해
일인용 돗자리를 허용합니다.
<b>인화성 물질, 애완동물, 놀이 및 운동기구,
음향기구 및 악기의 사용을 금합니다.</b>
※ 식물 보호를 위해 음식물은 국물이 없는 도시락,
껍질을 깐 과일, 음료수만 허용합니다.
</pre>
</body>
</html>
# flowerp
</html>
<html>
<head>
<meta charset="utf-8">
<title>야생화</title>
</head>
<body>
<h3>금계국</h3>
<img src="flowerr.jpg" alt="금계국" title="금계국">
<p>금계국은 북아메리카 원산이며<br>
관상용으로 화단에서 재배한다.<br>
6월~8월에 지름 2.5~5cm 노란 꽃이<br>
줄기와 가지 끝에 한 송이씩 핀다.<br>
물 빠짐이 좋은 모래흙이나 마사토에서 잘 자란다.<br>
</p>
</body>
</html>
3. prac7-패턴연습, prac7-legopattern
※ 알아두어야 할 것
◎ 확장자
- jpg : 다양한 색상(16만컬러)를 지원함.
사진에 적합 최적화된 저장.
투명하게 제작을 해도, 배경이 흰색처리 됨.
- gif : 투명하게 저장이 됨.
256색상 지원 -> 사진에는 적합하지 않음.
- png : 다양한 색상지원 하면서 투명하게 저장.
용량을 좀 더 차지함. (낮출 경우 이미지 조정이 필요)
익플5버전에서는 지원이 안됨.
◎ HTML5
- 이미지 소스는 포토샵에서 수정 후 삽입이 원칙.
- <p>와 <pre> 태그의 차이의 중요성 !!
│ └ 입력한 그대로 출력. (줄바꿈 필요 x)
│
└ 닫히는 시점에서 아랫줄 라인이 생김. (줄바꿈 필요)