웹페이지 구현, 웹사이트 구축과 관련된 용어 알아보기

웹페이지가 구축되기 위한 과정

1. 기획

2. 시안작업 : 시각적인 웹페이지를 구현하기 위한 용어

3. 개발작업(코딩) : 웹페이지 구현과 관련된 용어

4. 서버구축(완료) : 웹페이지 연결 및 구축과 관련된 용어

 

1. 시각적인 웹페이지를 구현하기 위한 용어

- 랜딩페이지 : 광고에 쓰이는 개념, 서비스 및 광고 등을 목적으로 특별 제작된 웹페이지 

단일 웹페이지인 경우가 큼

- 반응형 웹 : 하나의 웹페이지로 모든 기기에 호환되는 웹디자인 형태

- 원페이지 : 광고에 쓰이는 개념, 서비스 및 광고 등을 목적으로 특별 제작된 페이지

웹페이지의 메인화면에서 브라우저에 꽉차게 레이아웃을 보여주는 형태로 스크롤링을 통해 컨텐츠를 배치하는 스타일

 

- 그리드 : 웹페이지 레아아웃 형성을 위한 셀의 분배, 가이드 라인

- UX: 사용자의 경험을 고려한 디자인

- UI : 사용자의 사용환경, 시각적으로 접하는 디자인 총칭

 

- 메뉴관련 : Navigation Bar

GBN, LNB, QUICK MENU (Header안에 포함됨)

 

- 와이어프레임 : 웹페이지 디자인 구현 전 선형태로 레이아웃을 미리 형성해보는 틀

 

- 웹 스타일가이드 (WSG : Web Style Guide) : 웹페이지 디자인 작업 전 ui 및 그 외 사용할 스타일을 지정 후 작업하는 것

- 파비콘 : 웹페이지에 접속했을 때 페이지 탭에 보여지는 아이콘

 

- 템플릿 (= 프레임 워크) : 디자이너의 필요에 맞게 이미지나 동영상 혹은 다른 요소를 첨가해서 맞춤 제작하기 쉽도록 미리 만들어 놓은 웹페이지 

Bootstrap

WordPress, Your Way

 

2. 웹페이지 구현과 관련된 용어

- 언어 캐릭셋 <meta charset=""> : 웹 문서가 작성한 언어를 확인하여 변환하는 것

- 크로스브라우징 : 웹페이지 구현 시 다른 기종 혹은 브라우저에 따라 달리 구현되지 않고 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 웹페이지를 제작하는 것

-webkit- : 구글, 사파리
-moz- : 파이어폭스
-ms- : 익스플로러 (2022년 6월 15일 마이크로소프트 IE 11 지원종료 공식 발표)
-o- : 오페라

Can I use... Support tables for HTML5, CSS3, etc

 

 

- main & sub : 메인페이지와 서브페이지 (메인페이지를 제외한 페이지 전부)

- 호스팅 : 나의 인터넷 공간 즉 서버를 임대하는 것으로 웹 호스팅 전문업체를 통해 나의 서버를 임대가능

무료홈페이지 | 무료호스팅 | 닷홈

- 서버 : 브라우저에 띄워줄 인터넷 공간이자 자료를 넣을 저장 공간

- 관리자 : 웹페이지의 전반적인 뒷부분에 해당하는 영역으로 모든 설정을 선택하거나 변경 할 수 있는 관리자 전용 페이지를 말함

- 유지보수 : 웹사이트 구축 후 전반적인 운영을 도와주는 작업으로 정기계약을 진행함

- SEO (검색엔진최적화) : 검색 엔진 최적화로 검색을 하는 사용자들의 니즈를 확인하여 높은 질의 콘텐츠를 제공하는 것