홈페이지 제작 프로그램, HTML, CSS 편집기 - Expression Web 4 v4.0.1166.0

홈페이지 제작 프로그램, HTML, CSS 편집기 - Expression Web 4 v4.0.1166.0

요약 : Expression Web 4 (홈페이지 제작 프로그램) - 소개 및 사용법

테스트 환경 : 윈도우 7 얼티밋 K (32비트) 서비스팩1
제작 : http://www.microsoft.com/korea/expression/
라이센스 : 유료
작성자 : 해커 C
주의 : 실제와 다른 내용이 포함 될 수도 있음

안녕하세요? 해커 C 입니다. ㅎㅎ

멋진 홈페이지, 예쁜 블로그 만드는 하루 보내세요 ~ ^^*

이번에 소개해 드릴 프로그램은 홈페이지나 블로그를 더욱 쉽고 편하게 제작 할 수 있는 프로그램 입니다.

나모웹에디터 만큼 편하고 사용법도 쉬워서 아주 유용할 거 같습니다.

드래그 앤 드롭으로 레이아웃을 잡을 수 있으며 잘못된 속성값,

검색엔진 최적화 등 다양한 기능을 제공 합니다.

Expression Web 4 (홈페이지 제작 프로그램) 시작합니다.


Expression Web 4 (홈페이지 제작 프로그램) - 실행 아이콘과 설치경로

Expression Web 4 (홈페이지 제작 프로그램) - 실행 아이콘과 설치경로


Expression Web 4 의 약자를 사용하여 'W4'의 마크를 사용했군요. ㅎㅎ


기본 설치경로는 ( C:\Program Files\Microsoft Expression\Web 4 ) 입니다.




Expression Web 4 (홈페이지 제작 프로그램) - 라이센스

Expression Web 4 (홈페이지 제작 프로그램) - 라이센스

기본 라이센스는 유료입니다.

해커 C 는 '과자'를 만들어 얼티밋 라이센스를 적용하여 사용 중입니다.

평가판은 60일간 사용가능 한 거 같더군요~@@




Expression Web 4 (홈페이지 제작 프로그램) - 기본 UI 구조

Expression Web 4 (홈페이지 제작 프로그램) - 기본 UI 구조


해커 C 가 좋아하는 블랙UI !!!  기본 한글 지원합니다.


좌 우 자주 사용하게 될 편리한 탭들을 배치 해둘 수 있습니다.




Expression Web 4 (홈페이지 제작 프로그램) - HTML 문서

Expression Web 4 (홈페이지 제작 프로그램) - HTML 문서


테스트에서는 '해커 C 이야기' 블로그의 스킨파일을 사용했습니다.


기본 '디자인' 보기로 하면 해당 코드를 읽어들여서 전체적인 레이아웃을 보여 줍니다.




Expression Web 4 (홈페이지 제작 프로그램) - 화면 나누기

Expression Web 4 (홈페이지 제작 프로그램) - 화면 나누기

높은 해상도를 사용하시는 분들께 유용하며, 보다 빠른작업을 할 수 있습니다.

HTML코드와 레이아웃을 동시에 보면서 수정하거나 제작 할 수 있습니다.

테스트 화면에선 캡쳐를 위해 최대한 작게 줄여 놓은 거에요. @@

'해커 C' 는 더블 모니터 사용합니다.!!




Expression Web 4 (홈페이지 제작 프로그램) - 검색엔진 최적화

Expression Web 4 (홈페이지 제작 프로그램) - 검색엔진 최적화


SEO.. 아시는 분들은 아시죠? 검색엔진 최적화 !! 서치 엔진 옵티마이저??.. @@;;


원클릭만으로 검색엔진 최적화 보고서를 볼 수 있습니다.


고마운 녀석이죠!! 깜빡하고 빠트린 부분을 잘 찾아 주더군요!! 낼름 수정 했어요. ㅋㅋ




Expression Web 4 (홈페이지 제작 프로그램) - HTML 최적화

Expression Web 4 (홈페이지 제작 프로그램) - HTML 최적화


단순 오탈자 공백 최적화가 아닌, 압축이라고 봐도 될 거 같아서


캡쳐 화면에 '압축' 이란 단어를 사용했습니다.

(옵션 설정은 아래 화면에 첨부합니다.)




Expression Web 4 (홈페이지 제작 프로그램) - HTML 최적화 옵션설정

Expression Web 4 (홈페이지 제작 프로그램) - HTML 최적화 옵션설정


HTML 최적화 옵션은 여러 가지 제공합니다.


주석제거, 공백제거, 사용하지 않는 콘텐츠 제거, 생성된 HTML 제거.


옵션은 사용환경에 따라 최적화를 진행하시면 됩니다.




Expression Web 4 (홈페이지 제작 프로그램) - 드래그 앤 드롭

Expression Web 4 (홈페이지 제작 프로그램) - 드래그 앤 드롭

기본적으로 제공하는 컨트롤러들을

드래그 앤 드롭 만으로 간단하게 레이아웃을 잡을 수 있습니다.

테스트에서는 드롭다운 박스를 사용했습니다.

드래그 앤 드롭 기능은 전체적인 레이아웃을 잡을때도 사용 가능 합니다.




Expression Web 4 (홈페이지 제작 프로그램) - 오탈자 체크

Expression Web 4 (홈페이지 제작 프로그램) - 오탈자 체크

HTML과 CSS 혹은 스크립트에 사용된 명령어의 철자가 잘못되었는지도 자동체크합니다.

잘못된 명령어들은 보시는 거처럼 빨간색으로 밑줄이 그어집니다. ㅎㅎ

단, 웹표준에 의해 공개되고 인증된 명령어들만을 정상 인식합니다.


Expression Web 4 (홈페이지 제작 프로그램) 를 이용하면,

HTML과 CSS를 잘 다루지 못하시는 분들이라도 보다 편하게 웹표준을 지켜가며

오류 없는 제대로 작동하는 홈페이지나 블로그의 디자인을 만들 수 있을 거에요. ㅎㅎ

'해커 C' 는 원래 기본 메모장을 사용합니다. @@;;

이 녀석으로 오랜만에 블로그 HTML 과 CSS 최적화와 최소화 등 오류 수정작업을 했더니..

첨 사용하는 프로그램이라서 대략 1주일이 넘는 시간을 보내버렸네요. ㅠㅠ흑흑;;

그래도 꼼꼼히 확인해주니 좋더군요.

소프트웨어도 사람이 만드는 것이기 때문에 완벽이란 있을 수 없다는 점은 기억하세요~

항상, 홈페이지와 블로그를 보다 편하고 쉽게 제작할 수 있게 도와주시는

Expression Web 4 (홈페이지 제작 프로그램) 개발자 (관계자) 여러분 진심으로 감사합니다.

Down Load
↑ 다운로드 ↑
Expression Web 4 (홈페이지 제작 프로그램)
저작권 보호를 위해 제작사 홈페이지로 이동 합니다.
제작사 홈페이지에서 유료결제 하세요.