안녕하세요 웹아이입니다. CSS의 선택자(Selector)선택자 { 속성:값 } h2 { color:red; } 여기서 선택자는 h2가 되겠죠속성이 어디에 적용되는지 표시한다고 해서 '선택자'라고 합니다.!! 전체 선택자 (Universal Selector)모든 요소에 스타일을 적용할 때 전체선택자를 사용합니다.별표(*)를 사용합니다. * { margin:0; padding:0; } 태그 선택자 (Tag Selector)특정 태그에 스타일을 적용할 때 사용합니다. p { font-size:12px; font-family:"돋움"; } P 태그 내부에 있는 텍스트에글꼴 사이즈를 12px, 글꼴 모양을 돋움으로 적용하라는 의미 입니다. 클래스 선택자 (Class Selector)특정부분에 스타일을 적용할 때..

거인의 어깨를 통해 한단계 빠르고 쉽게 목표를 달성하는건 현명 한다고 합니다. 홈페이지 만들때 항상 들어가야하는 회원관리, 게시판 등 매번 만들 필요 없잖아요?? window 컴퓨터에 설치된 WAMP에 그누보드 설치하는 방법을 준비했습니다.^^ 아직 동영상 제작도 그렇고 설명하는 것도 초보 입니다.^^ 그래도 최대한 쉽게 설명하고자 많은 노력중이니 이해해주셔요!~~~ 댓글로 알고 싶으신 코딩이나 개발 팁이 있으시면 남겨주세요!! 다음 동영상 제작시 참고하도록 할께요!~~~

안녕하세요!웹아이 입니다~ 스타일의 적용 우선순위에 대해서 알아보겠습니다.스타일의 우선순위는단계적으로 우선순위가 정해집니다. 예를 들면 스타일은 단계적으로 적용됩니다. 이렇게 하면,p태그의 글자는 blue 색상으로 적용이 됩니다. 스타일은 단계적으로 적용됩니다. 나중에 쓴 스타일이 적용되는거죠! 하지만 예외가 있습니다.!important이걸 써주게 되면 상황이 바뀝니다. !important 를 써준 스타일이 우선 적용 됩니다. 스타일은 단계적으로 적용됩니다. 이렇게 작성해주면,p태그의 글자는 red가 우선순위로 적용이 됩니다. 스타일은 단계적으로 적용됩니다. 그리고 !important 보다도 우선순위로 적용할수 있는방법이 있습니다.그건..바로 스타일은 단계적으로 적용됩니다. 태그 안에 직접 넣어주는 것이..

안녕하세요웹아이_디헤 입니다:D 매번 클라이언트마다 요구하는 이미지는 많은데..살수도 없고...그릴수도 없고......너무 스트레스를 많이 받아왔어요 구글이미지도 많이 썼지만고퀄이 아닌게 많죠...해외사이트들은 고퀄 무료 이미지가 많더라구요! 이미지 누르시면 이동됩니당:) pixabay flickr Unsplash All-free-download freedigitalphotos GRATISOGRAPHY everystockphoto LibreStock StockSanp freerange NegativeSpace freenaturestock THE STOCKS PEXELS sockvault Stencil

