컴퓨터의 이해
본 자료는 3페이지 의 미리보기를 제공합니다. 이미지를 클릭하여 주세요.
닫기
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
해당 자료는 3페이지 까지만 미리보기를 제공합니다.
3페이지 이후부터 다운로드 후 확인할 수 있습니다.

소개글

컴퓨터의 이해에 대한 보고서 자료입니다.

본문내용

쓰는 것이 좋다.
·웹페이지 디자인 원칙-6
모니터 화면의 크기를 가정하고 웹페이지를 만들어서는 안된다.
1024*768해상도와 800*600해상도간에 보이는 것은 다르다
·웹페이지 원칙-7
자나치게 애니메이션을 많이 사용해서는 안된다(용량많이 차지한다)
·웹페이지 원칙-8
프레임을 너무 많이 사용하지 않는다
·웹페이지 원칙-9
내용을 수시로 업데이트 한다(수시로 방문객을 유치)
·웹페이지 탐색구조기법
1)선형구조: 이미 정해진 순서에 따라 앞뒤로만 이동이 가능한 형태이다.
2)계층구조: 장점은 웹사이트간의 전체적인 내용을 구조적으로 보여줄 수 있다는 것이다.
3)선형+계층구조: 계층구조와 선형구조를 혼합한 형태가 가장 많이 사용
4)망구조: 웹사이트의 구축시에 별다른 구조적인 구성없이 관련된 페이지끼리 연결해 놓은 망구조도 있다.
·Navigation기법의 선택: 어떠한 형태의 탐색구조는 사용하는 것이 좋은가에 대하여서는 정해진 답이 없다.
HTML-TAG
Tag: Html언어를 웹문서로 만들어 주는 역할을 하는 명령어~
: html문서의 시작과 마무리
:문서의 머리말 시작
: 문서의 제목 시작<br /> 제목 <br /> :문서의 제목 끝
:문서의 머리말 끝
:문서의 본문시작
본문
:문서의 본문 끝
:html문서의 끝
·특징: 대소문자 구분없다, 겹쳐지는 tag없다, 옵션들은 여는 tag에만 쓴다.
1): html문서임을 알려주는 역할을 한다
tag쌍:존재, 포함되는 속성없다
2): 문서의 본문에 나오는 내용이 아니라 문서자체에 대한 설명을 넣는 부분이다. 웹상의 검색을 할때 를 보고 검색한다. title와 meta, link, style, script등을 포함할 수 있다.
2): 브라우저의 제목 표시줄에 나오는 부분<br /> tag쌍:존재, 포함되는 속성 없다.<br /> 3)<body>: html문서의 본문을 기술하는 부분이다. <br /> tag쌍: 존재<br /> 포함되는 속성있다(bgcolor: 배경색, background: 배경이미지, link: link의 표시색, alink: link에 마우스클릭된 상태의 표시색, vlink: 한번 방문한 link의 표시색, text: html문서의 문자색 설정)<br /> 4)heading tag <hn>~</hn>: 문자의 제목을 정의할 때 쓰인다.<br /> tag쌍이 존재하며 포함되는 속성없다<br /> n은 1~6까지 쓰며 1이 가장 큰 글자를 나타내며 6이 가장 작은 글자<br /> 5)line break <br>:문장의 줄바꿈역할을 한다.<br /> tag쌍이 존재하지 않으며 포함되는 속성없다<br /> 6)paragraph <p>:문단을 구분하는 역할<br /> tag는 쌍으로 또는 단독으로 모두 사용가능<br /> 포함되는 속성있으며 align-문단의 정렬을 나타내며 이에는 right, center, left가 사용가능<br /> 7)Horizontal rule <hr>: 수평선을 그려주는 역할<br /> tag쌍이 존재하지 않으며 포함되는 속성은 noshade-그림과 효과제거, size-선의 굵기설정, width-선의 길이, align-선의 정렬, color-선의 색깔설정<br /> <hr width= >=>pixel, %<br /> <hr size=pixel의 값><br /> <hr noshade= >갈색선으로 보여진다.<br /> 8)주석 넣기<br /> 형식: <!--내용--><br /> 특정한 라인이나 문단을 html소스에서 삭제하지 않고 브라우저에 나타나지만 않게 하는 역할<br /> 9)볼드체<b>: 글자를 굵고 진하게<br /> tag쌍 존재한다<br /> 10)이탤릭체(I): 글자를 기울어지게<br /> tag쌍 존재<br /> 11)밀줄체<U>:태그사이의 밑줄 적용, tag쌍 존재<br /> 12)typewriter체<tt>: 해당문자드을 typewriter체로 변환, tag쌍 존재<br /> 13)깜박임체<blink>: 네스케이프에서만 적용이 된다. html표준규약에 없다.<br /> tag쌍 존재<br /> 14)문자열 강조체<em>: 문자열 강조하는 역할을 하며 대개의 경우 이탤릭체로 표현<br /> tag쌍 존재하며 <i>로 대체할 수 있다.<br /> 15)컴퓨터 키보드 입력체<kbd>: 영문자에만 표현, tag쌍 존재<br /> 16)컴퓨터 상태 메시지체<samp>: tag 쌍 존재<br /> 17)문자열 강조체<strong>: <b>태그로 대체 가능, tag쌍 존재<br /> 18)아랫첨자체<sub>: 해당문자를 아랫첨자형식으로 표현, tag쌍 존재<br /> 19)윗첨자체<sup>, 태그의 쌍 존재<br /> 20)단어정의체<dfn>: 브라우저에 따라 이탤릭체 혹은 볼드체로 나타내어진다, tag쌍 존재</div> </div> <div class="detail keyword"> <h4 class="subject">키워드</h4> <div class="substance"> <a href="/search/?qt=%EC%BB%B4%ED%93%A8%ED%84%B0" title="컴퓨터(으)로 검색하기" target="_blank">컴퓨터</a>,   <a href="/search/?qt=%EC%BB%B4%ED%93%A8%ED%84%B0%EC%9D%98+%EC%9D%B4%ED%95%B4" title="컴퓨터의 이해(으)로 검색하기" target="_blank">컴퓨터의 이해</a>,   <a href="/search/?qt=%EC%BB%B4%ED%93%A8%ED%84%B0%EC%9D%98+%EC%97%AD%EC%82%AC" title="컴퓨터의 역사(으)로 검색하기" target="_blank">컴퓨터의 역사</a> </div> </div> <div class="detail refer"> <h4 class="subject">추천자료</h4> <div class="substance"> <ul class="list"> <li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/190140">컴퓨터의 이해</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/240100">컴퓨터 전산망의 이해</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/240316">컴퓨터 네트워크의 이해</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/245107">컴퓨터 자격 시험-MICRO SOFT`S MOUS TEST 에 관한 분석과 이해</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/245182">사례 연구: 코리아 실렉트웨어-첨단 컴퓨터 사업의 이해와 분석</a></li><li><img src="/images/icon/icon_doc_mini.gif" alt="" /><a href="/report-view/266729">컴퓨터의 이해-웹서비스</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/355633">컴퓨터 시스템 구성의 이해</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/506945">'컴퓨터를 이용한 물체의 운동 측정 및 뉴튼의 운동법칙이해' 결과보고서</a></li><li><img src="/images/icon/icon_doc_mini.gif" alt="" /><a href="/report-view/570279">[컴퓨터,정보,통신공학과]제어설비 용어이해</a></li><li><img src="/images/icon/icon_zip_mini.gif" alt="" /><a href="/report-view/638189">클래스를 이용한 집합 구현(C++프로그래밍을 통한 컴퓨터의 이해 10장42번문제)</a></li><li><img src="/images/icon/icon_zip_mini.gif" alt="" /><a href="/report-view/638190">클래스를 이용한 집합 구현(C++프로그래밍을 통한 컴퓨터의 이해 10장42번문제)</a></li><li><img src="/images/icon/icon_pptx_mini.gif" alt="" /><a href="/report-view/1005319">(웨어러블 컴퓨터 ) 웨어러블 컴퓨터 기술의 이해 및 적용사례 [Wearable Computer Technology]</a></li><li><img src="/images/icon/icon_pdf_mini.gif" alt="" /><a href="/report-view/1038123">2017년 2학기 컴퓨터과학과 빅데이터의이해 기말시험 핵심체크</a></li> </ul> </div> </div> <div style="position:relative; margin:10px;"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-u7okgcjyqkiu" data-ad-width = "320" data-ad-height = "100"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> </div> </div> <!-- End of div.row1 --> <div class="row2"> <div class="sub_detail goods_info"> <ul> <li><span>가격</span><strong class="price">1,000</strong>원</li> <li><span>페이지수</span>9페이지</li> <li><span>등록일</span>2006.09.21</li> <li><span>저작시기</span>2004.4</li> <li><span>파일형식</span>한글(hwp)</li> <li><span>자료번호</span>#364706</li> </ul> </div> <div class="download" id="down_and_cart"> <a href="https://www.jisikworld.com/union/cart_add.html?no=364706&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=364706&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=364706&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div class="sub_detail down_notice">본 자료는 최근 2주간 다운받은 회원이 없습니다.</div> <div class="sub_detail saw_list"> <div class="title"> <div class="roll_btn"> <a href="#"><img src="/images/btn_roll_off.png" alt="" class="roll_img" /></a> </div> </div> <div class="substance"> </div> </div> <div class="csh_event"> <a href="https://www.cheongsohae.com/?domain=jw&banner=csh1" target="_blank"><img src="/images/event/csh1.jpg" alt="청소해"/></a> </div> <div class="daum_cpm"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-1jeipzeprj2hv" data-ad-width = "250" data-ad-height = "250"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> <div id="ptmanager_banner"> <a href="http://www.ptmanager.co.kr" target="_blank"> <img src="/images/ptmanager/banner_view.gif" alt="피티매니저" /> </a> </div> <div class="sub_detail copyright2" id="copyright_txt"> </div> <script> viewRowTxt("364706"); </script> </div> <!-- End of div.row2 --> </div> </div> <!-- End of div#view_article.article --> <!-- <div class="page_banner"> <div class="banner_line"></div> <div class="banner"><img src="/images/banner/banner_view.gif" alt="" /></div> </div>--> </div> <!-- End of div#contents --> <div class="fix_search"> <div class="line"></div> <div class="detail"> <a href="#" class="bi"><img src="/images/bi_top_search.gif" alt="지식월드" /></a> <form method="get" action="/search/"> <input type="text" name="qt" class="fix_kwd" /> <input type="image" src="/images/button/btn_search.gif" class="search_submit" /> </form> </div> </div> <div class="fix_down"> <a href="https://www.jisikworld.com/union/cart_add.html?no=364706&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=364706&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=364706&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div id="footer"> <div class="footer_line"></div> <div class="footer_wrap max_width"> <div class="foot_img_1"> <ul> <li><a href="http://www.gcomin.co.kr" target="_blank" class="info_com" title="">회사소개</a></li> <li><a href="/cscenter/law/tos.html" target="_blank" class="info_tos" title="">이용약관</a></li> <li><a href="/cscenter/law/privacy.html" target="_blank" class="info_pri" title="">개인정보처리방침</a></li> <li><a href="/cscenter/law/law.html" target="_blank" class="info_law" title="">책임의 한계와 법적고지</a></li> <li> <a href="#" class="info_email" onclick="window.open('/cscenter/law/email_deny.html','email','menubar=no, toolbar=no, location=0, directory=0, resizable=0, scrollbars=0, status=0, width=400, height=420');return false;"> 이메일 수집 거부 </a> </li> <li class="last"> 고객센터 1600-6632 </li> </ul> </div> <div class="foot_img_2"> <a href="mailto:cs@jisikworld.com" class="mailto"></a> </div> <div class="foot_blank"></div> </div> </div> <!-- End of div#footer --> <!-- 네이버 스크립트 --> <!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> <script type="text/javascript" src="https://wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_5941bb11e4e8"; if (!_nasa) var _nasa={}; wcs.inflow('jisikworld.com'); wcs_do(_nasa); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','',-1,'/','.jisikworld.com'); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','DT_364706',1714538655,'/','.jisikworld.com'); </script> </body> </html>