반응형

Firefox Portable Edition

막강한 확장기능 지원과 뛰어난 안정성을 자랑하는 오픈소스 웹 브라우저.

다운로드 Firefox Portable 3.5 (9MB)

 

Google Chrome Portable

빠른 자바스크립트 속도를 자랑하며 탭 별 프로세스 할당 방식으로 안정성을 강화. 쾌적한 인터페이스도 뛰어남.

다운로드 Chronium 3.0.182.3 (17.6MB)

 

OperaUSB

별도의 확장기능이 필요 없을 만큼 많은 기능이 내장된 웹 브라우저. 빠른 구동 속도와 웹페이지 렌더링 속도도 강점.

다운로드 OperaUSB 9.64 (5.1MB)

 

 

텍스트 편집


Notepad++

구문 하이라이트와 자동완성 등 강력한 기능의 텍스트 에디터

다운로드 Notepad++ Portable 5.4.3 (3MB)

 

Web Design Toy

HTML 코드를 입력하면 오른쪽 창에서 바로 바로 확인.

다운로드 Web Design Toy (449KB)

 

Oiko Visual CSS Editor

트리 구조 방식의 CSS 비주얼 에디터.

다운로드 Oiko Visual CSS Editor Portable 1.00 RC3 (1.1MB)

 

KompoZer Portable

드림위버와 비슷한 위지윅 HTML 에디터. 파이어폭스와 썬더버드의 Gecko 렌더링 엔진을 사용함. KompoZer는 NVU 1.0의 상당수 버그를 수정한 비공식 릴리즈.

다운로드 KompoZer Portable 0.7.10 Rev 2 (7.2MB)

 

 

이미지 편집


GIMP Portable

포토샵을 대체하는 오픈소스 비트맵 그래픽 에디터.

다운로드 GIMP Portable 2.6.6 (17MB)

 

Inkscape Portable

일러스트레이터를 대체하는 오픈소스 벡터 그래픽 에디터.

다운로드 Inkscape Portable 45.1 Rev 2 (19.5MB)

 

Fotografix

760KB의 작은 용량에도 레이어, 스크립트, 필터를 지원하며 간편한 이미지 편집에 좋음.

다운로드 Fotografix 1.1 (366KB)

 

Artweaver

다양한 브러쉬를 지원하는 페인팅 프로그램.

다운로드 Artweaver Portable (11.24MB)

 

FastStone Image Viewer Portable

유려한 인터페이스에 빠르고 안정적인 이미지 뷰어. 파일 컨버터와 간편한 에디터 기능도 내장.

다운로드 FastStone Image Viewer Portable 3.9 (5.0MB)

 

 

FTP 클라이언트


FileZilla Portable

빠르고 안정적인 무료 FTP 클라이언트.

다운로드 FileZilla Portable 3.2.6.1 (4MB)

 

WinSCP Portable

오픈소스 FTP/SFTP/SCP 클라이언트. Putty Portable 버전을 내장.

다운로드 WinSCP Portable 4.1.9 (2MB)

 

 

웹 서버


XAMPP Portable

따로 설정할 필요가 없는 웹 서버 패키지.

다운로드 XAMPP Portable 1.7.1 (82MB), Lite Version (50MB)

 

Server2Go

PHP, MySQL, Apache, SQLite, Perl 등을 지원하는 무료 서버 패키지.

다운로드 Server2Go

 

HTTP File Server

간편한 파일 공유 프로그램. 용량이 큰 파일을 클라이언트와 공유할 때 좋음.

다운로드 HFS 2.2f (600KB)

 

 

오피스 & 문서 툴


Foxit Reader

가볍고 빠른 PDF 리더. 포터블로 만들기 위해서는 프로그램을 설치하고 설치 폴더를 USB 드라이브로 복사. 설치 시 ebay 툴바 등 주의.

다운로드 Foxit Reader 3.0 (2.99MB)

 

OpenOffice Portable

마이크로소프트 오피스를 대체하는 워드, 스프레드시트, 프리젠테이션, 드로윙, 데이터베이스 통합 프로그램.

다운로드 OpenOffice Portable 3.1 (87MB)

 

AbiWord Portable

마이크로소프트 워드와 비슷한 가벼운 워드프로세서. 메일 병합 등의 기능과 플러그인도 지원.

다운로드 Abiword Portable 2.6.8 (6.3MB)

 

Thunderbird Portable Edition

막강한 확장기능 지원이 강점인 이메일 툴. 포터블 버전이라 컴퓨터에 흔적을 남기지 않고 이메일과 주소록을 관리함.

다운로드 Thunderbird Portable 2.0.0.22 (6.7MB)

 

 

노트 툴


MemPad

트리 기반의 노트 관리 유틸리티. 모든 페이지는 단일 파일로 저장되고 다이어리 모드를 지원.

다운로드 MemPad 3.32 (97KB)

 

TiddlyWiki

단일 HTML 파일로 구성되어 있지만 다양한 플러그인 지원을 통해 위키, 노트북, GTD 툴 등 여러 용도로 활용할 수 있음.

다운로드 TiddlyWiki (346KB)

 

ToDoList

깔끔한 인터페이스의 할 일 관리 유틸리티. 할 일은 XML 포맷으로 저장하고 프로그램 환경설정은 ini 파일로 저장.

다운로드 ToDoList 5.8 (801KB)

 

 

동기화 & 백업 툴


Toucan

파일 동기화, 백업 & 암호화 유틸리티. 4개의 동기화 모드를 제공하며 7-zip 백업과 256bit 암호화를 지원.

다운로드 Toucan Portable 2.1.0 (2.5MB)

 

FreeFileSync

드래그앤드롭과 4GB 이상의 파일을 지원하는 폴더 비교 & 동기화 툴. 우분투 버전도 있음.

다운로드 FreeFileSync 2.1 (1.2MB)

 

 

유틸리티


KeePass Password Safe Portable

오픈소스 패스워드 관리 유틸리티. 암호 데이터베이스를 하나의 마스터 패스워드로 보호.

다운로드 KeePass Password Safe Portable 1.16 (1.7MB)

 

7-Zip Portable

다양한 포맷을 지원하는 막강한 압축률의 압축 유틸리티.

다운로드 7-ZIP Portable 4.65 Rev 2 (1.4MB)

 

Font Matcher

이미지 속의 폰트를 실제 폰트와 매치해줌. TTF 폰트만 지원.

다운로드 Font Matcher 1.0.3 (160KB)

 

IcoFX

아이콘 변환, 추출 등을 지원하는 아이콘 에디터. 256x256 해상도까지 지원.

다운로드 IcoFX 1.6.4 Portable (1.4MB)

 

PickPick

세계에서 인정받는 자랑스런 국산 스크린 캡쳐 툴. 색상 추출 등의 다양한 기능과 함께 간단한 이미지 편집도 지원.

다운로드 PickPick 1.8.1.0 Portable (957KB)

 

VirtuaWin

작은 리소스의 가상 데스크탑 관리 프로그램.

다운로드 VirtuaWin 4.0.1 Portable (97KB)

[이 게시물은 인천올님에 의해 2010-06-10 14:06:36 추천정보에서 이동 됨]

 

출처 : http://www.incheonall.com/bbs/board.php?bo_table=pds&wr_id=44&page=

반응형

'UTILITY' 카테고리의 다른 글

Acroedit 소개  (0) 2011.06.28
NetDrive 설정해 보기  (0) 2011.06.28
토드 초기화 하기  (0) 2011.03.28
파수 관련 autoit 작성 코드  (0) 2011.03.10
비스타 관리자 권한 실행 파일 만드는 프로그램  (0) 2011.03.10
반응형


CSS는 CSS를 적용한 단순한 텍스트 파일을 작성한 것을 정의함으로서 사용가능하다.

CSS가 같이 적용된 사이트에 접속할 경우 페이지 변경이 일어나도 캐쉬되기 때문에 파일정보가 다시 전송되지 않는다.


다음예제를 보자

File : example.html

<html>
<head>
<title>MY CSS PAGE</title>
<link rel=stylesheet href="whatever.css" type="text/css">
</head>
<body>
<span class="headlines">Welcome</span><br>

