2014년 첫 전문가주말교육 영상입니다.
교육에 참여해 주신 분들의 복습과 사정상 참석하지 못하고 계신 예비 홈요님들의 편의를 위해 올려두었습니다.
이번 교육의 시연에서는 커뮤니티 사이트 만들기를 예제로 해 보았습니다.
교육 순서를 한번 훑어보시고, 교육 영상을 보시기 바랍니다.
< 개요 >
- 디자인 선택하기
- 복사해서 붙여 넣기
- 붙여 넣은 템플릿 수정하기
- 필요한 경우 어떤 html, css, javascript 적용 가능함
< 메뉴 >
- GNB
- LNB
- 모바일
- GNB 는 수동
- 페이지, 게시판 노출에 따라 자동 노출 아이콘 생성
- 링크걸기
< 페이지 >
- 페이지관리
- 분류 (템플릿 중요)
- 파일명, fid 값 알기
- 페이지편집
- 행열컨텐츠 개념
- 레이아웃의 개념
- 노출제한
- 치환문자열
- 매뉴얼 참고
- 자주활용되는 변수 매뉴얼도 참고
- 속성변경
- HTML 마크업수정 (홈요 솔루션의 페이지편집 기능은 마크업과 관련되어 있다)
- 웹 브라우저 요소검사의 이해
- 웹문서 구조의 이해
- 표준 : 헤더, 바디 등...
- 홈요
- 헤더&메타&JS
- div, tablel, tr, td, img 기타속성
- 시작태그/끝태그
- 크롬 요소검사
- 이미지사이즈
- 여백, 선, 사이즈 정확히 보는 법
< 게시판 >
- 생성
- 게시판을 생성 하면 저장공간(DB 테이블)과 6가지 페이지가 생성 됨
- 게시판을 생성 하면 저장공간(DB 테이블)과 6가지 페이지가 생성 됨
- 6가지 페이지
- 목록
- 보기
- 쓰기
- 수정
- 삭제
- 답변
- 4가지 요소
- 버튼
- 입력상자 (형태를 마음대로, 치환문자열 활용)
- 게시물항목 (형태와 링크의 다양한 조합이 가능)
- 폼 (6 + 1, 위 세가지 요소를 감싸주는 요소)
- 위 4가지 요소는 아무 페이지 에서나 사용 가능하다는 개념을 이해
- 속성변경
이번 교육에서는 css 변경등의 작업이 많지 않아 데모를 참고할 필요가 없어 데모를 제공해드리지 않았습니다.
교육내용 영상과 Q&A 영상을 분리해서 올려두었습니다.
감사합니다.
2교시 (커뮤니티 사이트 구축 시연) 영상
3교시 (게시판 수정 방법 안내) 영상
4교시( Q&A) 영상