안녕하세요.웹아이입니다 :D 스타일의 기본형태선택자 {속성:값} p {color:blue;} 여기서 보면p가 선택자(selector) / color가 속성(attribute) / blue가 속성값(value)이 되는것입니다.쉽게 말해 p를 선택해서 color속성에 blue값을 줘라!! 가 되는거에요 한가지 선택자에 여러가지 속성을 적용할 경우, h2 { font-size:20px; color:purple; } 위와 같이세미콜론(;)으로 구분하여 나열하면 되요~ 그러면 스타일정보를 어디에 기록해두나요?스타일은 내부스타일시트와 외부스타일시트로 사용할 수 있습니다.(물론 지난 시간에 말씀드렸듯이 태그 안에 직접 사용도 가능하지만 권장하지 않습니다. ) 내부스타일시트문서안에서 head안에 써 넣는 것입니다. (..

Q. 1. ploginframe ID(아이디)를 가진 엘리먼트를 보여준다?? 2. window.frames["ploginframe"].location = "plogin.php";는 window.location.href = "plogin.php"; 와 무었이 다르고 사이에 프레임을 넣은 읨는 무었인지?3. document.getElementById("ploginframe").reload(true);는 새로고침인데 history가 남지 않아서 뒤로가기를 할수 없다?? 여기저기 찾아봐서 의미는 대충 알겠는데 정확한 뜻을 알고 싶습니다. A.1. ploginframe ID(아이디)를 가진 엘리먼트를 보여준다?? - ploginframe ID를 가진 앨리먼트를 화면상에 보여줍니다. 예를 들면 레이어 팝업을 예를 ..

안녕하세요 웹아이 입니다. 오늘은 CSS (Cascading Style Sheet)에 대해 간단히 설명해 보겠습니다. HTML과 CSS?? HTML이 텍스트나 이미지, 표 같은 각 요소를 이용하여 웹 문서에 뼈대를 만드는 것이라고 한다면, CSS는 텍스트의 색상이나 크기, 이미지 크기나 위치, 표의 색상 등 웹 문서의 디자인 요소를 담당하는 것입니다. 쉽게 말해 웹페이지의 인테리어라고 이해하시면 될것 같네요!~~ CSS는 다음과 같이 태그 안에 넣어서 사용이 가능합니다. 하지만 저렇게 태그안에 넣지 않고 선택자를 이용해서 사용해주는 경우가 많습니다. 왜 그렇게 사용해야할까요? 1. 웹 문서의 디자인과 내용을 분리할 수 있습니다. 내용을 건드리지 않고 스타일 시트를 이용해 디자인만 변경해서 완전히 다른 느..

안녕하세요 웹아이_디혜입니다:D 파비콘?? 파비콘이 뭔지도 몰랐던 저... 그런데 이제 파비콘 만드는 법까지 포스팅하는 날이 오네요 파비콘은요 조기 보이시는거 저겁니다..ㅋㅋㅋ 만드는 방법은 생각보다 아주 간단해요!! 일단 만들고 싶은 이미지를 16*16px로 만들어 줍니다. 저는 포토샵에서 했어요. 이렇게 16*16px로 새창을 열고 파비콘 만들 이미지를 그려주거나 불러와줍니다. 저는 고양이 발바닥으로 할거에요 요런식으로 작은 이미지를 만들어줍니다. (참고로 배경 투명하게 해도 가능하답니다.^^) 웹으로 저장 (Ctrl + Shift + Alt + S) 을 해줍니다. 저는 PNG로 저장했어요. 이렇게 만든 후 ico파일로 변환해주는 사이트에 들어갑니다. www.convertico.com 저기 동그라미 ..

집에 있는 컴퓨터로 웹서버를 손쉽게 만들 수 있다는 사실을 아시나요?? 네 제가 알려드리겠습니다.!! 어렵지 않으니 아래 동영상을 보시면서 따라하시면 되요!~^^ 설치는 잘 하셨나요? 처음 찍은 동영상이다 보니 부족한 부분이 많이 보입니다.ㅠ 점점 더 좋아 질꺼라 기대하고 있어요... 알고 싶은게 있으시면 댓글로 남겨주세요. 제가 아는거라면 강좌 만들어 보겠습니다.^^ 감사합니다.~~~

서버이전을 하거나 PHP를 새로 설치했을 경우 모든걸 마치고 홈페이지로 접속하는 순간....... PHP 코드들이 똻~~~~~~ 멘붕이 오져..ㅎㅎㅎ 저도 가끔 멘붕이 옵니다... 그럴땐 정신을 차리고!!! 빨리 Putty 접속!!! php.ini 파일을 vi에디터로 열구요~~~ 경로는 다를수 있어요..ㅎㅎ 저같은 경우는 /etc/php.ini 랍니다.. 파일을 여셨으면 /short_open_tag 라고 쳐서 찾아냅니다.... 분명히 short_open_tag = Off 라고 되있으실꺼에요 꼭 그렇게 되어있으셔야하는데..... 이부분을 short_open_tag = On 으로 수정하시면 되요... 이런 문제가 발생하는 이유는.....