본문 바로가기

웹프로그래밍/웹프로그래밍수업35

(30)명품 웹프로그래밍_6장_자바스크립트언어_1 # 범위 자바크립트만의 특성, Html,Css,JavaScript 분류, JavaScipt의 세부적 역할JavaScript를 Html문서에 적용하는 방법(  4가지 )JavaScript 명령어1 : 다이얼 로그 ( 3가지 )# 노트 :● JavaScript의 특성, Html,Css,JavaSript 분류, JavaScript 세부적 역할 :● JavaScript를 Html문서에 적용하는 방법(  4가지 ) ● 무한 반복 애니메이션 구현 :○ 요약 :● 자바크립트만의 특성, Html,Css,JavaScript 분류, JavaScipt의 세부적 역할 :1_JavaScript와 다른언어(C++/C99/Java)의 차이점 :=> 컴파일 없이 브라우저 자체가 처리를 하여.  실행 , C언어 기반으로 제작됨● 웹.. 2024. 10. 12.
(29)명품 웹프로그래밍_5장_Open_Challenge #이전 4장_Open Challenge문제 이어서 작업 ○ 나의 코드 :● [Main.css] :123456789101112131415161718192021222324252627282930313233343536373839@font-face {  font-family: '휴먼편지체';  src: url('휴먼편지체.TTF') format('truetype');} body{  background-color: aliceblue;}h1{ color:brown; text-align: center; }h3{  color : blue;  text-shadow: 2px 2px 5px skyblue;}a{  text-decoration: none;}ul{  border: dotted 1px black;}p{  text-.. 2024. 10. 12.
(28)명품 웹프로그래밍_5장_실전문제 [문제1] :(1)번문제# 알아야 할 개념 : X # 코드 :12345678910111213141516171819202122232425262728293031323334!DOCTYPE html>html lang="en"> head>  meta charset="UTF-8">  title>div/title>  style>    div {      display: inline-block;      width: 200px;      border: 1px solid greenyellow;    }  /style>/head> body>  h3>3 개의 div 활용/h3>  hr>   div>    캔퍼스에 이미지를 그리기 위해서는    이미지를 담을 객체가 먼저 필요하다.  /div>  div>    Image 객체.. 2024. 10. 12.
(27)명품 웹프로그래밍_5장_CSS3고급활용_3(출력장면은 없음 직접 코드 넣어서 해봐야 됨) # 범위 CSS만으로만 무한 반복 애니메이션 동작 구현 => @keyframe 동작이름 + animation - name / duration / iteration - countCSS만으로만 행위할 때만 작동하는 애니메이션 동작 구현 => transition : 변화할 속성명 동작 시간 + hoverCSS만으로만 회전,이동,크기 변화, 기울기회전 애니메이션 동작 구현 => transform : rotate() , translate() , scale() , skew()# 노트 , 코드 , 출력장면 :● 무한 반복 애니메이션 구현노트 :코드 :123456789101112131415161718192021222324252627282930!DOCTYPE html>html lang="en"> head>  meta c.. 2024. 10. 8.

티스토리툴바