학습(공부)하는 블로그 :: '컴퓨터 활용' 카테고리의 글 목록
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-19 18:04

 
 
반응형

웹 브라우저를 사용할 때는 웬만한 작업은 마우스로 하지만 가끔 마우스 보다 단축키가 편할 때도 있다.

다음은 모든 웹 브라우저에서 활용되는 단축키다.

아래 누리집에서 자신에게 사용하는 브라우저에 맞는 단축키를 골라 활용해 보자.

F5 새로고침( Ctrl + R 도 같음)

Alt + D 주소 표시 줄로 이동( Ctrl + L 도 같음)

Ctrl + + 현재 페이지 화면 확대

Ctrl + - 현재 페이지 화면 축소

Ctrl + 0 확대 또는 축소된 현재 페이지 화면을 100%로 고침

Ctrl + F 단어검색(Find)

Ctrl + H 인터넷 사용기록 열기(History)

Ctrl + J 다운로드 폴더 또는 기록 열기

Ctrl + W 현재 탭(탭이 하나뿐일 경우는 창) 닫기

Shift + Ctrl + T 방금 닫은 탭(창) 다시 열기

마이크로소프트 엣지 단축키: https://url.kr/pzrxtg

크롬 단축키: https://url.kr/k7hnil

 

 

반응형
:
반응형

이제는 없으면 안되는 기기 중 대표적인 것이 스마트폰. 하지만 아직도 데스트탑 컴퓨터나 노트북이 쓰임이 많다. 스마트폰으로는 작업하기 어렵거나 전문성을 요구하는 작업이 그렇다. 컴퓨터는 스마트폰과는 달리 마우스를 주로 사용하기때문에 작업속도가 좀 떨어진다. 이에 대한 해결책은 없을까? 아니다. 있다. 바로 단축키.

윈도우 또는 대부분의 프로그램은 자주 사용할 것같은 기능을 단축키로 지정해놨다. 그래서 단축키를 활용하면 작업효율을 높일 수가 있다. 대신 다 외울 필요는 없다. 본인이 자주 사용하는 기능에 대한 단축키만 알아도 작업효율은 얼마든지 높일 수 있기때문이다.

윈도우10에서 내가 자주 사용하는 단축키는 다음과 같다.

미리 알려두지만 자주 사용하는 기준은 내 기준이다. 혹시라도 자기 기준에 맞지 않다면 글 뒤에 참고자료 누리집을 방문해서 자신에게 맞는 단축키를 골라 활용하기를 바란다.

 

​윈도우 로고 키 조합

윈도우키   시작 메뉴, 왼쪽 하단의 윈도우 로고를 마우스로 클릭한 것과 같다.

윈도우키 + Tab   '작업보기'(실행 중인 모든 앱 보기)

윈도우키 + D   바탕화면(한 번 더 누르면 원래대로 돌아감, Desktop의 첫 글자에서 따옴)

윈도우키 + E   파일탐색기 (Explorer의 첫 글자)

윈도우키 + L   화면 잠금상태로 전환 (Lock의 첫 글자)

윈도우키 + R   실행 창 (Run의 첫 글자)

윈도우키 + 숫자   작업표시줄에 있는 프로그램 실행.

                             작업보기 오른쪽에 있는 캡쳐도구부터 순서대로 1, 2, 3 순으로 할당

                             (아래에서 윈도우키+4를 누르면 파일 탐색기가 실행된다.)

일반적인 단축키: 대부분 프로그램에서 적용되는 단축키

 

<편집 관련>

Ctrl + A   편집 창 안의 모든 항목(내용) 선택(All의 첫 글자)

Ctrl + X   선택한 항목 잘라내기(X는 가위모양)

Ctrl + C   선택한 항목 복사(Copy의 첫 글자)

Ctrl + V   복사 또는 잘라낸 항목 붙여넣기

<실행 관련>

Ctrl + Z   되돌리기(방금 한 작업 취소)

Ctrl + Y   취소한 작업 다시 실행

<앱 관련>

