렝무식

인터넷과 브라우저라는 개념이 세상에 나온 것은 그리 먼 과거가 아닙니다. 그리고 더더욱이 스마트폰과 태블릿이 나온 건 거의 최근이라고 봐도 무방하죠.. ㅎㅎ 핸드폰이 없던 시절을 살던 사람과, 스마트폰이 없는게 이상한 세대의 아이들이 한 집에 살고있으니까요 잠깐 딴 소리 한 번 하자면, 요즘 가정에서는 부모님의 핸드폰 뒷자리가 다른 경우가 많다구합니다.. 저만해도 가족들 뒷자리가 모두 동일한데 말이죠!! 그 이유는 저희 부모님 세대는 핸드폰이 없던 세대라서 모두 결혼 하신 후에 핸드폰을 개통했기 때문에 뒷자리가 같은 반면에, 요즘 결혼하신 분들은 모두 본인 가정에서 핸드폰을 개통하고 나서 만나신 분들이라 부모님의 핸드폰 번호 뒷자리가 다르다는 거예요 ㅋㅋ ㅠㅠ 저는 가족이면 당연히 뒷자리가 다 같은거아니..

어제 태그로 슬라이드 영역에 사용되는 불릿 버튼을 만드는 예제를 포스팅 했었는데요. 오늘은 이 불릿버튼을 이용해서 메인 슬라이드의 겉모습을 만드는 예제를 한 번 복습해보겠습니다! (다른 수강생 분의 홈페이지 리뉴얼 시안이라서 기업이름을 좀 지웠습니다..ㅎㅎ 어짜피 세세한 텍스트보다는 레이아웃이 중요하니까 대충 넘어갈게요.) 슬라이드 영역이 있고, 텍스트가 오른쪽에 배치되어있으며, 텍스트 영역 안에 창업문의안내로 이어지는 링크버튼이 있는 형태입니다. 그리고 아래쪽 가운데에 슬라이드 불릿 버튼이 있습니다. 이런 경우는 영역을 다음과 같이 나누는 것이 좋습니다. ✅ HTML 상생하는 기업, OOO입니다. 창업문의하기 (1) 슬라이드 이미지가 들어갈 영역 (div) (1-1) 텍스트들이 들어갈 영역 (div) ..

display 속성은 해당 요소를 어떻게 보여줄 것인지에 대해 결정할 수 있는 css 속성입니다. 보통 관련있는 것들을 나열할 때, 과 태그를 이용합니다. ul li 태그는 본래 순서가 없는 요소의 리스트를 작성할 때 사용하는 태그지만, 실제로 그러한 용도로는 잘 쓰지 않는 것이 대부분입니다. 그런데 ul li 태그는 블록 요소이기 때문에 가로로 나열되지 않고, 보통 아래로 나열됩니다. 우리가 원하는 레이아웃을을 만들기 위해서는 가로로 나열이 되어야 하는데, 이때 사용할 수 있는 방법 중 하나가 바로 display: inline-block으로 속성을 변경해주는 방법입니다. block 요소의 특징은 다음과 같습니다. 줄 바꿈 발생 너비(width)의 기본 값이 100% 높이(height)의 기본 값은 0 ..

2024년 3월 21일 목요일에 24년도 웹디자인 기능사 실기 1회를 치루고 왔습니다 ~ 제가 실기접수날 하필 코로나에 걸렸거든요 ... 그래서 정신이 없어가지고 처음에 자리가 없는거예요ㅜㅜ 처음에 그래서 강릉에 시험장을 잡았다가 .. 나중에 춘천에 자리가 나서 무사히 춘천 산업인력공단에서 시험을 보게 되었습니다 히히. 결론부터 말하자면굉장히 운이 좋았습니다 ^__^ 이번에 24년도로 올라오면서 원래는 없었던 F유형이 추가되었는데요 다들 아시다시피... 기능사 공개문제들 보면 구식 디자인의 레이아웃이 대부분이거든요 출제위원회분들도 이대론 안되겠다 싶으셨는지 (ㅋㅋ) 최근들어 많이 사용하고 있는 디자인을 반영한 F유형이 새로 추가되었습니다. 웹디자인 기능사 공개문제는 A부터 F유형까지, 유형 마다 4개의 ..

http://wlals00.dothome.co.kr/ 방지민 포트폴리오 wlals00.dothome.co.kr 다짜고짜 주소부터 올리기 제가 맥도날드 홈페이지를 고른이유는 .. 그냥 친구가 맥도날드 홈페이지 리뉴얼 해봤으면 좋겠다고 해서! 입니다. 별 이유는 없음 그런데 제가 리뉴얼 디자인 시안을 포토샵으로 만들었을 때에는 웹페이지를 구성하는 dhtml 요소들을 거의 안 배운 상태였어서, 좀 현실적으로 불가능한 디자인들이 있습니다. 그래서 컨셉서 디자인이랑 실제로 만든 작업물이 쪼금 달라졌어요. ㅎㅎ 그리고 만들면서 진심 햄버거 먹고 싶었음 컨셉서 타이틀 만들고 "찢었따 .." 라고 생각함. 그런데 저는 개인적으로.. 저 스스로가 디자인에 대한 감각이 매우 매우 매우 구린 편이라고 생각합니다. 그래서 이..