목록언어 (6)
LogicalMaster
PHP 로 간단한 게시판을 만들어보기
안녕하세요. 이번엔 PHP 을 이용하여 간단한 게시판을 한번 만들어 보겠습니다. - 필요 준비물 PHP, MySQL, NGiNX 서버, phpMyAdmin (DB 관리 툴), 비주얼코드 (Visual Code). 이렇게 되겠습니다. 바로 시작합시다. - 먼저 서버 설치 (xampp) 다운로드 공식 사이트 : www.apachefriends.org/index.html XAMPP Installers and Downloads for Apache Friends What is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, easy to install Apache distribution containin..
초간단) jQuery (제이쿼리) 로 시계를 만들어보자
- 소스 - 결과화면 시계는 레이아웃에 따라 상이할 수 있다. 필자는 사이트 옆 배너에 달아주었다.
HTML 강좌 - Part 3 (문구, 이미지, 버튼 삽입)
지난 Part 1, 2 동안 글을 써왔으나 초보자분들이 알아듣지 못하게 써서, Part 3 부터 재 작성을 시작합니다. 이번 강좌에서는 기본적은 문구 삽입, 이미지와 버튼을 삽입해보도록 하겠습니다. 먼저 Html 이란 Hyper Text Markup Language 의 약자이며 홈페이지를 만드는데 있어서 기본적인 프로그램 언어라고 생각하시면 됩니다. 먼저 HTML 구조는 으로 끝나는것을 태그라 칭합니다. 예를들면, 와 같습니다. 먼저 HTML 로 기초적인 문법을 사용하여 페이지를 한번 제작 해 보도록 하겠습니다. - 소스코드 문서 타입을 지정하는 태그입니다. html 기본 태그입니다. HTML 시작할때 처음으로 삽입하는 태그 입니다. head 태그는, 스크립트 혹은 CSS 스타일시트를 지정하거나 기타 웹..
HTML "반응형" 레이아웃 만들기 - Part 2
이전 자료 참고 lomea.tistory.com/58 HTML 레이아웃 만들기 - Part 1 LogicalMaster HTML 레이아웃 만들기 - Part 1 본문 카테고리 없음 HTML 레이아웃 만들기 - Part 1 LogicalMaster 2020. 8. 26. 16:48 Prev 1 2 3 4 5 6 ··· 47 Next lomea.tistory.com 출처 https://www.codingfactory.net/10534 CSS / 반응형 레이아웃 만들기 반응형 웹디자인 웹사이트의 레이아웃을 만들 때 방문자가 사용하는 모니터의 화면 해상도를 고려해야 합니다. 너무 크게 가로폭을 만들면 작은 해상도의 모니터로 접속했을 때 가로 스크롤이 www.codingfactory.net - 소스 Respons..
CSS 에 대해 알아보자
출처 https://webdir.tistory.com/338 CSS 기초(정의, 링크, 문법, 우선순위) CSS의 입문자들을 위해 유념해야 하는 부분들을 간단히 작성한 글입니다. CSS 정의 CSS는 Cascading Style Sheet의 약자이다. CSS는 문서의 콘텐츠와 레이아웃, 글꼴 및 시각적 요소들로 표현되는 문서의 � webdir.tistory.com CSS 정의 CSS는 Cascading Style Sheet의 약자이다. CSS는 문서의 콘텐츠와 레이아웃, 글꼴 및 시각적 요소들로 표현되는 문서의 외관(디자인)을 분리하기 위한 목적으로 만들어졌다. CSS 레벨 CSS 명세는 World Wide Web Consortium에서 관리한다. CSS는 세 개의 주 레벨이 정의되어 있고 이 레벨들은 ..
HTML 레이아웃 만들기 - Part 1
이번시간에는 HTML, CSS 를 이용하여 레이아웃을 만들어 보겠습니다. HTML 파일로 저장하시고 브라우저로 열면 됩니다. - HTML 하기 전에 먼저 알아야 할 것들 div - div태그는 Division의 약자로 웹사이트의 레이아웃(전체적인 틀)을 만들때 주로 사용합니다. div는 웹페이지에서 논리적 구분을 정의하는 태그입니다. div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용할 수 있습니다. style - style 속성은 CSS 처럼 스타일을 적용할 수 있습니다. 예) - 소스 doctype html> CSS #jb-container { width: 1080px; margin: 0px auto; padding: 20px; } #jb-header { ma..