2022.08.22 - [project-practice/HTML + CSS] - HTML + CSS 을 사용한 웹 메인사이트 만들기 - Goal, 계획 HTML + CSS 을 사용한 웹 메인사이트 만들기 - Goal, 계획 HTML 부터 시작해서 CSS.. jQuery.. Javascript 까지 공부한지 약 1달하고 조금 지났다. 기억이 가물가물해진 HTML,CSS를 복습할겸 간단한 웹사이트를 만들까 한다. 웹사이트 제작 Goal 1.잘 안써봣던 태그들 palkong.com 2022.08.24 - [project-practice/HTML + CSS] - HTML+CSS 웹 메인 사이트 만들기 - 1일차 보고서 HTML+CSS 웹 메인 사이트 만들기 - 1일차 보고서 1. 작업 시간 : 30분 남짓 2...
1. 작업 결과물: https://pangkurr.github.io/project/ 2. 총 작업 시간 : (30분+100분+82분+56분+55분+34분) = 5시간 57분 3. 문제점 규칙적으로 코딩에 시간을 투자하지 못한 점 (흐름이 끊김) 누굴 위한 정보인지, 어떠한 정보를 줄 것인지 생각지 않고 기획부터 짠 것. 제한된 HTML+CSS 만으로 어떤 UI를 만들지 계획을 하지 않았다. 사용할 줄은 알지만 응용면에서 퀄리티가 낮음. 이미지 크기 문제 (로딩속도가 느려짐) 1페이지 레이아웃에 대한 홈페이지 이해도가 낮음. (어떠한 ui 요소가 주로 있는지 몰랐음). 4. 후기 : 우선 나의 HTML & CSS 능력이 어느 수준인지 파악하는 시간을 가질 수 있었고, 홈페이지를 많이 안본 티가 많이 났던 ..
1. 작업 시간 : 56분 2. 작업물 : 레이아웃 css를 다 짜려고 했는데 뭔가 마음에 안들어서 지우고 다시 쓰는 데 시간이 많이 들었고, 결국 header만 작성 했다. Flex 기법을 사용했던 곳에 직접 조율이 힘들어서 float으로 바꿧다가 나중에 요소가 추가되면 수정하기 쉽게 다시 flex로 바꿧다가 겨우 그작업만 했는데 시간을 다써버렸다. 아래는 header만 작성된 결과물이다. 나머지 section 과 footer는 display:none을 박아 헤더에만 집중하기 좋게 감춰둿다. 위의 검색 창은 naver쪽 검색을 참고했다. form태그의 action속성과 input 태그의 name값 query, button태그의 type=submit 을 활용해 적은 것이다. input태그의 name값을 ..
무작정 웹 메인 사이트 만들기 2일차 째 포토샵도 안깔려있고 ppt로 간단하게 레이아웃을 짜봤다. 주제를 미리 정하지 않아서 주제선정과 어떤 템플릿을 참고할지에 대해 시간이 많이 걸렸다.. 주제 머할까 하다가 개를 키우고 있어서 겸사겸사 개 관련 페이지를 만들기로 했다. 1. 작업 시간 : 1시간 40분 (100분) 2. 작업물 : 주제선정, 템플릿 둘러보기 ,레이아웃 짜기 템플릿은 핀터레스트(pinterest)에서 레이아웃을 참고하였다. 여러 사이트에서 각가지의 템플릿들이 모여있는 사이트이다. 참고한 레이아웃을 바탕으로 틀을 만들어 보았다. 프로그램은 PowerPoint 를 사용했다. 작업에 쓰일 사진을 고르는데에도 시간이 많이 들은 것 같다. (선택장애 ㅠㅠ) 저작권 걱정없는 무료 이미지는 펙셀즈(p..
