나모에서 할수있는 작업기능

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR vAlign=top> <TD id=user_contents style="WIDTH: 100%" name="user_contents"> <TABLE cellSpacing=4 borderColorDark=#ff66cc cellPadding=0 width=600 align=center borderColorLight=#ff66cc> <TBODY> <TR> <TD width=600 bgColor=#cccccc height=25> 나모웹에디터 2006 추가사항 및 전반적 기능</TD></TR> <TR> <TD width=600 height=253>HTML 기본 기능에 충실한 WYSIWYG방식의 웹 저작도구로, 초보자부터 전문가까지 작업의 편의성을 극대화 시킬 수 있도록 설계되어, 디자인에서부터 데이터베이스 연결, 컨텐츠 관리까지 웹컨텐츠를 제작하는 모든 과정을 해결할 수 있습니다. <H2 class=wewu align=center> <IMG src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fnamo_w1.jpg" border=0></H2> <HR style="BORDER-RIGHT: 1px dashed; BORDER-TOP: 1px dashed; BORDER-LEFT: 1px dashed; BORDER-BOTTOM: 1px dashed" color=#cccccc noShade SIZE=1> 나모 웹에디터 2006은 초보자부터 전문가까지 작업의 편의성을 극대화할 수 있도록 설계되어 있는 웹 저작 도구의 표준입니다. 나모 웹에디터 2006 하나만으로도 디자인에서부터 데이터베이스 연결, 웹 콘텐츠 제작 및 관리에 이르는 모든 과정을 편리하고 쉽게 처리할 수 있습니다. <TABLE cellSpacing=0 cellPadding=0 width=600 align=center border=0> <TBODY> <TR> <TD>  <TABLE cellSpacing=0 cellPadding=0 width=600> <TBODY> <TR> <TD width=600></TD></TR> <TR> <TD width=600> <H4 class=wewu><A name=design></A>세련된 <A name=new></A>웹 디자인 환경</H4></TD></TR></TBODY></TABLE> <H5><A name=paint></A>그림 효과 대화 상자에 그리기 기능 추가</H5> [그림 효과] 대화 상자에 그리기 도구를 추가하여 간단한 그림 작업을 할 수 있도록 하였습니다. 글자를 추가하거나 선, 원, 사각형 등의 개체를 추가할 수 있으며 선과 채우기의 색깔을 지정할 수 있습니다.   <IMG height=454 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-paint_1.gif" width=503 border=0> <H5><A name=photoalbum></A>포토 앨범</H5> 이미 만들어 놓은 포토 앨범을 편집할 수 있도록 하였습니다. 기존에는 한번 만든 포토 앨범을 수정하려면 새로운 포토 앨범을 만들어야 했습니다.  나모 웹에디터 2006에서는 새로운 포토 앨범을 만들 수 있을 뿐만 아니라 이미 만든 포토 앨범을 열어서 수정할 수 있습니다. 또한 포토 앨범 마법사의 작업 환경을 개선하여 보다 편리하게 포토 앨범을 만들 수 있도록 하였습니다. 포토 앨범 마법사 시작 화면   <IMG height=153 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-photo_album_1.gif" width=250 border=0> [앨범 설정 파일 열기]를 눌렀을 때 나타나는 [열기] 대화 상자 <IMG height=288 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-photo_album_2.gif" width=419 border=0> <H5><A name=css></A>CSS</H5> CSS(Cascading Style Sheet)와 관련된 기능을 대폭 개선하였습니다. 개선된 목록은 다음과 같습니다. <UL> <UL> <LI>서식 패널에 현재 문단에서 사용 가능한 스타일 뿐만 아니라 현재 선택한 태그에 적용 가능한 대부분의 스타일(CSS 클래스)을 표시합니다. <LI>[스타일 설정] 대화 상자에 문서 내부 스타일 시트의 스타일 뿐만 아니라 외부 스타일 시트에 있는 스타일 목록까지 표시합니다. 외부 스타일 시트에 있는 스타일도 내부 스타일과 마찬가지로 편집할 수 있으며 변경 사항은 그 스타일을 포함하고 있는 외부 스타일 시트에 저장합니다. <LI>[클래스/ID] 대화 상자에서 모든 스타일 시트에 정의된 스타일의 클래스 목록에서 원하는 클래스를 선택할 수 있습니다. <LI>[스타일 연결하기] 대화 상자에서 외부 스타일 시트의 순서를 조정할 수 있습니다. 스타일 목록에는 내부 스타일 시트도 나타납니다. <LI>이제 여러 태그의 속성 대화 상자의 [스타일] 단추에 [클래스/ID] 대화 상자와 연결될 수 있는 메뉴를 추가하였습니다. </LI></UL></UL> <H5><A name=tracingimage></A>바탕 레이아웃 이미지</H5> 바탕 레이아웃 이미지를 사용하면 편집 창에서 개체 배치 등의 디자인 작업을 보다 편리하게 할 수 있습니다. 바탕 레이아웃 이미지는 편리한 페이지 디자인 작업을 위해 편집 중에 사용하는 것으로 출판한 후에는 보이지  않습니다. 바탕 레이아웃 이미지는 [문서 속성] 대화 상자에서 지정할 수 있습니다.   <IMG height=290 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-tracingimage_1.gif" width=380 border=0> <H5><A name=infobars></A>속성 막대</H5> 작업 중인 표와 그림에 대한 간단한 정보를 보여 줍니다. 표를 선택했을 때에는 위쪽에 표와 셀의 너비 정보가 나타나며 그림을 선택했을 때에는 아래쪽에 현재 그림의 크기와 실제 원본 크기가 나타납니다. 그림 속성 막대 <IMG height=283 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-visualaid_1.gif" width=281 border=0> 표 속성 막대 <IMG height=82 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-visualaid_2.gif" width=288 border=0> <H5><A name=library></A>전문가가 만든 라이브러리</H5> 전문 그래픽 디자이너가 만든 플래시 버튼과 스마트 클립아트, 세련되고  다양해진 카드 템플릿과 테마를 사용하면 별도의 그래픽 작업 없이도 멋진 웹 사이트를 만들 수 있습니다.   <IMG height=270 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-library_1.gif" width=380 border=0> <H5><A name=smartclipart></A>스마트 클립아트 편집</H5> 섬세하고 다양한 편집 기능을 갖춘 스마트 클립아트 대화 상자를 사용하면 개성있는 배너와 버튼을 쉽게 만들 수 있습니다. 또한 스마트 클립아트를 일반 이미지로 변환할 수도 있습니다.   <IMG height=342 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-smartclipart_1.gif" width=380 border=0> <TABLE cellSpacing=0 cellPadding=0 width=600> <TBODY> <TR> <TD width=600> <H4 class=wewu><A name=code></A>편리한 코드 편집</H4></TD></TR></TBODY></TABLE> <H5><A name=quicktageditor></A>빠른 태그 편집기</H5> 편집 창에서도 쉽게 HTML 태그를 확인하거나 편집할 수 있도록 빠른 태그 편집기를 추가하였습니다. 빠른 태그 편집기를 실행하려면 단축키 [Ctrl+Q] 키를 누르거나 메뉴에서 [편집 > 빠른 태그 편집기]를 선택합니다. 편집 창의 내용을 블록으로 지정하지 않고 빠른 태그 편집기를 실행한 경우에는 [HTML 삽입하기] 기능만 사용할 수 있습니다.   <IMG height=156 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-quicktageditor_1.gif" width=489 border=0> <H5><A name=codehelper></A>소스 자동 완성</H5> HTML 소스 편집 창에서 태그의 일부분만 입력하면 자동으로 HTML 엘리먼트와 속성, CSS 정보를 목록으로 보여주고 선택할 수 있도록 하는 기능입니다. 또한 태그를 입력하면 자동으로 닫는 태그도 같이 입력됩니다. 소스 자동 완성 기능을 사용하려면 메뉴에서 [도구 > 프로그램 설정]을 선택한 뒤 [소스 편집 창] 탭에서 [소스 자동 완성]을 선택하면 됩니다. 사용을 중지하려면 다시 [소스 자동 완성]을 선택 해제합니다.   <IMG height=162 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-code_helpers_1.gif" width=242 border=0> <H5><A name=highlighting></A>코드 색깔 설정</H5> HTML 소스 편집 창에서 PHP, ASP, JSP, xxxxxxJavascript 코드가 있는 경우, 각 언어와 속성을 다른 색깔로 표시하여 쉽게 구분할 수 있도록 하였습니다. [프로그램 설정] 대화 상자의 [소스 편집 창] 탭에서 언어별, 코드별 색깔을 지정할 수 있습니다.   <IMG height=351 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-highlighting_1.gif" width=380 border=0> <H5><A name=xhtml></A>XHTML</H5> XHTML 파일을 만든 뒤 편집하고 저장할 수 있도록 하였습니다. XHTML 요구 사항에 맞는 코드를 자동으로 입력하거나 정리해 줍니다.   <IMG height=91 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-xhtml_1.gif" width=477 border=0> <H5><A name=tagselector></A>태그 셀렉터</H5> 태그 셀렉터에서 '스타일 보이기'를 선택하면 각 태그의 색깔, 글꼴, 테두리 등의 속성을 미리 볼 수 있도록 하였습니다. 또한 마우스 오른쪽 버튼을 클릭하면 나타나는 바로가기 메뉴에서 선택한 태그가 스타일인지 클래스인지를 확인해 볼 수 있도록 하였으며 선택한 태그에 대한 도움말을 쉽게 찾아 볼 수 있도록 하였습니다.   <IMG height=37 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-tag-selector.gif" width=283 border=0> <H5><A name=ref></A>HTML/CSS 레퍼런스</H5> HTML/CSS 레퍼런스를 활용하면 HTML이나 CSS에 대한 정보를 편리하게 확인할 수 있습니다. 소스 편집 창이나 태그 셀렉터에서 원하는 태그나 속성에 커서를 놓고 [Shift+F1] 키를 누르면 HTML/CSS 레퍼런스의 관련 내용이 나타납니다.   <IMG height=280 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-reference_1.gif" width=380 border=0> <TABLE cellSpacing=0 cellPadding=0 width=600> <TBODY> <TR> <TD width=600> <H4 class=wewu><A name=exchangeable></A>확장성을 갖는 웹 콘텐츠 작성</H4></TD></TR></TBODY></TABLE> <H5><A name=blog></A>블로그에 글 등록하기</H5> 편집 중인 문서를 블로그에 등록하거나 블로그에 등록된 글을 수정한 뒤 다시 등록할 수 있는 블로그 관련 기능을 추가하였습니다. [블로그 관리하기]  대화 상자에서 미리 등록해 놓은 블로그 서버를 선택하여 접속한 뒤, 문서를 블로그에 등록할 수 있으며 접근 가능한 블로그 목록을 확인하고 블로그에 등록된 글을 관리할 수 있습니다.   <IMG height=242 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-blog_1.gif" width=393 border=0> <H5><A name=tagcleanup></A>Microsoft Office 태그 정리</H5> Microsoft Office 태그 정리 기능을 강화하였습니다. 기존에 있던 [Microsoft Office 전용 태그 없애기] 기능을 강화하여 Microsoft Office에서 생성된 태그를 보다 깔끔하게 정리해 줍니다. 태그 정리 전   <IMG height=251 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-cleanup_tag_1.gif" width=361 border=0> 태그 정리 후 <IMG height=247 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-cleanup_tag_2.gif" width=359 border=0> <H5><A name=tablecal></A>표 계산 기능</H5> 별도의 엑셀 프로그램을 사용하지 않고도 표로 정리한 데이터를 사용하여 여러 가지 통계값을 구할 수 있도록 하였습니다. 사용할 수 있는 통계 함수의 종류는 다음과 같습니다. <UL> <UL> <LI>합 <LI>평균 <LI>최대값 <LI>최소값 <LI>분산 <LI>표준편차 <LI>선택한 줄/열/블럭의 셀 개수 <LI>선택한 줄/열/블럭에서 값이 들어 있는 셀의 개수 </LI></UL></UL> <H5><A name=opendoc></A>외부 문서 열기</H5> [열기] 대화 상자에서 *.doc, *.xls, *.ppt, *.hwp, *.gul 형식의 문서를 쉽게 가져올 수 있도록 하였습니다.   <IMG height=405 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-open_1.gif" width=419 border=0> <H5><A name=sss></A>ASP, JSP, PHP 템플릿으로 저장</H5> ASP, JSP, PHP와 같은 서버 사이트 스크립트를 포함하고 있는 문서를 템플릿으로 저장해 놓고 사용할 수 있습니다. [리소스 관리자], [문서] 탭의 [서버 사이드 스크립트] 에서 원하는 종류의 스크립트 문서를 선택할 수 있습니다. [문서] 탭에서 제공되는 스크립트 문서에는 각 스크립트 언어의 샘플 코드가 포함되어 있으며 편집 창에 문서를 연 뒤, 문서 안의 코드를 원하는 대로 편집하여 사용할 수 있습니다.   <IMG height=270 src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fyoonmi.net%2Fzboard%2Fstudy%2Fnamo_1%2Fimages%2Fa14%2Fwe-template_1.gif" width=380 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>