| 공지 |
두번째 마당
나모 웹에디터 강좌 목차 및 진행사항
[1]
|
디디컴 |
2010-06-02 |
592 |
두번째 마당 2-5장, Self-Training 테이블을 이용해 콘텐츠 정리하기, 나모웹에디터 FX
 
2-5장, Self-Training 테이블을 이용해 콘텐츠 정리하기 테이블의 기본적인 사용법을 익혔다면 앞 장에서 만든 예제를 테이블을 활용해 정리해 보겠습니다. 1) 테이블을 만들기 위해 표 메뉴에서 새 표를 선택합니다.새 표 메뉴 ...
|
두번째 마당 2-5장, Self-Training 테이블 만들기, 나모웹에디터 FX
2-5장, Self-Training 테이블 만들기 표 그리기 기능을 이용하여 표를 그려보고 차트 마법사로 차트를 만들어 보겠습니다. 1) 테이블 그리기 - 표 그리기 기능을 사용하려면 [메뉴] 막대의 [표] 메뉴에서 [표 그리기]를 선택...
|
두번째 마당 2-5장, 디자인 시안 만들기-Part 3, 테이블 그리기, 나모웹에디터 FX
2-5장, 디자인 시안 만들기-Part 3, 테이블 그리기
테이블 그리기
테이블을 빠르고 편하게 만들기 위해 나모 웹에디터 FX에서는 표 그리기 기능을 제공합니다. 표 그리기 기능을 이용하면 마우스 드래그만으로 원하는 표를...
|
두번째 마당 2-5장, Self-Training 제목 셀 만들기, 나모웹에디터 FX
2-5장, Self-Training 제목 셀 만들기 제목 셀은 테이블을 표의 기능으로 사용할 때 다른 셀에 입력된 데이터와 구별하기 위해 사용되는 셀입니다. 즉, 가로줄과 세로줄에 대한 제목(title)입니다. 1) 셀의 크기가 작기 때문에 ...
|
두번째 마당 2-5장, Self Training 테이블 정렬하기, 나모웹에디터 FX
2-5장, Self Training 테이블 정렬하기 테이블도 텍스트와 이미지처럼 개체이기 때문에 정렬을 할 수 있습니다. 정렬 방식은 왼쪽, 오른쪽, 중앙, 왼쪽 흘리기, 오른쪽 흘리기가 있습니다. 기본 정렬 방식은 왼쪽입니다. 여기서...
|
두번째 마당 2-5장, Self-Training 셀 합치기와 삭제하기, 나모웹에디터 FX
2-5장, Self-Training 셀 합치기와 삭제하기 이번에는 여러 개의 셀을 하나로 합쳐 보겠습니다. 셀을 합칠 때에는 마우스로 두개 이상의 셀을 드래그 하여 선택한 후 적용합니다. 1) 다음 그림처럼 합쳐질 셀을 드래그 하여 선...
|
두번째 마당 2-5장, Self-Training 셀 속성 설정하기, 나모웹에디터 FX
2-5장, Self-Training 셀 속성 설정하기 이번에는 셀의 속성을 설정해 보겠습니다. 셀의 속성은 각각의 셀마다 다른 속정을 적용하거나, 전체 혹은 일부 셀을 드래그 하여 선택한 뒤 적용할 수 있습니다. 1) 하나의 가로줄을 ...
|
두번째 마당 2-5장, 디자인 시안 만들기-Part 2, 셀 속성 설정하기, 나모웹에디터 FX
2-5장, 디자인 시안 만들기-Part 2, 셀 속성 설정하기 셀 속성 설정하기테이블은 데이터가 입력되는 셀로 구성되어 있습니다. HTML 태그 구성으로 본다면 전체 테이블을 구성하는 <table> 태그가 있고 그 하위에 가로줄을 구성하...
|
두번째 마당 2-5장, Self-Training 테이블 삽입과 속성 설정하기, 나모웹에디터 FX
2-5장, Self-Training 테이블 삽입과 속성 설정하기
웹페이지에 테이블을 삽입하고 속성 값을 설정해보겠습니다.
1) 나모 웹에디터 FX 편집 창에 빈문서를 하나 엽니다. 다음 그림처럼 [도구] 막대에서 [표 만들기 아이...
|
두번째 마당 2-5장, 디자인 시안 만들기-Part 1, 테이블 이용하기, 나모웹에디터 FX
2-5장, 디자인 시안 만들기-Part 1, 테이블 이용하기
웹페이지는 정보를 전달하는 매체입니다. 유저에게 좋은 정보를 제대로 전달하기 위해서는 웹페이지에 삽입된 컨텐츠(텍스트, 이미지 등)를 보기 좋게 정돈할 필요가 ...
|
두번째 마당 2-4장, Self-Training 이미지 효과 주기, 나모웹에디터 Fx
2-4장, Self-Training 이미지 효과 주기 1) 사이트 관리자 창을 연 후 예제 파일인‘ dica_intro_4.htm’ 파일을 [더블클릭] 합니다. 2) 다음 그림처럼 편집 창에 예제 파일이 표시됩니다. 이미지에 그림 효과를 주기위해 이미...
|
두번째 마당 2-4장 웹페이지에 이미지 삽입하기, Part 3-이미지 효과 주기, 나모웹에디터 FX
2-4장 웹페이지에 이미지 삽입하기,
Part 3-이미지 효과 주기
이미지 효과 주기
웹페이지에 삽입된 이미지를 유저의 눈에 잘 띄게 하려면 이미지에 시각적인 효과를 주기 마련입니다. 일반적으로 이미지에 효과를 주려면 해...
|
두번째 마당 2-4장, Self-Training 이미지 속성 설정하기, 나모웹에디터 FX
2-4장, Self-Training 이미지 속성 설정하기
그림 속성 대화 상자를 통해 웹페이지에 삽입된 이미지의 속성 값을 변경해보도록 하겠습니다.
1) 사이트 관리자 창을 연 후 예제 파일인 ‘dica_intro_3.htm’ 파일을 [더블...
|
두번째 마당 2-4장 웹페이지에 이미지 삽입하기, Part 2-이미지 속성 설정하기, 나모웹에디터 FX
2-4장 웹페이지에 이미지 삽입하기,
Part 2-이미지 속성 설정하기
이미지 속성 설정하기
웹페이지에 삽입된 이미지는 다양한 속성을 가지고 있습니다. 이미지가 갖는 기본적인 속성에 이미지 파일에 대한 경로, 이미지에 대...
|
두번째 마당 2-4장, Self-Training 이미지 삽입하기, 나모웹에디터 FX
2-4장, Self-Training 이미지 삽입하기 이미지를 삽입하기 전에 웹페이지에서 사용할 이미지를 사이트 하위에 미리 복사해 두어야 합니다. 이 장에서는 이미 앞서 구성한 사이트 내의 image 폴더에 있는 이미지 파일을 사용해 만...
|
두번째 마당 2-4장, 웹페이지에 이미지 삽입하기, Part 1-작업 폴더에 이미지 복사하기, 나모웹에디터 FX
2-4장, 웹페이지에 이미지 삽입하기,
Part 1, 작업 폴더에 이미지 복사하기
웹페이지의 담긴 정보는 유저에게 텍스트로 전달됩니다. ‘백 마디의 말보다 직접 보는 것이 낫다’는 말이 있듯이 정보를 전달하는 데 있어서 ...
|
두번째 마당 2-3장, Self-Training 모든 페이지 마다 동일한 스타일 적용하기, 나모웹에디터 FX
2-3장, Self-Training 모든 페이지 마다 동일한 스타일 적용하기 CSS 스타일은 페이지마다 적용해야 합니다. 동일한 스타일을 모든 페이지마다 적용해야 한다면 매우 불편하고 번거로울 것입니다. 이런 경우 CSS 스타일을 파일로...
|
두번째 마당 2-3장, Self-Training 텍스트에 테두리 만들기, 나모웹에디터 FX
2-3장, Self-Training 텍스트에 테두리 만들기 CSS를 텍스트에 활용하면 HTML에서 불가능 한 것을 가능하게 할 수 있습니다. CSS의 일반적인 기능을 글꼴과 문단 대화 상자에서 바로 사용할 수 있다면, 텍스트에 테두리를 만...
|
두번째 마당 2-3장, 텍스트 입력하기, Part 4-CSS 스타일 설정하기, 나모웹에디터 FX
2-3장, 텍스트 입력하기-Part 4
CSS 스타일 설정하기
CSS는 Casecading Style Sheet의 약자입니다. CSS는 HTML과 같이 사용하는 스크립트 언어로 HTML 가지고 있는 텍스트의 한계를 보완해주는 역할을 합니다. 예를 들...
|
두번째 마당 2-3장, Self-Training 문단 정렬하기, 나모웹에디터 FX
2-3장, Self-Training 문단 정렬하기 1) 입력된 텍스트 우측에 커서를 위치시킨 후 Enter 키를 누릅니다.문단의 종료 편집 창에서의 Enter 키의 역할 ---------------------------------------------편집 창에서 Enter 키를 누르면 문단이 종료...
|
두번째 마당 2-3장, 텍스트 입력하기, Part 3-텍스트 정렬하기(문단 설정), 나모웹에디터 FX
2-3장, 텍스트 입력하기-Part 3
텍스트 정렬하기(문단 설정)
편집 창에 입력된 텍스트는 기본값으로 좌측에 정렬됩니다. 또한 여백과 줄 간격과 문단 간격 역시 기본 값으로 설정됩니다. 텍스트의 정렬은 문단을 기준으로 정...
|
두번째 마당 2-3장, Self-Training 텍스트 입력하기, 나모웹에디터 FX
2-3장, Self-Training 텍스트 입력하기 인트로 화면에 사용될 간단한 인사 문구를 입력해 보고 글꼴 속성을 설정해 보겠습니다. 1) 나모 웹에디터 FX의 편집 창에 다음과 같은 텍스트를 입력합니다. 편집 창에 텍스트 입력 텍...
|
두번째 마당 2-3장, 텍스트 입력하기, Part 2-텍스트 입력하기(글꼴 설정), 나모웹에디터 FX
2-3장, 텍스트 입력하기-Part 2
텍스트 입력하기(글꼴 설정)
텍스트 입력은 나모 웹에디터 FX의 편집 창에 키보드로 직접 타이핑해서 입력합니다. 텍스트를 입력하고 글꼴 속성 설정을 통해 보다 세밀하게 꾸밀 수 있습니다....
|
두번째 마당 2-3장, Self-Training 텍스트 환경 설정하기, 나모웹에디터 FX
2-3장, Self-Training 텍스트 환경 설정하기 텍스트 환경은 페이지마다 설정합니다. 웹사이트 전체 페이지에 공통으로 적용하려면 외부 CSS 파일을 사용해야 합니다. 외부 CSS 파일 사용법에 대해서는 2부 마지막부분에서 설명합...
|
두번째 마당 2-3장, 텍스트 입력하기, Part 1-텍스트 입력, 나모웹에디터 FX
2-3장, 텍스트 입력하기-Part 1
이번 장부터는 나모 웹에디터 FX로 웹페이지를 직접 만들어 보겠습니다. 웹페이지는 다양한 개체를 배열하여 만들게 됩니다. 이들 개체 중에 가장 기본이 되고 중요한 것이 텍스트입니다.
...
|
두번째 마당 2-2장, Self-Training 사이트 구성해보기, 나모웹에디터 FX
2-2장, Self-Training 사이트 구성해보기 앞서 살펴보았듯이 웹사이트를 제작을 하려면 사이트를 설정해야 합니다. 단 하나의 웹페이지를 제작하더라도 사이트를 설정하는 습관을 들이시는 것이 좋습니다. 둘째 마당에서는 따라하기에...
|
두번째 마당 2-2장, Self-Training 출판 환경 설정하기, 나모웹에디터 FX
2-2장, Self-Training 출판 환경 설정하기 사이트를 설정한 후 바로 출판 환경을 설정합니다. 출판 환경을 설정하기 위해서는 웹사이트를 출판할 웹서버에 사용자의 FTP 계정이 있어야합니다. 출판 환경을 설정하기 전에 사용자...
|
두번째 마당 2-2장, 사이트 설정하기-Part 2 출판 환경(FTP 접속) 설정하기, 나모웹에디터 FX
2-2장, 사이트 설정하기-Part 2 출판 환경(FTP 접속) 설정하기 출판 환경(FTP 접속) 설정하기 로컬 컴퓨터의 작업 폴더를 지정했다고 사이트 설정이 다 끝난 것은 아닙니다. 제작된 웹페이지를 출판하기 위한 환경 설정이 남았...
|
두번째 마당 2-2장, Self-Training 사이트 설정하기, 나모웹에디터 FX
2-2장, Self-Training 사이트 설정하기 나모 웹에디터 FX의 사이트는 사이트 마법사 메뉴를 통해 만드는 방법과 새 사이트 메뉴를 통해 만드는 방법이 있습니다. 사이트 마법사는 나모 웹에디터 FX에 기본적으로 구성된 템플릿...
|
두번째 마당 2-2장, 사이트 설정하기-Part 1, 나모웹에디터 FX
2-2장, 사이트 설정하기 웹사이트를 제작하기에 전에 사용자가 해야할 일 중에 하나가 사이트를 설정하는 것입니다. 사이트 설정이란 작업한 파일을 저장할 사용자의 컴퓨터(로컬 컴퓨터)의 폴더를 설정하는 일과 웹서버(리모트 컴퓨...
|
|
두번째 마당 2-1장, 집터 만들기, 나모웹에디터 FX
2-1장, 집터 만들기
웹페이지를 만들기 전에 홈페이지를 저장할 공간을 확보해야 합니다. 나모 웹에디터로 만든 웹페이지는 자신의 컴퓨터에 저장됩니다. 이렇게 저장된 웹페이지 파일을 다른 사람이 인터넷으로 접속해서 보려...
|
|
두번째 마당 둘째마당, 홈페이지 만들기 준비 운동, 나모웹에디터 FX
둘째마당,
홈페이지 만들기 준비 운동
첫 번째 마당에서는 홈페이지에 대해 알아보고 나모 웹에디터 FX을 둘러보았습니다. 두 번째 마당부터는 나모 웹에디터 FX를 사용하여 웹페이지 제작을 해보겠습니다. 아직 웹페이지를...
|
첫번째 마당 1-4장 Self-Training 액션 지정하기, 나모웹에디터 FX
1-4장 Self-Training 액션 지정하기
액션과 이벤트를 이해하기 위해 간단한 예제를 만들어보도록 하겠습니다. 만들 예제는 웹페이지를 풀화면(Full Screen)으로 실행하는 것입니다. 액션이 실행되기 위해서는 이벤트가 필요합...
|
첫번째 마당 1-4장 Self-Training 도구 막대 편집하기, 나모웹에디터 FX
1-4장 Self-Training 도구 막대 편집하기
기본 도구 막대의 아이콘은 사용자가 편리한 대로 추가 및 삭제할 수 있습니다. 기본 도구 막대의 아이콘을 추가 및 삭제하려면 다음과 같이 진행합니다.
1) 메뉴 막대의 도구...
|
첫번째 마당 1-4장 나모 웹에디터 FX 둘러보기-Part 2, 나모웹에디터 FX
1-4장 나모 웹에디터 FX 둘러보기, Part 2
나모 웹에디터의 사용자 환경 설정
나모 웹에디터를 사용자가 보다 편리하게 사용할 수 있도록 사용자 환경을 설정할 수 있습니다. 나모 웹에디터에서 사용자 환경을 변경하려...
|
첫번째 마당 1-4장 나모 웹에디터 FX 둘러보기-Part 1, 나모웹에디터 FX
1-4장 나모 웹에디터 FX 둘러보기, Part 1
나모 웹에디터 6이 여러분의 컴퓨터에 설치가 되어 있다면 이제 그 구성과 사용자 환경 설정을 살펴보도록 하겠습니다.
① 나모 웹에디터 6의 화면 구성에 대해 살펴봅니다....
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 6, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 6
나모 웹에디터 6에서 새로워진 기능
1) 바로가기 막대
바로가기 막대에는 나모 웹에디터 사용자가 자주 사용하는 기능들을 등록되어져 있습니다. 마치 자주 사용하는 프로...
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 5, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 5
그 밖의 편리한 기능
나모 웹에디터에는 웹디자인을 보다 효률적으로 하기 위한 다양한 기능과 부수적인 기능이 포함되어 있습니다.
1) 그리드(Grid), 가이드(Guide), 눈금...
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 4, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 4
다양한 개체 지원
나모 웹에디터에서는 웹에서 사용하는 다양한 멀티미디어 개체를 지원합니다. 멀티미디어는 웹페이지를 동적으로 변화시켜 주기도 유저의 흥미를 유발 시켜주...
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 3, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 3
사이트 관리 기능
웹사이트를 제작하는 것만큼이나 중요한 것이 웹사이트를 관리하는 것입니다. 그러나 수많은 웹페이지와 그 안에 포함된 개체들을 관리하기란 여간 쉬운 일...
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 2, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 2
스크립트 언어 지원 기능
웹은 매일매일 발전하는 기술입니다. 초기 웹사이트가 텍스트와 이미지 중심이었다면 최근 웹사이트는 다양한 인터렉션(interaction)과 데이터베이스...
|
첫번째 마당 1-3장 나모 웹에디터로 할 수 있는 것은-Part 1, 나모웹에디터 FX
1-3장 나모 웹에디터로 할 수 있는 것은-Part 1
앞 장에서는 나모 웹에디터가 HTML과 어떤 관계를 가지고 있으며, HTML을 직접 사용하지 않고 나모 웹에디터를 사용해 웹페이지를 제작하는 이유에 대해 살펴보았습니다. ...
|
첫번째 마당 1-2장 Self-Training 간단한 HTML 문서 만들어 보기, 나모웹에디터 FX
1-2 Self-Training 간단한 HTML 문서 만들어 보기
HTML을 이해하기 위해 간단한 HTML 문서를 메모장을 통해 만들어 보도록 하겠습니다.
1) 메모장을 실행하기 위해 시작 버튼을 클릭한 후, 모든 프로그램 > 보조 ...
|
첫번째 마당 1-2장 HTML과 웹에디터, 나모웹에디터 FX
1-2장 HTML과 웹에디터
앞에서 우리는 홈페이지에 대한 개념에 대해 알아보았습니다. 그렇다면 흔히 사용하는 ‘홈페이지’라는 말은 웹사이트의 초기 접속 페이지만을 말하는 것입니다. 따라서 지금부터는 홈페이지라는 말보다...
|
첫번째 마당 1-1장 홈페이지가 뭔가요?, 나모웹에디터 FX
1-1장 홈페이지가 뭔가요?
이 책을 접한 독자는 대부분 홈페이지를 처음 제작해보는 분이 많으실 것입니다. 이 책은 그런 독자들을 대상으로 쓰여 졌고 하나하나 차근차근 짚어가면서 진행됩니다. 그러나 홈페이지를 만드는 ...
|
첫번째 마당 첫 번째 마당, 나모 웹에디터와 홈페이지
첫 번째 마당, 나모 웹에디터와 홈페이지
컴퓨터가 가정마다 보급되고 누구나 쉽게 인터넷을 사용하면서 사람들은 저마다 홈페이지를 만들고 싶어졌습니다. 그래서 주위에 홈페이지가 있는 친구나 동료들에게 ‘너 홈페이지 있어?...
|