Alt + Tab   작업 중인 다른 프로그램(앱)으로 전환

Ctrl + F4   현재 앱 종료(현재 창 닫기)

* 참고자료: Windows의 바로 가기 키(https://url.kr/v86dun)알아두면 편리한 #윈도우10 #단축키

반응형
:
반응형

 

컴퓨터를 켤 때 특정 웹사이트를 바로 실행시키는 방법입니다.

 

자주 방문하는 웹사이트는 익스플로러를 실행하면 바로 뜨게 하거나,

(익스플로러 홈에 등록해서 사용하는 방법이죠.)

(해당 웹사이트 실행되면 [도구] - [인터넷 옵션] 클릭 후 [일반]탭에 있는 홈페이지 항목 중 [현재 페이지] - [적용] - [확인] 클릭하면 됨)

 

바탕화면에 바로가기 아이콘 정도는 만들어서 사용하죠.

(특정 웹사이트 방문시 [파일] - [보내기] - [바탕화면에 바로가기 만들기]를 클릭하면 생기죠. ^^)

 

바탕화면에 바로가기 아이콘이 있는 경우를 기준으로 설명하겠습니다.

 

먼저 ①[윈도우 버튼] - ②[모든 프로그램]을 클릭한 뒤

③[시작프로그램]을 마우스 오른쪽 버튼을 클릭하면 세부 메뉴가 나옵니다.

④열기(O)를 클릭합니다.

 

 

 

아래와 같이 시작프로그램 폴더가 열리게 됩니다.

바탕화면에 있는 바로가기 아이콘을 Ctrl키를 누른 상태에서 시작프로그램 폴더고 끌고 갑니다.

 

 

아래와 같이 폴더에 해당 바로가기 아이콘이 들어가면 설정이 끝났습니다.

 

지금까지 컴퓨터 켤 때 바로 실행되게 하고 싶은 프로그램을 시작프로그램 폴더에 넣는 방법이었습니다.

 

생각보다 너무 간단하고 쉽나요?

 

이 기능이 꼭 필요한 분은 편리하게 많이 활용하세요.

 

감사합니다. ^^

 

 

 

 

 

 

반응형
:

내 모니터의 크기 알아보기

컴퓨터 활용/인터넷 팁 | 2016. 2. 7. 12:42 | Posted by 깨비형
반응형


인터넷 서핑을 하다가 재미있는 곳을 발견했네요.


자신의 모니터 크기를 알아보는 곳인데요,

모니커 크기 알아내는 방법이 참신하네요.


신용카드를 화면에 있는 신용카드와 크기를 맞추면 됩니다.


신용카드가 없는 분을 위해 다양한 아이템을 활용하는데요,

이를테면 미국1달러 지폐, 아이폰6, 아이폰5 등을 활용하는 방법이죠.

아 자도 있습니다. 물론 cm 자와 인치 자 모두 제공하니 참신하네요.





사이트 주소는 아래와 같습니다.


재미있게 활용하세요. ^^


http://kr.piliapp.com/actual-size/what-is-my-monitor-size/credit-card/?next_device=



반응형
:

유투브 동영상 다운로드 하기

컴퓨터 활용/인터넷 팁 | 2014. 10. 15. 18:00 | Posted by 깨비형
반응형



가끔 유투브 동영상 중 다운로드하여 소장하고 싶은 것이 생기죠.


여러가지 방법이 동원되는데요, 오늘은 세이브프람닷넷을 활용하는 방법을 알아보겠습니다.


우선 해당 동영상이 있는 페이지에 들어갑니다.


여기서는 흥해라픽쳐스의 마술을 예로 들겠습니다.



인터넷 주소창에서 youtube 앞에 아래와 같이 ss 를 붙여 해당 사이트로 이동합니다.



그러면 savefrom.net 사이트가 뜨면서 잠시 기다리시면 아래와 같이 다운로드 받을 수 있는 메뉴가 나옵니다.

지금 보시면 MP4 360p와 720p 두 개 중 하나를 골라서 누르시면 다운로드 할 수 있습니다.


너무 쉬웠나요? 유용하게 사용하세요. ^^

반응형
:
반응형

1. 멀티미디어 파일


○ 멀티미디어 파일의 특징

요즘은 통신속도가 급속하게 빨라짐에 따라 동영상 파일의 기술 및 사용 또한 굉장히 많아지고 쉬워  졌지만 아직 완전히 자유롭다고 하기엔 부족

동영상 파일들은 나름대로 압축이 되어 있다지만 굉장히 많은 하드디스크의 용량을 요구 

- 보통 홈페이지를 만들어 인터넷에 보내게 될 때 사용할 수 있는 공간은 5~50mb 정도

- 뮤직비디오의 경우만 해도 파일 하나가 차지하는 공간이 20~30mb 정도


○ 비디오 파일을 사용하는 법 : 사운드 태그처럼 링크를 사용해서 연결시켜 주기만 하면 됨.



2. 가장 많이 사용하는 멀티미디어 파일의 종류


○ avi파일(Audio Visual Interleaved)

마이크로소프트사의 윈도우환경에서 표준으로 사용되는 영화파일

윈도우95나 98. 윈도우NT등에는 "비디오 포 윈도우"라는 소프트웨어가 설치되어 있어 간단히 매체재생기로 동영상을 감상 가능

- 미디어 플레이어로도 재생 가능


○ mov 파일(QuickTime for Windows 무비 파일)

-  애플컴퓨터사에서 만든 비디오형식

- "QuickTime for Windows"라는 프로그램이 있어야 시청 가능


○ mpeg파일(Moving Picture Experts Group)

동화상 전문가 그룹에서 만든 형식으로 가장 압축효율이 좋다.

확장자는 mpeg 또는 mpg



● mpeg(Moving Picture Experts Group)

  • Moving(한 때 Motion) Picture Experts Group(동화상 전문가 그룹)의 약어. '엠펙'이라 부른다. 미국의 AT&T, 영국의 BT, 밀본의 NTT 등의 통신업체 및 후지쓰, 미쓰비시, 픽처텔, 비디오 텔리컴 등의 화상회의장비 업체들이 주로 참가하여, 움직이는 영상의 압축기술 및 표준정립을 위해 노력하는 단체. 물론 오디오 압축기술도 포함된다. 이 단체에서 영상압축기술에 대한 표준을 정립하면 이들 표준을 지원하는 영상압축칩을 반도체 업체에서는 개발하곤 한다.
  • 최근의 멀티미디어용 비디오 압축 기술의 필요로 그 활약이 돋보이고 있다. 특히 이 단체가 관심을 기울이는 분야는 전송기술로서, MPEG1 규격은 1.5Mbps전송속도(compact disk;CD와 동일)를 갖고 있으며 향후 4와 9Mbps의 MPEG2, 20Mbps의 MPEG++, 그리고 40Mbps의 MPEG3규격을 마련 중이다.


● 리얼오디오 플레이어(Real Player)

  • 리얼오디오는 프로그레시브 네트웍사의 스트리밍 사운드 기술(네트웍을 통해 음향이 끊김없이 흘러나오도록 하는 기술)을 말한다. 리얼오디오 플레이어 또는 클라이언트 프로그램은 웹 브라우저에 포함되어 함께 배포되기도 하지만, 리얼오디오나 기타 다른 웹 사이트로부터 최신 버전을 다운로드 받을 수 있다. 만약 자신의 웹사이트에서 리얼오디오 서비스를 하려면 리얼오디오 서버를 설치해야한다. 리얼오디오 파일은 파일이름 확장자가 "ra(리얼오디오 소리 파일)"나 "rm(리얼오디오 비디오 파일)" "ram(리얼오디오 메타 파일)"으로 끝나므로 쉽게 구분할 수 있다. 
  • 많은 웹 사이트가 리얼오디오를 이용해 자신들의 방송 프로그램을 인터넷을 통해 제공한다. 
  • 우리나라에서도 KBS와 MBC에서 리얼오디오를 이용한 웹 방송을 실시하고 있다.





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

19. 이미지 맵(map) 만들기  (0) 2013.02.06
18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
16. 인라인 프레임(iframe) 만들기  (0) 2013.02.05
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
:
반응형

1. 이미지 맵의 기본개념


○ 이미지 맵(map)

이미지를 여러 영역으로 나누어 각각에 서로 다른 웹 페이지를 링크시킨 것. 즉 이미지의 특정부분에 링크를 연결시키는 것

- 하나의 이미지에 부분별로 영역을 지정하여 서로 다른 사이트로 링크 시킬 수 있음


○ 이미지 맵의 기본형식


<img src="이미지 주소" usemap="#맵이름"> ①이미지 부분 

<map name="맵이름">             ②이미지 맵 태그 시작부분 

<area shape="맵형태" coords="좌표값" href="링크될 주소"> ③맵 종류,좌표값,링크될 곳 설정부분 

</map> 


①이미지 부분이미지맵이 사용 될 이미지가 불려지는 곳. 주의 할 점은 뒤에 usemap="#맵이름" 속성을 반드시 넣어 주어야 한다. 맵이름은 항상 같아야 하며, 가급적이면 영문 소문자로 정해주는 것이 좋다. 웹페이지의 파일명을 만들 때도 마찬가지로 영문소문자로 정해주시면 좋다. 한글로 해도 되긴 하지만 인터넷이 원래 영문권 나라에서 만들어진 것이기에 한글로 해 놓으면 브라우져가 가끔씩 인식을 못하는 경우가 있기 때문

②이미지 맵 태그 시작부분본격적으로 이미지맵 태그가 시작되는 부분. 여기서 맵이름은 ①부분에서 지정해주었던 맵이름을 넣어주면 됨.('#' 표시는 반드시 빼야됨)

③맵종류,좌표값,링크될 곳 설정부분여기에서는 이미지맵의 형태와 좌표값 링크될 주소를 지정

· 맵의 형태 : "shape" 속성을 사용. 사각형(rect)/원형(circle)/다각형(poly)

· 좌표값 : "coords" 속성을 사용

· 링크될 곳 : 링크될 곳을 설정할 때는 target=_blank 속성을 넣어 새 창에 열리도록 배려



2. 좌표값

 

○ 좌표값 입력하는 법

사각형(rect) : 왼쪽 상단 좌표(x1,y1)과 오른쪽 하단 좌표(x2,y2)를 순서대로 기재

<area shape="rect" coords="x1,y1,x2,y2"> ☜ 이런 형식

원형(circle) : 중심좌표(x1,y1)과 반지름(R)을 순서대로 기재

<area shape="circle" coords="x1,y1,R"> ☜ 이런 형식

다각형(poly) : 왼쪽 상단의 좌표에서 시작해서 시계방향으로 각 꼭지점의 좌표를 순서대로 기재

<area shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,x5,y5"> ☜ 이런 형식


○ 좌표값 구하는 방법 : 그림판을 활용





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

20. 멀티미디어 활용하기  (0) 2013.02.07
18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
16. 인라인 프레임(iframe) 만들기  (0) 2013.02.05
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
:

17. 폼(form) 만들기(1)

컴퓨터 활용/홈페이지 과정 | 2013. 2. 6. 00:00 | Posted by 깨비형
반응형

1. form태그의 기본형식


○ 폼 태그

- 입력양식을 만들 때 사용(예, 방명록, 게시판, 설문조사, 회원등록 폼 등)

- <form> … </form>태그 사이에 필요한 폼들을 삽입. <form>태그 안에 또 다른 <form>태그를 삽입할 수 없다.

- 양식 문서에서 흔히 보게 되는 [전송]단추나 [Submit]단추를 누르면 <form>과 </form> 사이의 내용들이 폼(form)을 처리하는 CGI프로그램으로 전송


○ 폼 태그의 기본 형식


 <form action="데이터 전송될 장소" method="전송방식">
    다양한 폼 형식
 </form>


○ 폼 태그에 사용하는 속성


속성 

설       명 

 <method>  <Form>태그 안의 폼들을 어떻게 넘겨 줄 것인지 전송 방법을 선택
 
사용할 수 있는 값은 get과 post인데 대부분 post를 사용
 <name>  폼의 이름을 지정

 한 문서 안에 여러개의 <Form>태그가 있을 경우 폼을 구분하기 위해 사용

 <action>

 <Form>태그 안의 내용들을 처리해 줄 CGI프로그램을 지정
 CGI프로그램은 인터넷에 항상 연결되어 있는 서버 컴퓨터에 미리 설치되어 있어야 함


※ CGI (common gateway interface) 

  •  CGI는 웹서버에 있어 사용자의 요구를 응용프로그램에 전달하고 그 결과를 사용자에게 되돌려주기 위한 표준적인 방법이다. 사용자가 하이퍼링크를 클릭 하거나 웹사이트의 주소를 입력함으로써 웹 페이지를 요청하면, 서버는 요청된 페이지를 보내 준다. 
  • 그러나, 사용자가 웹페이지의 양식에 내용을 기재하여 보냈을 때, 그것은 보통 응용프로그램에 의해 처리될 필요가 있다. 웹 서버는 으레 그 양식 정보를 조그만 응용프로그램에 전달하는데, 이 프로그램은 데이터를 처리하고 필요에 따라 확인 메시지를 보내 주기도 한다. 
  • 이렇게 서버와 응용 프로그램간에 데이터를 주고받기 위한 방법이나 규약들을 cgi라고 부른다. 
  • 만약 웹사이트를 만들 때 어떠한 제어를 위해 cgi 프로그램을 사용하기 원하면, html 파일 내에 있는 url 내에 그 프로그램의 이름을 기술하면 된다. 만약 폼을 만들려고 할 때, 이 url은 forms 태그의 일부로서 기술될 수 있는데, 예를 들어 다음과 같이 쓸 수 있을 것이다. 
     <form method=post action=http://www.mybiz.com/cgi-local/formprog.pl> 
  • 이 태그의 결과로서 mybiz.com에 있는 서버는 입력된 데이터를 저장하기 위해 제어권을 "formprog.pl"이라는 cgi 프로그램에 넘기고, 확인 메시지를 되돌려 준다 
  • (여기서 .pl은 perl로 작성된 프로그램이라는것을 가리키지만, cgi는 다른 언어로도 작성될 수 있다)



2. Text필드와 Pasword필드 폼 만들기


○ 기본 형식

 <form>

 <input type="text/password" name="이름" value="기본문자" size="너비" maxlength="최대 문자수">

 </form>


type=입력받을 입력 양식을 지정(text/password)

name=글상자의 입력 필드의 이름을 지정. 양식내용을 수신할 때 데이터를 가려내기 위해 사용(폼 안의 이름을 name라 입력한 것은 인터넷을 접속한 사용자가 입력한 실제 이름을 담아 가져갈 고유한 항목 이름이다.만일 홍길동이라 이름을 입력하면 홍길동이란 이름을 name란 그릇에 담아 가져간다는 뜻)

value=기본적으로 표시될 기본 문자를 나타냄

size=입력필드의 너비(문자수)

maxlength=글자사이에 입력할 수 있는 최대 문자수


○ text와 password의 차이점 : 입력한 내용이 화면에 그대로 나오는 것이 text, password는 *로 표시됨



3. radio 버튼과  checkbox 만들기


○ 기본형식

 <form>

       <input type='"radio/checkbox" name="입력필드 이름" value="서버로 전송될 텍스트">

 </form>


name 속성은 입력 칸의 이름을 설정하고 질문 항목의 내용을 반영한다.

value속성은 항목을 선택하였을 때, 서버로 보내지는 text 내용으로 어느 항목을 선택했는지 알 수 있도록 선택 목록 내용을 입력한다. 이에 따라서 어떤 질문에 대해 어떤 회답을 했는지 구별 할 수 있다.   선택목록 중에서 가장 많이 선택되는 항목에 미리 선택되어 나타나도록 checked속성을 추가할 수 있다.


○ radio와 checkbox의 차이점 : 라디오버튼은 오직 하나만 선택할 수 있고, 체크박스는 여러개의 항목을 한꺼번에 선택할 수 있다.





반응형
:

18. 폼(form) 만들기(2)

컴퓨터 활용/홈페이지 과정 | 2013. 2. 6. 00:00 | Posted by 깨비형
반응형

1. 선택 목록 만들기 <select>


○ <select> : 여러 개의 목록이 늘어져 나타나는 풀다운 선택메뉴 만들때 사용


○ 기본형식

 <select name="필드명">...</select>


○ 옵션

- size=숫자 : 숫자는 선택목록의 수

selected : 선택목록 중 미리 선택되어 보이도록 하는 목록 지정


2. 여러 목록 만들기 <textarea>


○ <textarea> : 여러줄로 구성된 긴 글을 입력할 때 사용


○ 기본형식

<textarea name="입력칸의 이름" rows="세로폭(행수)" cols="가로폭(문자수)">...</textarea>


- name : 입력된 내용을 웹서버와 송수신 할 때 구별하는 키워드



3. 전송버튼<submit>,취소버튼<reset>


○ 전송버튼과 취소버튼 만들기

<input type="submit"> : 입력받은 정보를 웹서버로 송신하기 위한 전송버튼을 설정할 수 있다. 이렇게 만들어진 버튼에는 "쿼리전송"이란 글자가 나타남(여기에 임의의 이름을 붙일 려면 value속성을 이용해 설정하면 됨)

<input type="reset"> : 입력칸에 입력한 텍스트의 내용이나 체크된 선택목록 전부 지우기. 이렇게 만들어진 버튼에는 "원래대로"라는 글자가 나타남(글자 또한 변경하고 싶으시면 value속성을 이용해 이름을 바꾸어 주며 됨)






반응형
:
반응형

1. iframe(인라인프레임)의 기본형식


○ 인라임 프레임(iframe)

- Internal Frame의 약자로 HTML문서 안에 원하는 위치에 프레임을 만드는 것.

- 인터넷 익스플로러에서 확장되어 만들어진 기능으로 기본적으로 익스플로러에서 지원하는 태그


○ 인라인 프레임의 형식


 <iframe src="파일 이름" 속성="속성 값">… </iframe>


○ 인라인 프레임의 특징

- <iframe>과 </iframe> 사이에 들어가는 내용은 iframe을 지원하는 브라우저에서는 완전히 무시되지만, iframe을 지원하지 않는 브라우저에서는 텍스트만 그 영역 안에 보여 준다.

iframe은 일반 프레임과는 달리 반드시 <body>와 </body>사이에 삽입 되어야 한다.(frame은 <body>와 </body>사이에 삽입되면 안된다.)

iframe을 지원하지 않는 브라우저를 위해서 일종의 배려로 지원하지 않는 브라우저라고 적어 주는  것이 좋다.


2. iframe(인라인프레임)의 속성


 속성

 설        명

 width/height  화면에 나타날 인라인 프레임의 폭(width)과 높이(height)를 지정
 border  프레임의 테두리를 표시할지 결정

 border="0"으로 설정하면 프레임 테두리가 없어짐.

 사용할 수 있는 값은 0이나 0보다 큰 숫자

 bordercolor  테두리를 표시할 경우 테두리의 색상을 지
 name  프레임의 이름을 지정
 scrolling

 프레임 내부에 스크롤바를 표시할지 결정.

 사용할 수 있는 값은 yes나 no, auto

 src  프레임 안에 나타날 파일이나 URL을 지정
 align  문서 안에서 인라인 프레임의 정렬 방법을 설정
 사용할 수 있는 값은 left,right,center





반응형

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
15. 프레임(frame) 만들기(2)  (0) 2013.02.05
14. 프레임(frame) 만들기(1)  (0) 2013.02.05
13. 표 만들기(2)  (0) 2013.02.04
: