Materialise 튜토리얼
Materialise는 CSS, JavaScript, HTML로 생성 된 UI 컴포넌트 라이브러리입니다. Materialise UI 구성 요소는 매력적이고 일관 적이며 기능적인 웹 페이지 및 웹 앱을 구성하는 데 도움이되는 동시에 브라우저 이식성, 장치 독립성 및 정상적인 성능 저하와 같은 최신 웹 디자인 원칙을 준수합니다. 더 빠르고 아름답고 반응이 빠른 웹 사이트를 만드는 데 도움이됩니다. Google Material Design에서 영감을 얻었습니다.
이 자습서는 Materialise의 기본 사항과이를 사용하여 더 빠르고 아름답고 반응이 빠른 웹 페이지 및 앱을 만드는 방법을 배우려는 전문가를위한 것입니다. 이 튜토리얼은 Materialise의 모든 기본 개념을 설명합니다.
이 자습서를 진행하기 전에 HTML, CSS, JavaScript, DOM (문서 개체 모델) 및 모든 텍스트 편집기에 대한 기본적인 이해가 있어야합니다. 또한 웹 기반 애플리케이션의 작동 방식을 알고 있다면 도움이 될 것입니다.
이 자습서에 제공된 대부분의 예제에 대해 Try-it선택권. 이 옵션을 사용하여 Materialise 프로그램을 그 자리에서 실행하고 학습을 즐기십시오. 다음을 사용하여 다음 예제를 시도하십시오.Try-it 다음 샘플 코드 상자의 오른쪽 상단 모서리에있는 옵션을 사용할 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>The Materialize Example</title>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel = "stylesheet"
href = "https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel = "stylesheet"
href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type = "text/javascript"
src = "https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
</script>
</head>
<body>
<div class = "card-panel teal lighten-2"><h3>Hello World!</h3></div>
</body>
</html>