Web/HTML & CSS14 html 문서 작성 기초 (block속성, inline속성) html 시작을 했다. 한 10년도 전에 잠깐 배웠었는데 메모장에 head, body, 글자 색상 바꾸는 걸 배웠었던 기억이 난다. 배우던 초창기에 취업이 됐었어서 그만뒀었었나.. 기억이 잘 안 나지만 뭔가 좀 지루하고 어려웠던 기억이 남아있다. 그래서 html을 나간다고 조금 걱정이 됐었는데 이제는 메모장이 아니라 Visual Studio Code(이하 VSCode)라는 프로그램 안에서 html을 작성한다고 한다. 우선 확장 탭에 들어가서 저 한국어 버전으로 VSCode를 돌릴 수 있게 해주는 Korean Language Pack for Visual, VSCode에서 작성한 웹페이지를 웹브라우저로 열어주는 Live Server, 코드를 정리해 주는 Prettier 이 세 가지를 설치하고 시작했다... 2024. 5. 29. 포토샵 활용_웹페이지 와이어프레임 구성 웹페이지 구성 명칭을 배우고 포토샵에서 웹페이지 설계를 위한 와이어프레임 구성을 실습했다. 인터넷을 하면 항상 보는 웹페이지지만 막상 직접 설계하려고 하니 적절한 크기와 배치가 쉽지 않았다. 게다가 처음에는 어떤 웹페이지인지 생각하지 않고 레이아웃만 짜려고 하니 어렵기도 해서 일단 코스메틱 브랜드 웹페이지로 주제를 잡고 진행해 보았다. 헤더에 로고와 내비게이션 서치바의 로고와 장바구니 회원정보 아이콘을 넣고 브랜드의 메인 비주얼 섹션을 넣고 브랜드 이미지를 소개하는 콘텐츠(메인타이틀 부분)와 제품을 구매할 수 있는 콘텐츠(서브 타이틀 부분)로 나누고 그 아래에 제품군 소개 콘텐츠를 넣었다. 그리고 가장 아래 푸터에는 제품 구매 관련 콘텐츠로 구성했다. 타이틀과 비주얼 사이의 간격이 괜찮다고 생각했는.. 2024. 5. 26. 이전 1 2 3 다음