<div class="sublines">
This is an example of a page using CSS.<br>
The example is really simple,<br>
and doesn't even look good,<br>
but it shows the technique.
</div>

<table border="2"><tr><td class="sublines">
As you can see:<br>
The styles even work on tables.
</td></tr></table>

<hr>

<div class="infotext">Example from EchoEcho.Com.</div>

<hr>
</body>
</html>


위의 예제는 전체 사이트에서 동일하게 CSS파일을 사용하며 한가지 중요한 예외사항은...
Style 문구가 페이지 상에 정의되지 않고 외부 Style Sheet 를 참조한다.

 <link rel=stylesheet href="whatever.css" type="text/css">

이것은  브라우져가 호출된 whatever.css 파일을 호출하고 HTML 문서상안에서 발견된 위치에 입력하는 것을 뜻한다.

File : whatever.css
.headlines, .sublines, infotext {font-face:arial; color:black; background:yellow; font-weight:bold;}
.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}


전체 사이트의 모든 <head>구문안에 <link rel=stylesheet href="whatever.css" type="text/css"> 를 추가함으로써 하나의 스타일을 통한 전체사이트를 적용하는 효과를 가질수 있다.

이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

Single PAGE (한 페이지 적용)  (0) 2010.09.06
단순 태그들  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
반응형

한 페이지에 적용할 때 HEAD 태그 안에 <STYLE> 태그를 사용함으로써 사용 가능함.

<html>
<head>
<title>MY CSS PAGE</title>
<style type="text/css">
.headlines, .sublines, infotext {font-face:arial; color:black; background:yellow; font-weight:bold;}
.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}
</style>
</head>

<body>
<span class="headlines">Welcome</span><br>

<div class="sublines">
This is an example page using CSS.<br>
The example is really simple,<br>
and doesn't even look good,<br>
but it shows the technique.
</div>

<table border="2"><tr><td class="sublines">
As you can see:<br>
The styles even work on tables.
</td></tr></table>

<hr>

<div class="infotext">
Example from EchoEcho.Com.
</div>

<hr>
</body>
</html>


결과

Welcome
This is an example page using CSS.
The example is really simple,
and doesn't even look good,
but it shows the technique.
As you can see:
The styles even work on tables.
Example from EchoEcho.Com.

반응형
저작자표시

'Windows > css' 카테고리의 다른 글

전체 사이트에 CSS 적용하기  (0) 2010.09.06
단순 태그들  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
반응형

단순히 style="정의스타일:스타일속성;" 태그를 추가함으로서 단순 태그를 추가할 수 있다.

예
 It is <b style="font-size:16px;">NOT</b> me.

결과는 다음과 같다.
It is NOT me.



당신은 당신의 단순 CSS 태그를 제한적으로 사용해야 한다.

각각에 단순 태그를 사용함으로서 당신의 CSS와 연관된 많은 강력한 기능을 사용할 수 없다.

예를 들면, 한번 선언해서 사용할때보다 사용할 때마다 계속 style 구문을 계속 선언해야 한다.

더구나 주요 style을 변경할 때도 당신은 문서 전체를 수정해야 한다.

이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.

반응형
저작자표시

'Windows > css' 카테고리의 다른 글

전체 사이트에 CSS 적용하기  (0) 2010.09.06
Single PAGE (한 페이지 적용)  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
반응형


진하게 효과와 이탤릭(기울임) 효과를 줄때 다음과 같이 사용한다.

 <i><b>example</b></i>

문법
일반적인 <B> 태그에 대해 다음과 같이 추가하지 말길...(기존 style을 재정의 함으로써 혼란을 유발...)
 B {font-size:16px}

선택자에 의존하는 문맥을 추가할 때는 다음과 같이 사용한다.
 I B {font-size:16px;}

I와 B의 공간을 분리함으로써 표현함.

I B 형태로 선언하는 경우
테스트 문자 -> <I B>테스트 문자</I B>
테스트 문자 -> <B>테스트 문자</B>


이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

Single PAGE (한 페이지 적용)  (0) 2010.09.06
단순 태그들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
반응형

