Name: 웹 프로그래밍의 기초 HTML을 활용한 효율적인 웹 페이지 설계 및 구현 방법 - 올레포트
SKU: 50017197
Price: 6000 KRW
Availability: InStock

방송통신 > 컴퓨터

인쇄

바로가기

파일

웹 프로그래밍의 기초 HTML을 활용한 효율적인 웹 페이지 설계 및 구현 방법 (2) .hwp [Size : 42 Kbyte ]

분량 12 Page

가격 6,000 원

카트

다운받기

네이버 ID로
다운 받기

카카오 ID로
다운 받기

구글 ID로
다운 받기

페이스북 ID로
다운 받기

뒤로

목차/차례

1. 서론
2. HTML 기본 구조와 요소
3. HTML을 이용한 웹 페이지 설계
4. 효율적인 웹 페이지 구현을 위한 고려 사항
5. 결론

본문/내용

웹 프로그래밍의 기초 HTML을 활용한 효율적인 웹 페이지 설계 및 구현 방법

[목차]

1. 서론
2. HTML 기본 구조와 요소
1) HTML 문서의 기본 구조
2) 주요 HTML 요소와 속성
3. HTML을 이용한 웹 페이지 설계
1) 웹 페이지의 구조 설계
2) 시맨틱 HTML의 활용
3) 반응형 웹 디자인 구현
4. 효율적인 웹 페이지 구현을 위한 고려 사항
1) 웹 접근성 준수
2) 검색 엔진 최적화
3) 성능 최적화
5. 결론

웹 프로그래밍의 기초인 HTML을 효과적으로 활용하여 웹 페이지를 설계하고 구현하는 방법은 다양한 요소들을 고려해야 한다. 우선 HTML 문서의 기본 구조를 이해하는 것이 중요하다. HTML 문서는 `` 태그로 시작하여 ``와 `` 태그로 구성된다. `` 태그 안에는 문서의 제목을 나타내는 `` 태그와 문서의 메타데이터, 스타일 시트, 스크립트 등을 포함한다. `<body>` 태그 안에는 웹 페이지의 실제 콘텐츠가 들어간다. 예를 들어, 웹 페이지의 제목은 `<title>` 태그 안에 작성하고, 본문 내용은 `<body>` 태그 안에 배치한다.<br /> <br /> 다음으로 HTML 요소와 속성의 활용이 중요하다. 각…<br /> </div> </Div> <DIV style='clear:both; float:left; border:solid 0px gray;'> <Center> <br> <script>googlead3(860)</script> <br><br> </DIV> <DIV style='clear:both; float:left; border:solid 0px gray;'> <TABLE width=100%> </table> <div id=dv_cart style="display:none"> (보관된 자료가 없습니다) </div> <script> if(dv_cart.innerHTML.indexOf(pk)>-1) { SW_CartClick = 1; cartfull = "/main/pics/big_cartfull.gif" if(document.getElementById("imgCartDetailBtMobile")) { imgCartDetailBtMobile.src = cartfull; imgCartDetailBtMobile.style.filter = "grayscale()"; } if(document.getElementById("imgCartDetailBt")) { imgCartDetailBt.src = cartfull; imgCartDetailBt.style.filter = "grayscale()"; } } </script> </Div> </DIV id = td_Detail_Left> <style> .sideTable { border:solid 1px #cdcdcd; border-radius:10px; overflow:hidden; width:100%; max-width:160px; } .sideTitle { padding-left:5px; font-size:14px; font-family:NanumGothic; color:gray; background:#F5F6F8; height:40px; font-weighxt:bold; } </style>  <DIV id=td_Detail_Right class="td_Detail_Right"> <span id="span_hd" style="width:160px; overflow:hidden"></span> <table class=sideTable style='min-height:142px' cellpadding=0 cellspacing=0> <tr><td class=sideTitle>📝 Regist Info <tr><td height=1 bgcolor=#DCDCDC> <tr><td style='padding:10 10 10 10; font-size:14px; font-family:NanumGothic; line-height:1.8' > I D : book******<br> <span style='font-family:굴림체'>Date</span> : 2025-09-07<br> <span style='font-family:굴림체'>FileNo</span> : 50017197 </table> <Script>if(plevel == 8) { w("<br>"); print_hongbo() }</script> <br> <table class=sideTable cellpadding=0 cellspacing=0> <tr><td class=sideTitle> <div style='float:left;'><span style='cursor:pointer' onclick=location.href='/mypage/cart/'><img id=imgCartDetailSide src=/main/pics/big_cart.gif height=20 align=absmiddle style='margin-top:-3px'> Cart </span></div> <div style='float:right; padding-right:5px; cursor:pointer' onclick=location.href='/mypage/cart/'><img src=/search/pics/icon_prev.png height=14></div> <tr><td colspan=2 height=1 bgcolor=#DCDCDC> <tr><td colspan=2 style='padding:10px' class=B116 id=td_cart1><img src=/main/pics/loading.gif> <tr bgcolor=#F5F6F8 id=td_cart0><td colspan=2 height=5> </table> <Script> td_cart1.innerHTML = dv_cart.innerHTML if(cook_cart) imgCartDetailSide.src = '/main/pics/big_cartfull.gif' </script> <Script>if(plevel != 8) { w("<br>"); print_hongbo() }</script> <script>if(PC) { w("<br>"); print_help() }</script> <script>if(PC) { w("<br>"); print_copy() }</script> <script>if(PC) { w(""); print_partner() }</script> <script>if(PC) print_sid()</script> </DIV id = td_Detail_Right> </TABLEㅌ> </div> <br><br> <Script> //if(MOBILE) td_Detail_Right.style.display = "none" </script> <script> check_prev() // 미리보기 없는거 갱신용 </script> <Script charset="utf-8" src=/main/bottom_asp.js?ver=2026-07-20></script> <footer role="contentinfo"> <div style='clear:both; padding-top:20px'></div> <br><br><br> </footer> <br> </body> </html> <Script> //if(Mobile) location.href = "#Top2" </script>