본문 바로가기

html

[2일차]Do it! 반응형 웹 만들기/ 46 ~ 64p / 02. px을 %로 바꾸기_01 Do it! 반응형 웹만들기 공부 2일차다. 02파트를 하루만에 끝내고 싶은 욕심이 있었지만 훑어보니 calc함수와 폰트와 멀티미디어의 가변 등 익숙하면서도 생소한 파트가 나와서 욕심을 버리고 반으로 나누어서 공부하였다. 기존의 반응형을 훑어보기 식으로만 알고 있을때에도 div나 여러 요소들을 단위가 px로 고정된 값이 아닌 %로 하여금 가변적으로 반응하도록 하고 있다는 것은 알고 있었다. 하지만 margin이나 padding 값을 고정할 수 있다는 생각을 하지 못해서 선호하지 않고 있었는데 오늘 책을 보면서 calc 함수로 고정할 수 있다는 사실을 처음 알게 되었다. 움직이는 가변패딩을 사용하는 방법 (가변 패딩을 적용할 패딩값/적용할 박스를 감싸고 있는 박스의 가로너비)*100= 가변패딩 %값 가변 .. 더보기
웹디자인기능사) 실전문제 따라하기 기출 유형 문제 01회 따라하기(앞의 이론들은 아무리 따라해봐도 따로따로 해선 의미가 없다고 판단) 11월 26일 공부한 것 1.파일 저장 요령2. notepad로 html과 css파일 연결하기-드림위버랑 노트패드가 다른건줄 알고 한참 삽질함. 3.선생님이 알려주신 파일 정리하기 꿀팁 문서제목 더보기
웹디자인기능사) HTML5익히기 -1일차 웹디자인기능사 실기공부 1일차 - 영진닷컴 이기적인HTML문서는 태그라고 부르는 마크업요소를 이용해 문서를 구현한다.마크업이란 정보를 표시하기 위한 방식 태그 이름은 대소문자를 구별하지 않음 컴퓨터가 문자를 처리할 수 있도록 바이트 형식으로 변환하는 것(인코딩) html문서의 기본 구조 style은 css에 따로 하는 편이지만 함께 작성하고 싶다면 head 안에 작성할 것 은 self=현재 문서가 있는 창parent=브라우저 현재 문서의 부모창blank= 새로운 창으로 열어줌top= 현재 사이트 최상위 레벨 창을 링크 div대신- header - footer - article input태그- text- checkbox- radio- button- password- submit- reset- email h.. 더보기
티스토리에 코드 예쁘게 삽입하는 방법 티스토리에 코드 예쁘게 넣는 소스 플러그인 적용 참조 파일 및 설명 블로그 http://keyserbetzman.tistory.com/6 사용방법 사용 후 화면출력 사용코드 더보기