같은 종류의 스타일 선택자들을 공유해야 할 때 사용함.

그룹핑이 없는경우(폰트 크기만 별도로 나머지 속성은 동일 한 경우임)

.headlines{
font-family:arial; color:black; background:yellow; font-size:14pt;
}

.sublines {
font-family:arial; color:black; background:yellow; font-size:12pt;
}

.infotext {
font-family:arial; color:black; background:yellow; font-size:10pt;
}


위의 스타일 선택자들을 그룹핑 하고 폰트에 대해서는 별도로 사용하는 경우

.headlines, .sublines, .infotext {
font-family:arial; color:black; background:yellow;
}

.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}



이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

단순 태그들  (0) 2010.09.06
선택자에 의존하는 문맥들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
반응형

ID 선택자들의 기본 문법이다.

#ID선택자명 {속성:값;}

예)

<HTML>
<HEAD>
<style type="text/css">
#layer1 {position:absolute; left:100;top:100; z-Index:0}
#layer2 {position:absolute; left:140;top:140; z-Index:1}
</style>
</HEAD>

<BODY>
<div ID="layer1">
<table border="1" bgcolor="#FFCC00"><tr><td>THIS IS LAYER 1<br>POSITIONED AT 100,100</td></tr></table>
</div>

<div ID="layer2">
<table border="1" bgcolor="#00CCFF"><tr><td>THIS IS LAYER 2<br>POSITIONED AT 140,140</td></tr></table>
</div>
</BODY>


</HTML>






이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

선택자에 의존하는 문맥들  (0) 2010.09.06
그룹 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
CSS 선택자란 ?  (0) 2010.09.06
반응형

Class 선택자들의 표준 문법이다.

.CLASS선택자명 {속성:값;}

예:

<HTML>
<HEAD>
<style type="text/css">
.headline {font-family:arial; font-size:14px; color:red}
</style>

</HEAD>

<BODY>
<b class="headline">This is a bold tag carrying the headline class</b>
<br>
<i class="headline">This is an italics tag carrying the headline class</i>
</BODY>

</HTML>


결과는 다음과 같다.

This is a bold tag carrying the headline class
This is an italics tag carrying the headline class



CLASS 선택자는 HTML 태그를 재정의 하지 않고 당신이 원하는 스타일을 정의할 때 사용한다.

단순하게 적용하고 싶을때는 HTML 태그에 다음과 같이 추가하면 된다.

class="headline"

이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
CSS 선택자란 ?  (0) 2010.09.06
CSS 란 ...  (0) 2010.09.06
반응형

HTML 선택자의 일반적인 문법

태그선택자명 {속성들:값;}

예:

<HTML>
<HEAD>
<style type="text/css">
B {font-family:arial; font-size:14px; color:red}
</style>

</HEAD>

<BODY>
<b>This is a customized headline style bold</b>
</BODY>

</HTML>


결과는 다음과 같다.

This is a customized headline style bold


이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
CSS 선택자란 ?  (0) 2010.09.06
CSS 란 ...  (0) 2010.09.06
반응형

선택자들은 다른 스타일들의 이름을 나타낸다.

Style에는 설정한 각 선택자들의 해야될 일이 정의되어 있다.

body 구문을 정의한 Style의 예

예)

<HTML>
<HEAD>
<style type="text/css">
B.headline {color:red; font-size:22px; font-family:arial; text-decoration:underline}
</style>

</HEAD>

<BODY>
<b>This is normal bold</b><br>
<b class="headline">This is headline style bold</b>
</BODY>

</HTML>



이경우에는 B.headline이 선택자이다.

결과는 다음과 같다.

This is normal bold
This is headline style bold


이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.
반응형
저작자표시

'Windows > css' 카테고리의 다른 글

그룹 선택자들  (0) 2010.09.06
ID 선택자들  (0) 2010.09.06
CLASS 선택자들 (CLASS Selectors)  (0) 2010.09.06
태그 선택자들 (TAG SELECTORS)  (0) 2010.09.06
CSS 란 ...  (0) 2010.09.06

+ Recent posts

티스토리툴바