본문 바로가기
Frontend

07월 03일 수 | UI 화면구현 03 - HTML과 CSS

by 구라미 2019. 7. 3.

HTML과 CSS

1. 프레임 나누기

 

- 예전 웹환경에서 사용했던 프레임나누기이다.

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<title>Frameset</title>
</head>

<!-- <body></body>를 나누는 것이기 때문에.
가로로 나누기 cols
세로로 나누기 rows
 -->

<frameset cols="10%,20%,*">
	<frame style="background: #FF00FF"></frame>
	<frame style="background: #FFFF00"></frame>
	<frame style="background: #00ffFF"></frame>
</frameset>

</html>

 

 

 

 

-인트라넷 용 템플릿

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<title>leftmenu.html</title>
	<base target="sub">
</head>
<body>
	<h1>관리자페이지</h1>
	<hr>
	<a href="https://www.data.go.kr/" target="sub">공공데이터포털</a>
	<hr>
	<a href="https://www.naver.com/" target="sub">네이버</a>
	<hr>
	<a href="https://www.pinterest.co.kr/" target="sub">핀터레스트</a>
	<hr>
	<a href="10_Table.html" target="sub">테이블</a>
</body>
</html>

 

 

 

 

2. 웹의 3요소

1. 웹표준

웹에서 사용되는 기술이나 규칙을 의미하며 웹 사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정과 다른 기종이나 다른 플랫폼에서도 웹페이지기 구현되도록 제작하는 기법 등을 포함한다.

 

2. 웹 접근성(Web Accessibility)
어떠한 사용자(장애인, 노인 등), 어떠한 기술 환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것을 뜻한다. 사용자 웹 접근성이란 모든 사용자가 웹 콘텐츠에 보다 손쉽게 접근할 수 있도록 웹 접근성 지침을 준수하여 설계하고, 실사용성을 고려하여 웹 사이트를 구현하였는지 여부의 수준을 의미
한다.


3. 웹 호환성(Cross Browsing)
서비스 이용자 단말기의 하드웨어 및 소프트웨어 환경이 다른 경우에도 동등한 서비스를 제공하는 것을 의미한다.

 

3. CSS2

1. 웹표준

웹에서 사용

 

 

댓글