본문 바로가기

전체 글

 (121)
06. 웹 표준 사이트 만들기(2019) 06. 웹 표준 사이트 만들기(2019) 실제 사이트 만들 때는 서버에 들어가서 작업한다. 보통 다른 강사들은 로컬에서 작업을 한다. 서버에서 작업하는 것과 로컬에서 작업하는 것은 거의 흡사하지만 서버는 약간의 스킬이 필요하다. 여기서는 서버에서 작업을 할 것이다. "06. layout06.html" 파일을 만든다. 전체소스 header banner contents footer
05. 웹 표준 사이트 만들기(2019) 05. 웹 표준 사이트 만들기(2019) 1 ~ 4 레이아웃은 2000년대 레이아웃이다. 지금부터는 전체 배경이 들어간 사이트의 레이아웃을 배운다. 디비컷 사이트를 참고한다. 현대 백화점 사이트를 가보자. (https://www.ehyundai.com/newPortal/index.do) 1 ~ 4까지 배운 레이아웃으로는 하단의 전체영역을 표현하기가 힘들다. 가운데 부분을 '컨테이너'라고 말하고, 하단의 전체영역을 '전체영역'이라고 말할 것이다. 아래 그림을 보면 전체영역안에 컨테이너가 있는 것을 확인할 수 있다. 요즘에는 전체영역이 다 있다. 이번에 만들 레이아웃 구조이다. 전체영역이 있다. 해상도가 줄어도 전체영역과 컨테이너가 살아있다. "05. layout05.html"을 만든다. 전체소스 heade..
04. 웹 표준 사이트 만들기(2019) 04. 웹 표준 사이트 만들기(2019) "04. layout04.html"을 만든다. ※ 블록구조는 항상 한 줄에 하나밖에 표현이 안된다. 레이아웃을 잘 짜야 반응형 사이트도 잘 짠다. 전체소스 header nav side content1 content2 footer
03. 웹 표준 사이트 만들기(2019) 03. 웹 표준 사이트 만들기(2019) 블로그에서 많이 쓴다. ㅣ "03. layout03.html" 파일을 만든다. 전체소스 side header contents footer
02. 웹 표준 사이트 만들기(2019) 02. 웹 표준 사이트 만들기(2019) 레이아웃 유형을 연습한다. 전체박스가 있고 6개의 박스가 있다. "02. layout02.html" 파일을 만든다. 아래와 같이 작성한다. 볼록구조이기 때문에 아래와 같이 나온다. 전체소스 header nav side_left contents side_right footer
01. 웹 표준 사이트 만들기(2019) 01. 웹 표준 사이트 만들기(2019) 웹 표준 사이트를 만들기 위해서 레이아웃 연습을 많이 한다. 사이트를 만들기 위해서는 레이아웃을 먼저 만들어야 한다. 아래와 같은 레이아웃을 만들 것이다. 나중에는 서버에서 작업을 한다. 처음에는 코드 편집기에서 작업을 한다. 브라켓을 설치한다. C드라이브에 html 폴더를 생성한다. 브라켓을 열고 아래와 같이 html 폴더 아래 html 파일과 플러그인을 설치한다. 플러그인 설명 Custom Work : 브라켓 상단에 파란색 영역. 탭. 탭 메뉴. Emmet : 단축키 Indent Guides : 코드 정렬. 생성한 html 파일에서 ! + TAB 버튼(Emmet 기능)을 누른다. 레이아웃을 만들기 위해서는 구조를 먼저 생각해야 한다. https://webzz...
PHP, 블로그구현, 상단바 구현 PHP, 블로그구현, 상단바 구현 만약에 실수로 아래와 같이 원격 저장소를 잘못연결했다고 해보자. git remote add origin https://github.com/yunkangmin/my_blog.gitsdfsdfdsfsfd 그럴 경우에는 아래와 같이 한다. git remote
PHP 개념, 개발환경세팅 PHP 개념, 개발환경세팅 구글에 'xampp'라고 검색한다. 아래와 같이 링크를 클릭한다. 설치한다. 아래와 같이 선택하고 나머지는 디폴트로 설치한다. 구글에 'sqlyog community edition'을 검색한다. 다운로드 한 뒤 디폴트로 설치한다. 코딩용 폰트를 설치한다. 구글에 'D2 coding'이라고 검색한다. 가독성을 위해 설치한다. 1.3.2 버전의 아래 파일을 다운로드받는다. 압축을 풀지 않고 'D2Coding' 폴더에서 아래 파일을 더블클릭한다. 설치 버튼을 누른다. WIN + s를 누르고 xampp를 누른다. 아래와 같이 Apache Start 버튼을 클릭한다. 웹 브라우저에서 http://127.0.0.1:80/을 접속한다. 아래와 같이 화면이 뜬다. C:\xampp\htdocs..

티스토리툴바