메인메뉴 아래에 서브메뉴 추가하는 법
[ ▼ 하단 유튜브 영상으로 상세 설명! ]
책 구매하기 - https://book.naver.com/bookdb/book_detail.nhn?bid=16277469
Start up 아보느의 홈페이지형 블로그 만들기
블로그를 여행하다보면 돈 주고 만든 상업적 홈페이지처럼 멋있게 디자인된 블로그를 볼 수 있습니다. 이 책은 네이버에서 제공한 기본 디자인이 아닌 자신만의 색깔을 가진 블로그를 만드는
book.naver.com
영상 진행 순서
1. 서브메뉴를 추가하기 위한 레이아웃 구조 파악
2. # 6강에서 만든 br1위젯을 이용하기
3. 링크를 걸기 위한 아보느 공식 3단계
① 배경 디자인에 서브메뉴 디자인을 먼저 추가하기
② 해당 위젯에 투명 이미지를 넣기
③ 투명 이미지에 "이미지맵"을 이용하여 링크를 걸기!
4. 링크를 걸 때 그냥 링크를 안 걸고 이미지맵을 사용하는 이유?
5. 포토샵에서 서브메뉴 디자인 추가하기(투명 가이드 라인 활용)
6. 서브메뉴 부분만 조각이미지로 저장(이미지맵 좌표용)
7. 작업 한 배경이미지 "스킨배경"으로 적용
8. "카테고리"에 메인메뉴 아래에 서브메뉴 3개 추가하기
9. 서브메뉴의 url주소 확인하는 법
10. br1위젯에 투명 이미지 넣고 소스 수정하기
( 아보느 카페 자료 이용 - https://cafe.naver.com/aboneu/240 )
- 카페 회원 가입 후 폼메일 작성 필요! 개별 메일로 자료 전달해드립니다!
11. 투명 이미지 height 높이 강제로 늘이는 법과 그 이유
12. 이미지맵 좌표 구하는 온라인 사이트로 이동
13. 조각이미지를 이용해서 이미지맵 좌표 구하고 링크 거는 법
14. 최종 br1부분 서브메뉴에 맞게 소스 수정하기
15. 위젯 저장 후 블로그 화면 확인한 다음 세부 좌표 수정하는 법
16. 홈페이지형 블로그 시리즈를 마치며...(끝 인사 부분과 예고!)
'YouTube > 홈페이지형 블로그 만들기' 카테고리의 다른 글
| 네이버 애드포스트로 블로그에 광고 적용 (블로그 수익창출) (0) | 2022.07.30 |
|---|---|
| [홈페이지형 블로그만들기] 아보느 보고 만들었어요! 카페 회원들 작품소개 (0) | 2022.07.30 |
| [홈페이지형 블로그만들기] #9. 푸터(footer)만들기-하단 카피라이트 부분 추가하기 (0) | 2022.07.30 |
| [홈페이지형 블로그만들기] #8. 한 개 위젯으로 다수 SNS링크(이미지맵) & 검색 추가 (0) | 2022.07.30 |
| [홈페이지형 블로그만들기] #7. 블로그 썸네일 디자인 3종(원형 썸네일 만들기 포함) (0) | 2022.07.30 |
