본문 바로가기

YouTube/웹프로그래밍

반응형
[HTML/CSS/JS] #2. 박스와 텍스트에 그림자 넣는 방법(음영 추가) 실무 예시 1(박스 그림자) : http://bdmp-003.cafe24.com/bizdemo74068/ 실무 예시 2(텍스트 그림자) : http://bdmp-003.cafe24.com/bizdemo47639/ 1. 박스에 그림자(음영) 넣는 법 사용 방법(값 지정) : box-shadow: 5px 5px 5px 5px; 첫번째 값 - 오른쪽으로 얼만큼 이동시킬지 지정 두번째 값 - 아랫쪽으로 얼만큼 이동시킬지 지정 세번째 값 - 음영을 흐르게 할 범위 지정(생략 가능 or '0') 네번째 값 - 음영을 넓힐 거리를 지정(생략 가능 or '0') 박스에 투명도를 적용 안 한 경우(X)와 박스에 투명도를 적용 한 경우(O)의 차이입니다. ※ 투명도 적용한 것이 디자인상 보기 좋습니다! box-shadow.. 더보기
[HTML/CSS/JS] #1. HTML 기본 구조 및 DOM 트리 구조 HTML 이란? HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML 문서의 기본적인 구조 요소(element), 요소명(element), 요소 내용(Content), 시작 태그(StartTag), 종료 태그(EndTag), 속성(attribute), 값(value)으로 구성됩니다. 1. 요소 : 문서를 구성하는 각 내용을 해당 의미나 성질에 따라 '요소'로 분류 2. 태그 : 해당 부분이 어떤 요소인지를 '태그'라는 표시를 붙여 나타냄 ① 태그에는 와 가 있으며, 이 둘 사이에 '요소 내용' 을 넣어 기술 ② 위 그림에는 'a' 요.. 더보기
Lorem Ipsum 로렘 입숨 - 랜덤 텍스트 생성기 (한글버전 포함) Lorem Ipsum? 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다. — 로렘 입숨 - 위키백과, 우리 모두의 백과사전 https://www.lipsum.com/ Lorem Ipsum - All the facts - Lipsum generator What is Lorem Ipsum? Lorem .. 더보기
PlaceHolder - 샘플이미지를 url, html소스로 빠르게 자동 생성 Placeholder.com(플레이스홀더) ? 빠르고 간단한 이미지 자리 표시 생성기 사이트입니다. 즉, 시안 작업시 샘플 이미지를 자동 생성해서 url or html소스로 바로 적용할 수 있게 해줍니다. 사이트 링크 주소 - https://placeholder.com/ Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers Contents1 What Is Placeholder.com?2 How To Use Our Placeholders3 How To Set Image Size4 How To Set Image Formats5 How To Set Custom Text6 How To Set Backg.. 더보기
HtmlDrive - 무료 html, css, jquery, javascript 소스 다운 HtmlDrive 사이트는? 무료로 Dhtml 스크립트, J-query 플러그인, 자바 스크립트, CSS, CSS3, Html5 등의 각종 라이브러리 소스를 다운받을 수 있는 사이트입니다. 위 사이트에서 원하는 소스를 검색하고 다운로드하는 방법을 보여드리겠습니다. HTMLDRIVE 사이트에 접속합니다. http://www.htmldrive.net/ HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library www.htmldrive.net 1. 왼쪽에 원하는 카테고리 선택할 수 있습니다. 2. 그리고 다운받고 싶은 것을 찾아 클릭합니다. 3. View Demo 버튼을 클릭하면 해당 효과 미리보기가 됩니다. 4. Downlo.. 더보기
APMSetup 설치 방법 APM setup = Apache+PHP+MYSQL 으로 구성되어 있다. (아래 다운로드) http://kldp.net/apmsetup/release/ 다운받은 exe파일을 더블 클릭하면 설치가 시작된다. 업그레이드는 아니요 선택합니다. (실제 업그레이드가 안됩니다!) http://localhost/ or http://127.0.0.1/를 쳐서 아래 화면이 나오면 정상적으로 설치된 것입니다. p.s) https (X) , http (O) ※ 유튜브 영상으로 보기 유튜브 구독하기 : https://www.youtube.com/channel/UCcUay1K9SPKkM0NswclTl0Q?sub_confirmation=1 아래 영상 url : https://youtu.be/R8EVsXrMu6I 더보기
위로 가기

티스토리툴바