오늘은 웹디자인 실기 B-4 유형을 연습해봅시당! B-4 pdf를 참고해주세여! 구조 산업대학교 대학소개 총장인사말 학교소개 홍보관 캠퍼스안내 입학안내 수시모집 정시모집 편입학 재외국민 정보서비스 대학정보알림 정보공개 정보서비스안내 커뮤니티 공지사항 참여게시판 자료실 미래를 이끄는열정 산업대학교 당신이 원하는교육 산업대학교 미래를 향한 우리의도전 산업대학교 산업대학교 새로운 소식 2023년 신입생 모집중2023.05.12 융합전공 멘토링 및 튜터링 학생 모집2023.05.12 학과 및 학년별 참여줄 확인2023.05.12 2023년 미래 자동차 워크숍 안내2023.05.12 우리 학교 풍경 산업대학교 2023 체육대전 바로가기 개인정보처리방침 정보 공개 홈페이지 운영지침 15073 경기도 안산시 산기대학..

오늘은 웹디자인 실기 A-3 유형을 연습해봅시당! A-3 pdf를 참고해주세여! 구조 강원천문대 강원천문대 천문대 소개 인사말 오시는 길 이용안내 프로그램 관람시간표 이달의 별자리 천문대예약 예약하기 예약확인 예약취소 커뮤니티 공지사항 방문후기 자유게시판 천문과학교육관 시설 소개 영상강의실로 놀러오세요! 천문관학교육관 이용 안내 어린이를 위한 천문 과학관! 별을 보는 고요한 정상 강원천문대로 놀러오세요! 공지사항 갤러리 강원천문대 2023년 휴관일 안내2023.05.12 강원천문대 2023년 온라인 예매 안내2023.05.12 강원천문대 휴관일 및 이벤트 안내2023.05.13 강원천문대 주차장 이용 및 숙박 안내2023.05.14 강원천문대 온라인 예매하기 예매하기 이달의 별자리 구경하기 바로가기 강원..

오늘은 메뉴 유형 2가지를 만들어보겠습니다! 메뉴 유형 1 구조 메뉴1 서브메뉴1-1 서브메뉴1-2 서브메뉴1-3 서브메뉴1-4 메뉴2 서브메뉴2-1 서브메뉴2-2 서브메뉴2-3 서브메뉴2-4 메뉴3 서브메뉴3-1 서브메뉴3-2 서브메뉴3-3 서브메뉴3-4 메뉴4 서브메뉴4-1 서브메뉴4-2 서브메뉴4-3 서브메뉴4-4 메뉴 안에 서브메뉴가 있는 구조입니다. 각각의 메뉴에 마우스오버를 하면 서브메뉴가 나오는 구조입니다. CSS .nav { width: 80%; background-color: #ccc; } .nav > ul { display: flex; justify-content: right; padding: 30px 40px; } .nav > ul > li { position: relative; } ..

웹디자인 기능사 실기 레이아웃 A~E유형 웹디자인 기능사 A~E유형 레이아웃을 짜봤습니당. 코드보기 https://yeodaseul4355.github.io/web2023/webd/index.html

메인 디자인 작업 참고사이트 https://www.goe416.go.kr/?p=14&viewMode=view&idx=302 https://ckdcos.com/ https://www.kleannara.co.kr/Main/main http://www.humanpivot.com/ https://www.culture.go.kr/index.do http://dncompany1.co.kr/ https://letspl.me/ https://www.weep.co.kr/ https://festa.io/ https://www.baaam.io/

일러스트를 활용해 펜툴따기 노가다라 넘 힘들었따 그래도 완성하고 나니 뿌---듯 토끼

안녕하세요! 오늘은 웹디자인 기능사 실기 연습, 레이아웃을 구성해보겠습니다! 구조를 짜고 CSS 설정하는 연습이 되겠죠!! 웹디자인 기능사 실기 이번에 연습해 볼 화면은 요겁니다! 포토샵으로 필요한 이미지 따오기 포토샵을 이용해 각각 이미지를 자른다음, 새로운 레이어에 복사 붙여넣기 해서 저장해줍니다. 이때, 그냥 jpg로 저장해주기 보단 웹용으로 저장해야 파일 사이즈 등을 확인할 수 있습니다. 포토샵에서 웹용으로 저장하는 단축키: Alt + Shift + Ctrl + S 이 이미지들은 크기가 적당해 최적화 진행을 안해도 괜찮지만, 파일이 큰 이미지들은 꼭 이미지 최적화 작업을 거쳐주셔야합니당. 이미지 최적화 사이트 : https://imagecompressor.com/ko/ 이렇게 img 폴더에 저장해..

이제까지 한 레이아웃을 합쳐보겠습니다. 일단 site1에 index.html을 만들어 기본 셋팅을 해주겠습니다. 사이트 만들기 1 index.html 기본 셋팅 head 안쪽에 SEO(검색 엔진 최적화), 파비콘, CSS를 연동시켜 기본 셋팅을 해주겠습니다. 파비콘은 경로에 맞게 저장을 해주셔야 합니다. SEO? SEO란 검색 엔진 최적화(Search Engine Optimization)의 약어로, 웹사이트를 검색 엔진에서 노출시키기 위한 기술적인 작업을 말합니다. 검색 엔진은 웹사이트의 컨텐츠를 수집하고 분석하여 검색 결과에 반영하는데, 이때 SEO는 검색 엔진의 알고리즘에 맞추어 웹사이트의 구조, 컨텐츠, 키워드 등을 최적화하여 검색 엔진에서 상위 노출되도록 하는 것입니다. 이를 통해 검색 엔진에서 ..