yeodaseul4355 / web_standard

👋 웹표준 사이트 만들기 프로젝트

View Site : https://yeodaseul4355.github.io/web2023/site/site1/index.html

웹표준을 준수하는 웹사이트를 개발하면 다양한 브라우저와 기기에서 일관된 사용자 경험을 제공할 수 있으며, 웹 접근성과 검색 엔진 최적화(SEO)에도 긍정적인 영향을 미칩니다. 이 과정에서 웹표준과 웹접근성에 맞춰 HTML, CSS, JAVASCRIPT에 대한 내용들을 학습하였습니다.

🔧 사용 스택

• HTML (HyperText Markup Language): 웹페이지의 구조와 콘텐츠를 정의하는 마크업 언어입니다. 웹사이트의 구조와 컨텐츠를 만들기 위해 사용되었습니다.
• CSS (Cascading Style Sheets): 웹페이지의 스타일과 레이아웃을 지정하는 스타일 시트 언어입니다. 웹페이지의 디자인과 레이아웃을 구성하기 위해 사용되었습니다.
• JavaScript: 웹페이지의 동적 기능을 추가하는 프로그래밍 언어입니다. 이 코드에서는 슬라이더, 버튼 동작, 자동 슬라이드 기능 등을 구현하기 위해 사용되었습니다.
• Swiper.js: JavaScript로 구현된 이미지 슬라이더 라이브러리입니다. 이 라이브러리를 사용하여 이미지 슬라이더를 구현하고, 자동 슬라이드와 터치 스와이프 기능을 추가했습니다.

📚 구현 내역

• 헤더(메뉴) 영역
• 이미지 슬라이드 영역
• 이미지 텍스트 영역
• 카드 영역
• 배너 영역
• 텍스트 영역
• 푸터 영역

⚙️ 프로젝트 실행

Step 1:
레포지토리 클론

git clone https://github.com/YeoDaSeul4355/web_standard.git

Step 2:
프로젝트 실행

Open With Live Server

스크린샷