스마트홈페이지 엔터프라이즈 V1.2 사용자 설명서 본 사용자 설명서는 한국경제신문사와 펭귄소프트가 공동으로 진행하는 수출중기 글로벌경쟁력 강화 의 프로그램에 사용됩니다. 펭귄소프트 ( 주 ) page 1/29
본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서의 사용으로 인한 직.간접적인 피해에 대하여 책임을 지지 않습니다. 2004-2012 펭귄소프트(주). Copyrights. All Rights Reserved. 본 문서는 펭귄소프트(주)의 자산으로 재 배포가 금지됩니다. 오픈오피스 Writer, Impress, Calc는 Sun Microsystems 사의 등록상표이며, 윈도 우, 엑셀, 워드, 파워포인트 는 마이크로소프트 사의 등록상표입니다. 아래한글은 한컴 사의 등록 상표입니다. Iphone은 Apple사의 상표입니다. 기타 모든 등록 상표는 해당 회사의 소유입니다. page 2/29
목차 1 사용하기전에...4 1.1 웹 브라우저... 4 1.2 아이디 및 암호... 4 1.3 고객지원... 4 1.4 스마트이미지 프로그램... 4 1.5 컴퓨터기본지식... 4 2 홈페이지관리 필수지식...5 2.1 홈페이지 구성요소... 5 2.2 필수상식... 5 2.3 편집기 활용하기... 7 2.4 SCMS 상식... 14 3 로그인 로그아웃 암호변경...15 3.1 로그인... 15 3.2 로그아웃... 15 3.3 암호변경하기... 16 4 내용관리...17 4.1 메인페이지... 17 4.2 일반페이지 수정... 18 4.3 블로그/미디어센터... 19 4.4 포토... 22 4.5 기타항목수정... 24 5 자주하는질문...25 6 용어집...26 7 고객지원 & 로그인정보...27 8 메모장...28 page 3/29
1 사용하기전에 본 문서는 스마트홈페이지 엔터프라이즈 V1.2 (이하 SCMS 혹 스마트홈페이지 라고 칭함) 사용자 설명서 이다. 문서 대상자는 홈페이지 내용을 관리하는 일반 관리자이다. 1.1 웹 브라우저 SCMS는 웹 브라우저에서 운영되며 별도의 프로그램 설치가 필요없다. 또한 윈도우즈, 리눅스, 맥 컴퓨터 를 포함하여 IE, FireFox, Safari, Opera 등 브라우저를 모두 지원한다. 다만, 안정성 과 보안성이 뛰어난 FireFox 사용을 권장한다. FireFox는 http://firefox.com 에서 무료로 다운받아서 사용이 가능하다. 1.2 아이디 및 암호 SCMS 관리자 로그인 아이디 및 암호를 확인하도록 한다. 초기 암호는 아래와 같다. 다만, 로그인후에 암 호를 변경할 수 있다. 자세한 내용은 암호변경 부분을 참고한다. 1.3 고객지원 향후 모든 고객지원 관련된 내용은 아래의 고객지원 시스템을 활용한다. 또한 고객지원요청시에는 가능한 구체적으로 요청하여야 한다. 예를 들어 에러가 있다 가 아니라 무었을 원해서, 어떻게 했는데 이러한 에러문구가 나왔다 라는 식이어야 한다. 1.4 스마트이미지 프로그램 PPT, HWP, DOC, EXCEL 등의 문서에서 도표, 테이블 을 포함한 각종 자료를 이미지로 가져와서 홈 페이지에 사용하는데 사용된다. 고급사용자는 Photoshop 등을 사용한다. 일반 초보자를 위하여 펭귄소 프트에서 개발하여 무료로 제공하는 EasyImage 프로그램은 이미지를 마치 텍스트 처럼 복사하여 붙이 기고 크기를 조절하여 홈페이지에 사용할 수 있도록 최소하 하였다. 설치는 http://kr.smarthomepage.co.kr/download/download/smartimage/ 에서 다운받아서 하도록 한다. 1.5 컴퓨터기본지식 문서에서 복사하기를 할때는 원하는 영역을 선택후 키보드에서 Ctrl + C 를 눌러서 한다. 붙이기는 Ctrl + V 를 하도록 한다. 홈페이지는 크게 텍스트, 이미지, 파일, 그리고 동영상으로 구성되어 있다. page 4/29
2 홈페이지관리 필수지식 2.1 홈페이지 구성요소 모든 홈페이지는 크기와 상관없이 공통적인 항목으로 구성되어 있다. 따라서 홈페이지 홍보를 한다 혹 홈 페이지 관리를 한다 라고 하는의미는 이러한 구성요소를 관리한다는 의미이다. 2.1.1 텍스트 가장 흔하고 많이 사용된는 형태로 인사말, 제품설명등을 포함한 내용이다. 텍스트 형태의 내용은 꼭 텍스 트로 입력한다. 즉, 텍스트를 이미지로 하지 아니한다. 검색최적화등 모든면에서 바람직하지 않다. 2.1.2 이미지 각종 제품사진, 인증서, 공장사진 등을 포함한 형태의 내용이다. 홈페이지에서 두번째로 많이 사용된다. 이미지는 꼭 대체문자 (이미지 제목) 를 제공한다. 대체문자는 검색최적화, 웹 표준, 웹 접근성 등 모든면 에서 필수적인 항목이다. 2.1.3 비디오 회사소개, 제품소개 등을 비디오로 작성하여 활용한다. 최근에는 비디오가 홍보효과 측면에서 가장 좋다 라고 한다. 멀티미디어를 활용한 기술, 제품, 회사 소개/ 홍보는 매우 효과적이라 하겠다. 가장 권장되는 비디오 SNS는 youtube이다. 비디오을 올릴시 제목, 요약, 키워드를 적절히 사용하여야 한다. 2.1.4 파일 파일의 최대한 홍보를 위하여 꼭 파일명 혹 링크명을 내용을 의미하는것으로 사용한다. 예를 들어 01.pdf 가 아니라 smartphone-case.pdf 처럼 의미있게 사용한다. 그리고 링크이름에도 의미를 전달하게 사용되 어야 한다. 즉, 스마트폰 케이스 카타로그 처럼 링크명을 사용하여 한다. 2.2 필수상식 현재 제공되는 SCMS 솔루션은 웹 표준, 웹 접근성, 모바일홈페이지 동시지원, 구글검색엔진최적화 등을 지원하는 시스템이다. 따라서 추후 유지 보수시에도 이러한 점을 유념하여야 한다. 2.2.1 도메인선택 한글은 한글, 영문은 영문 형태의 도메인을 사용한다. 한글 도메인에 영문 폴더를 사용하지 않도록 한다. 예로 http://mydomain.com/english 처럼 하지 않고 http://english.mydomain.com 처럼 하도록 한다. 별 도의 도메인을 사용하고 적절한 언어코드를 사용하는것은 해외마케팅용 홈페이지의 기초중의 기초이다. 가능한 약자 대신 간략하고 의미를 전달하는 도메인을 사용하도록 한다. page 5/29
2.2.2 핵심키워드파악 홈페이지 내용 작업이전에 무엇을 홍보하는지, 핵심 제품, 핵심 기술 등을 파악하여야 한다. 이 핵심 키워 드를 제대로 파악하는 것은 성공적인 홍보의 첫 걸음이다. 이 키워드가 없이 혹 잘 못 선택하면 홍보결과 에 지대한 영향을 주게 된다. 따라서 핵심키워드를 1~10 개 이내로 파악한다. 이 키워드를 텍스트, 이미 지, 비디오, 파일 등 모든 홈페이지 구성요소에 적절히 제목, 요약, 키워드 항목에 사용한다. 2.2.3 적절한 페이지제목사용 각 페이지에는 제목만 봐도 그 페이지의 내용을 알 수 있도록 제목을 입력한다. 표준과 검색최적화 그리고 웹 접근성 모든면에서 중요하다. 이 부분은 이미지, 비디오, 파일 등을 홍보하는 다른 Social Network Site (SNS) 에서도 마찬가지로 사용된다. 가장 중요한 부분중 하나이다. 2.2.4 제목사용 (Heading) 제목은 Heading1 ~ Heading6까지 존재한다. 적절하게 제목을 사용하여 내용을 관리하다. 표준과 검색 최적화 그리고 웹 접근성 모든면에서 중요하다. 책의 목차와 같은 이치이다. 2.2.5 이미지 대체문자 제공 이미지 사용시에는 꼭 대체문자를 제공하여야 한다. 대체문자는 간략히 이미지 제목을 입력한다. 표준과 검색최적화 그리고 웹 접근성 모든면에서 중요하다. 그렇지 않을경우 이미지 홍보가 부진하게 된다. 2.2.6 내용을 파악할 수 있는 링크이름 링크를 사용시에는 링크이름에 해당링크의 내용을 알 수 있게 입력하도록 한다. 즉, 자세히 보기 가 아니 라 과학기술보고서 자세히보기 처럼 입력하도록 한다. 링크명 역시 모든면에서 중요하다. 2.2.7 내용 복사후 붙이기 할때 아래한글, 워드 등에서 내용을 복사하여 사용할 경우 꼭 편집기에서 Text 혹 Word 아이콘을 눌러서 가 져오도록 한다. 그렇게 해야 찌꺼기 코드를 제거되며, 웹 표준과 모바일 홈페이지등에 부합된다. 2.2.8 이미지는 jpg, gif, png로 한다 사용되는 이미지 형태는 jpg, png, 그리고 gif 만 사용한다. 다만, jpg가 가장 흔한 형태이다. 그리고 파일 명 (이미지파일포함) 은 꼭 영어 소문자에 공백없이 - 만 사용하여야 한다. 그리고 이미지 크기는 홈페이 지에 사용되는것을 감안하여 가로너비가 1000px를 넘지 않도록 한다. 참고로 큰 파일 (6MB 등) 이 올려 질경우 시스템에서 홈페이지에 보여줄경우 자동으로 잘라서 보여주게 된다. 즉 원본은 그대로 저장하며 홈페이지에 보여지는것만 자동으로 지정된 크기로 재 조정된다. bmp 형태의 이미지는 사용하지 않는다. 2.2.9 파일명은 영어 소문자로 공백없이 파일명은 영어 소문자 공백없이 - 하이픈만 사용하도록 한다. 예) some-file-name.zip. 특히 해외용의 경우 한글명을 사용하지 않는다. page 6/29
2.3 편집기 활용하기 편집기는 Word 와 같은 편집기로 웹 환경에 최적화되어 있다. 가장 중요한것은 핵심기능을 충분히 이해 하여야 한다. 특히 편집기의 최 상단에 있는 기능은 잘 활용하도록 한다. 가장 중요한 것은 아래한글에서 내용을 가져올때에는 꼭 T 자 아이콘을 누른후 Ctrl+V 를 눌러 붙이기를 한다. 또한 Table을 붙이기 할 경 우 W 자 아이콘을 누른후 붙이기를 하도록 한다. 특히 상단 네모안의 기능은 가장 많이 사용된다. 2.3.1 전체화면에서 작업하기 전체화면 내용입력시 화면이 좁아 보이면 전체화면 크기로 하여 작업을 할 수 있다. 전체화면 버튼을 눌러서 작업후 또 다시 동일한 버튼을 클릭하면 원래 크기로 되돌아간다. 다음에 저장을 클릭하여 변경된 내용을 저장하 면 된다. 2.3.2 Heading 사용하기 내용은 적절하게 제목을 사용한다. 즉 제목과 내용을 함께 사용하도록 한다. Heading2~ Heading6 까지 사용하도록 하며, 단계별로 적절하게 사용한다. 주의점은 문장을 Heading 으로 하지 않도록 한다. 즉 Heading 은 문서내용중에 제목의 역할로만 사용하도록 한다. Heading page 7/29
2.3.3 아래한글등 문서내용 붙이기 - 텍스트 아래한글 혹 워드나 기타 다른 프로그램 에서 문서내용을 붙이기를 할때에는 편집기에서 T 자가 있는 아 이콘을 눌러서 붙이기를 하도록 한다. 이 과정을 거치면 불필요한 찌꺼기 코드가 자동으로 삭제되어 표준 에 맞는 최적화된 코딩작업이 가능하다. 문서 붙이기 아이콘 클리시 아래처럼 나오게 되는데 (최소에만) 확인 버튼을 누르도록 한다. 2.3.4 테이블가져오기 아래한글, PPT, DOC, XLS, ODF 등 다른 문서에서 Table 내용을 가져오기를 할때에는 W 자가 있는 아 이콘을 눌러서 붙이기를 먼저 하도록 한다. 스마트홈페이지는 한번 데이터 입력으로 Desktop 과 Mobile (BlackBerry, Android, Iphone, Windows Mobile7 등) 에서 자동으로 보여진다. 즉, URL 이 동일하나 모 바일 과 데스크톱 컴퓨터의 화면에 최적화되어 자동으로 처리되어 보여진다. 따라서 다양한 기기에 신축 적으로 보여지기 위하여 Table 의 경우 아래와 같은 작업이 필요하다. 테이블 붙이기 page 8/29
2.3.4.1 Table 전체 속성 변경하기 Table 영역에서 오른쪽 마우스를 클릭후 Table Properties 를 클릭한다. 다음에 모든 항목을 제거하고 Caption 을 체크하고, 너비는 100% 로 입력한다. 다음에 Summary 에는 해당 테이블의 요약을 2줄 이내 로 입력한다. 이 항목은 웹 표준 및 웹 접근성에도 필요한 사항이다. 테이블 속성클릭 테이블 요약입력 테이블 100% Caption 체크 page 9/29
2.3.4.2 Table Cell 속성변경하기 Table 영역에서 오른쪽 마우스를 클릭후 Cell Table Cell Properties 를 클릭하여 혹시나 입력되어 있는 모든 항목을 제거하도록 한다. 특히 너비 (Width) 그리고 높이 (Height) 의 속성은 전부 제거하도록 한다. 그리고 하단에 왼쪽에 Drop Down 에서 All Cells 항목을 체크하고 저장하도록 한다. Cell 선택 Cell 속성 선택 전체항목에 아무것도 없게 한다 Update 클릭 All Cells 선택 Table Cell는 붙여오기를 할 때에 크기등이 정해져있다. 그대로 사용할 경우 모바일 기기 최적화가 되지 않는다. 따라서 위처럼 각 항목에 아무것도 없게 하여야 한다. 위처럼 보인것 이외에 다른 값이 있을경우 전부 삭제를 하도록 한다. page 10/29
2.3.4.3 Table Caption 입력하기 Caption은 Table 제목과도 동일하다. 역시 표준 및 웹 접근성에서 요구되는 사항이다. 표 영역에 가장 상 단에 Caption을 입력할 공간이 있다. 거기에 입력하도록 한다. Caption는 간략하게 제목 형태처럼 입력 하도록 하며 너무 길게 하지 않는다. Table 설명은 앞서 언급한 Summary 에 입력한다. Table 상단 Caption 영역 2.3.4.4 Table Head 지정하기 Table은 크게 3가지 영역으로 나누어진다. 상단 (Head) 부분, 중간 (Body) 부분, 그리고 하단 (Footer) 부 분이다. 이 영역은 Table 의 제목 및 내용을 구분하는 역할을 한다. 최소한 Head 부분은 지정이 되도록 한다. 방법은 다음과 같다. Table 영역에서 가장 상단 행 (row) 를 마우스로 클릭후 Row Table Row Properties 를 선택후 Head 를 선택후 저장하도록 한다. Row properties 클릭 Head 영역클릭 Row 클릭 Head 클릭 page 11/29
2.3.5 실행취소 복구 (Undo/ Redo) 실행취소등을 활용하여 내용관리를 하도록 한다. 아주 유용하게 사용된다. 취소 / 복구 2.3.6 링크하기/ 링크해제 같은 도메인내의 다른 페이지 혹 전혀다른 페이지로의 링크에 사용된다. 주의점은 링크이름에는 링크내용 을 알수있게 하여야 한다. URL 에는 가능한 전체 경로를 입력하도록 한다. 링크 해제시에는 링크아이콘 바로 오른쪽에 있는 아이콘을 눌러서 해제한다. 그리고 문서를 저장하면 된다. 링크 / 해재 2.3.7 이미지 올리기 이미지는 크게 메인페이지 슬라이더, Media Center 의 기사내용의 이미지 다음, 이미지겔러리 그리고 일 반 페이지에서 사용된다. 일반페이지에서는 편집기의 나무모양의 아이콘을 눌러서 해당 화면의 지시사항 을 따르도록 한다. 다만, 이미지를 내 컴퓨터에서 올릴때에는 jpg 형태로 하도록 한다. 또한 가끔 인쇄용 (CMYK) 형태로 저장된 jpg가 사용되는데 홈페이지에 사용되는 모든 이미지는 홈페이지용 (RGB) 형태로 저장하여 사용하도록 한다. 이미지 올리기 page 12/29
2.3.8 꼬인 코드 정리하기 종종 문서작업을 하다보면 코드가 엉켜서 이상하게 보일때가 있다. 이럴때에는 코드정리기를 활용한다. 2 가지 종류가 있는데 하나는 빗자루처럼 생긴 아이콘이고 또 하나는 지우개 처럼 생긴 아이콘이다. 굵은 글 씨, 글자색 등 관련된 것은 지우개를 사용하도록 하며 더 복잡한 코드 엉킴은 빗자루 아이콘을 사용한다. 방법은 먼저 해당 영역을 선택한후에 아이콘을 눌르면 된다. 코드정리 찌꺼기 정리 2.3.8.1 특수문자입력하기 특수문자는 한글과 영어에서 다르게 보일수 있다. 즉, 아래한글에서 사용되는 각종 삼각형 모양을 포함한 다양한 특수문자는 영문 환경에서는 깨져보일수 있다. 따라서 특수문자는 편집기에서 제공되는 것 이외는 사용하지 않도록 한다. 하지만 한글홈페이지에서는 무관하다. 특수문자 입력 2.3.8.2 리스트 만들기 리스트 형태로 만들기위해서는 숫자정렬 혹 리스트정렬을 선택하면 된다. 리스트 정렬시 자동으로 기본 리스트 아이콘이 보여지게 된다. 리스트 정렬 page 13/29
2.4 SCMS 상식 스마트홈페이지 프로그램의 일반적인 상식으로 아래를 참고하여 향후 내용관리에 적용하도록 한다. SCMS는 차세대 홈페이지 구축 및 관리시스템으로 a) 웹 표준지원 b) 웹 접근성 지원 c) 친 환경 d) 모바 일동시지원 e) 확장성 등의 특징을 지니고 있다. 2.4.1 Meta Data Meta Data는 거의 모든 내용에 존재하며 해당페이지의 생성일, 글쓴이 그리고 조회수 등을 의미하며 조 정한다. 특별한 경우가 아니고서는 이 부분은 사실상 자동으로 처리되기 때문에 별도 관리가 필요없다. 2.4.2 SEO (검색최적화태그) 검색최적화 (Search Engine Optimization, SEO) 은 Title, Description 그리고 Keywords를 포함한다. Title은 해당내용을 가장 잘 표현하는 형태로 각 각 내용마다 고유하게 입력하여야 한다. 해당 문서의 내용 을 title만 봐도 알수있게 제목을 입력한다. Description은 해당페이지의 내용을 이해할 수 있도록 내용의 요약을 2줄정도록 제공하며 키워드는 해당 내용의 핵심키워드를 콤마로 구분하여 입력한다. 별도 입력이 없을경우 내용의 제목과 본문 내용을 Title, Description, Keywords에 자동으로 입력된다. 2.4.3 출판상태 모든 내용은 출판 혹 Published 상태가 있다. 내용이 출판 Published 상태가 되어야 외부에 공개되 어 방문객이 내용을 볼수 있다. 만약 출판이 체크가 되지 않으면, 해당 내용은 외부에 공개가 되지 않는다. 2.4.4 편집자선택 (Editor s Pick) 편집자선택을 체크하면 해당글은 최 상단에 보여지게 된다. 수십 혹 수천개의 글 중에서 가장 중요하여 항 상 상단에 보여지게 할 때에 사용한다. 2.4.5 분류 (Categories) 공지사항 등을 포함한 글에는 분류 (Categories) 가 존재한다. 그리고 Categories는 원하는 만큼 생성하 여 사용할 수 있다. 또한 분류는 마우스로 끌어서 올리거나 내리는 과정으로 순서를 변경할 수 있다. 각 분 류별 고유한 홈페이지주소 및 요약등을 입력하여 관리한다. 이 또한 검색상위 랭킹에 중요하다. 2.4.6 주소 (Slug = URL) Slug 라고하는것은 홈페이지 주소 즉 URL 이다. 즉 Slug 과 URL은 동일한 개념이다. 홈페이지 주소는 영 어 소문자 그리고 - 만 사용하도록 한다. 영어로 내용입력시에는 제목을 자동으로 Slug으로 처리하여 준 다. 한글입력시 자동으로 주소가 입력되지 않는다. 따라서 구글번역기를 활용하거나 수작업으로 번역하여 영어로 주소를 입력한다. 구글 번역은 http://translate.google.com 에서 하도록 한다. page 14/29
3 로그인 로그아웃 암호변경 홈페이지 관리를 위하여 로그인, 암호변경 및 로그아웃 하는 과정으로 아이디 및 암호를 기억하여 사용하 도록 한다. 또한 암호는 꼭 기억하도록 하여야 한다. 관리자 암호 분실시에는 고객지원을 통하여 재 세팅 을 하여야 하며 웹 상에서는 암호찾기가 되지 않는다. 3.1 로그인 로그인은 권장되는 FireFox 웹 브라우저를 사용하여 아래처럼 한다. 로그인 주소는 http://고객도메 인/admin 이다. 아이디는 이메일주소 형태이다. 암호는 초기암호를 기억하여 두며 수시로 로그인후에 암 호변경을 하도록 한다. 최소 8자 이상 20자 이내로 하도록 한다. 111, 1234등의 암호는 사용하지 않도록 한다. 해킹에 바로 노출이 되기때문이다. @#aab235 처럼 특수문자, 대 소문자, 및 숫자 조합이 좋다. Login URL username password 3.2 로그아웃 작업이 완료된 후에는 꼭 로그아웃 버튼을 눌러 마무리 하도록 한다. 특히 외부 컴퓨터에서 작업후에는 절 대적으로 꼭 로그아웃을 하여야 한다. 그렇지 않을경우 심각한 보안문제가 발생한다. 로그아웃 page 15/29
3.3 암호변경하기 로그인후에 관리자의 암호를 변경한다. 우선 로그인후에 아래처럼 내정보 를 클릭하도록 한다. Click 다음에 변경할 아이디를 클릭하도록 한다. Click 암호변경 링크 (비밀번호변경) 을 눌러서 변경창으로 이동한다. Click 새로운 암호를 입력후에 Change Password 버튼을 눌러 암호를 변경한다. 암호입력 변경암호저장 page 16/29
4 내용관리 내용의 구분은 문자, 이미지, 파일 등으로 구분된다. 또한 메인페이지 및 하부 페이지로 구분된다. 각 항목별로 내용을 관리하도록 한다. 4.1 메인페이지 메인페이지에는 슬라이더 와 기타 내용으로 구성되어 있다. 4.1.1 슬라이더 슬라이더는 제목과 링크 URL 그리고 이미지로 구성되어있다. 제목은 적절히 입력하며 URL은 http://로 시작하여 전체 URL를 입력한다. 또한 이미지는 디카로 촬영한 그림을 바로 사용가능하나 가능한 가로 크 기를 1000px 로 하도록 한다. 우선 banners 메인배너 를 클릭하여 슬라이더 관리창으로 이동한다. 추가하기 4.1.1.1 추가/ 수정하기 슬라이더 관리화면에서 Add Banners 를 클릭하거나 기존내용을 클릭하면 아래와 같은 화면이 나온다. 다음에 제목과 URL 그리고 이미지를 입력하도록 한다. 날자를 조정하여 슬라이더 순서를 재 조정한다 page 17/29
4.2 일반페이지 수정 CEO 인사말씀을 포함하여 다양한 페이지가 존재한다. 각 페이지별를 클릭하여 편집화면에서 원하는 작 업을 하도록 한다. 먼저 Content 클릭후 Pages 항목을 클릭하여 일반 페이지 편집창으로 이동한다. Content 페이지클릭 다음에 원하는 페이지를 클릭한다. 예를들어 CEO 인사말 을 클릭하면 편집화면이 표시된다. 페이지클릭 편집후저장 일반워드처럼 수정함 page 18/29
4.3 블로그/미디어센터 Media Center 에는 분류가 사용된다. 따라서 필요시 분류를 생성하거나 편집할 수 있다. 혹 순서를 바꿀 수도 있다. 그리고 각 분류별로 검색최적화 항목이 있다. 적절히 조정하여 입력하도록 한다. 4.3.1 Categories관리 분류를 관리하는곳으로 기존에 생성된 분류이외에 추가로 생성할 수 있다. 그리고 마우스로 해당 분류를 눌러서 끌어다 놓은것으로 순서를 변경한다. 각 분류별 URL 도 적절히 사용한다. 출판하기 가 체크되어 있지 않으면 해당분류 및 그 분류에 속한 모든 내용이 홈페이지 방문객에는 보이지 않게된다. Category 추가 Category 쿡 눌러 위치변경 4.3.2 내용관리 먼저 Blog 을 선택후 글작성 를 클릭하여 내용관리 페이지로 이동한다. 다음 화면의 상단 오른쪽에 Add Post 버튼을 클릭하여 새 글 쓰기를 한다. 먼저 원하는 분류 Category를 선택후에 제목을 입력한다. 제목을 영어로 입력시 URL(Slug) 이 자동으로 입력된다. 다음에는 본문내용을 입력하도록 한다. 여기에 서 다른 프로그램에서 내용을 가져올경우에는 꼭 T 아이콘을 눌러 가져오기를 한다. 바로 붙이기를 할 경 우 찌꺼기 코드가 함께 오게되면 웹 표준 및 기타 영역에서 문제가 될 수 있다. 꼭 이 사항을 기억한다. Category 추가 page 19/29
4.3.2.1 Category 글의 분류항목으로 적절히 원하는 Category를 선택한다. 4.3.2.2 Title 제목은 해당 글의 제목으로 가능한 제목만 봐도 해당 페이지의 내용을 파악하게 작성한다. 4.3.2.3 Slug Slug 은 Page URL 이다. 즉 Slug = URL 은 동일하다. 영어로 제목을 입력시 자동입력된다. Category 선택 제목입력 출판상태 최상단에배치 URL 자동입력됨 4.3.2.4 Tags 해당글의 분류키워드로 해당글을 대표할 키워드를 콤마로 구분하여 작성한다. 예) 과학기술, 나노텍 등 하 나만 넣어도 되면 필요시 원하는 만큼 입력한다. 구분자는 꼭 콤마 만 사용하여야 한다. Tags 입력 page 20/29
4.3.2.5 이미지올리기 글쓰기 화면 하단에 이미를 올리는 장소가 있다. Add Image 를 클릭하여 원하는 만큼 이미지를 올리도록 한다. 첫 이미지가 홈페이지의 작은그림 (Thumbnail) 에 보여지게 된다. 또한 이미지를 올릴때에는 꼭 적 절한 이미지 제목 (대체문자로 활용됨) 을 입력하도록 한다. 이는 홍보 및 웹 표준 그리고 웹 접근성 모두 에게 필요한 사항이다. 적절한제목입력 클릭하여이미지 올리기 삭제하기 저장하기 4.3.2.6 검색테그 (SEO) 필요시 검색테그에서 Title, Description, 그리고 Keywords 를 재 조정하도록 한다. 기본값으로는 문서의 Title이 검색테그의 Title로 자동입력되며 키워드에는 공백을 콤마로 변경하여 자동입력된다. 요약은 문서 상단의 내용을 자동으로 요약으로 입력하게 된다. 따라서 중요한 내용은 문서 상단에 배치하도록 한다. 제목입력... 요약 입력... 키워드 입력... 특히 제목과 요약은 검색엔진 최적화에 매우 중요하다. 따라서 해당 문서를 가장 잘 표현할 수 있도록 하 며 핵심키워드를 포함하여 작성하도록 한다. page 21/29
4.4 포토 포토는 포토자료로서 홍보의 가장 중요한 항목중 하나이다. 본 문서 목적상 포토는 이미지 와 동일하게 사용된다. 최대 목표중 하나는 각 이미지가 홍보가 널리되도록 하는것이다. 먼저 포토 로 이동후에 분류를 클릭하여 원하는 형태로 이미지 겔러리 분류 작업을 하도록 한다. 아래는 기본화면으로 분류순서는 마우 스를 끌어다 놓으면 된다. 추가하기 4.4.1 분류추가/ 변경 하기 아래처럼 각 항목에 입력하여 분류를 추가하거나 변경할 수 있다. 여기에서 Published를 체크하지 않을경 우 (즉, 출판하지 않을경우) 해당 분류 및 관련된 모든 글이 홈페이지에서 보여지지 않게 된다. 또한 각 항 목도 홍보가 최대한 되기위하여 SEO 항목을 적절히 입력하도록 한다. 분류명 추가 / 변경 URL 자동입력 상태변경 Meta/ SEO 입력 저장하기 page 22/29
4.4.2 포토 리스트 화면 포토 페이지에서포토 를 클릭하면 아래처럼 모든 이미지 관리화면이 나오게 된다. 아래에서는 이미지를 검색하거나 연도별로 / 월별 ( Drill Down) 볼 수 있다. 또한 각 분류별로 검색이 가능하다. 추가하기 4.4.3 포토 추가/ 변경하기 포토 추가를 클릭후 아래화면에서 해당 항목을 입력한다. 제목을 영어로 입력시 URL = Slug 이 자동으로 입력된다. 이미지 올린후 이미지에 대한 설명을 간략하게 입력하도록 한다. 이미지는 jpg으로 가능한 너비 가 1000px 이내로 한다. 제목입력 이미지올리기 저장하기 page 23/29
4.5 기타항목수정 4.5.1 글묶음 (Chunks) 로그인후 Chunks 항목을 클릭후에 아래와 같은 화면이 나오게 된다. 현재는 몇 개의 항목이 사용되고 있 다. 주소 그리고 기본 검색엔진 최적화 테그 등이다. 원하는영역클릭 4.5.2 하단 주소 수정하기 하단의 주소는 모든 페이지에 동일하게 적용된다. 따라서 이 항목은 별도의 관리창에서 관리하도록 설계 되었다. 위의 화면에서 address를 클릭하면 아래처럼 편집화면이 나온다. 편집후 저장하면 된다. 저장하기 편집하기 page 24/29
5 자주하는질문 Q. 관리자 암호를 분실하였습니다. A.보안상의 이유로 관리자의 암호는 웹 에서 재 세팅이 되지 않습니다. 고객지원으로 연락주시면 변경하여 드 립니다. 관리자 암호는 매우 중요하기때문에 꼭 기억해두어야 한다. Q. 웹 표준이 무엇이고 왜 중요합니까? A.국제표준기구 (ISO) 가 지정하며, 웹 문서의 경우 ISO15445 가 국제표준 이다. 실질적으로는 World Wide Web Consortium (W3C) 이 웹 표준을 지정한다. 전세계 다양한 바이어가 다양한 컴퓨터, 웹 브라우저를 사용 하는데 잘 보이게 하기위해서 표준지원은 필수이다. 또한 웹 표준은 웹 접근성을 포함한 모든것의 기초가 된다. Q. 내 컴퓨터에서는 잘 보이는제 왜 문제가 됩니까? A.한국의 경우 약 95% 이상이 윈도우즈 컴퓨터기반의 IE 브라우저를 사용한다. 하지만 외국의 경우 약 40~60%는 Firefox, Safari, Chrome등 타 브라우저를 사용한다. 따라서 내 PC 환경과 바이어 PC 환경을 다 를수 있다. 즉, 내 Pc에서는 보여도 바이어게는 안 보이거나 깨져 보일수 있다는 것이다. Q 구글에 광고비를 내면 첫 페이지 홍보가 되지 않습니까? A. 꼭 그렇지 않다. 구글에서는 공식적으로 그러한 사실을 부인하고 있으며, 광고주 라고 표현하는대신 Sponsor 라고 한다. 표준에 맞추고 해당 분야에 전문적인 컨텐츠를 제공하면서 구글검색엔진 알고리즘에 맞 추어 제작하면 광고비 없이도 첫 페이지에 노출이 된다. Q 국내 홈페이지는 외국에서 보면 전부 보이지 않습니까 A 사실이 아니다. 대부분은 시각적으로 보인다. 다만, 일부 홈페이지는 아예 안보이며, 상당수 홈페이지는 깨져 보인다. 이는 바이어가 사용하는 컴퓨터 환경이 국내와는 다를수 있기 때문이다. 국내는 IE 브라우저 사용이 약 95% 이지만, 해외의 경우 40% 는 다른 브라우저를 사용하기 때문이다. 또한 리눅스, 맥킨토시 등 다른 컴퓨터 를 사용한다는것도 유념하여야 한다. Q. 플래시 및 자바스크립이 왜 문제가 됩니까? A. 그 자체가 문제가 되는것은 아니다. 다만, 잘 못 사용하고 남용을 해서 문제가 발생한다. 구글을 비롯하여 중 국의 바이두 (특히)는 플래시 및 자바스크립을 를 사용하면서 대체글이 없는것을 반겨하지 않는다. 따라서 꼭 필요한곳에 대체내용을 제공하면서 사용하여야 한다. 메뉴에는 사용하지 않아야 한다. 아이폰, 아패드등에서 는 아예 보이지 않을수 있기 때문이다. Q. 왜 직접 관리하는것이 중요합니까? A. 검색순위는 계속하여 변화한다. 전 세계적으로 매일 어마어마한 숫자의 홈페이지가 생성되고 있다. 따라서 새로운 내용을 꾸준히 올려야 하며, 신제품 등록시에 제목, 요약, 내용, 이미지에 적절한 전문용어를 제공하여 야 한다. 담당 직원이 전문 용어는 가장 잘 알고 있다. 따라서 직접 관리하여야 검색결과에 도움이 된다. 물론 비용절감 및 효율성 향상 효과도 중요하다. page 25/29
6 용어집 SCMS Smarthomepage Content Management System 으로 스마트홈페이지 솔루션을 의미 한다. SNS Social Network Site (Service) 로 각종 동아리가 인터넷으로 이동한것이다. SEO Search Engine Optimization 으로 검색엔진최적화 를 의미한다. 각 검색엔진별로 차이가 있지만 국제표준을 준수하면 무난하다. Meta Tag - 홈페이지 에는 제목, 요약, 조회수, 생성일, 작성자 등 기본적인 정보가 있다. 이러한 기본적인 정보를 Meta Tag 이라고 한다. 웹브라우저 홈페이지를 보기위하여 사용하는 프로그램으로 윈도우즈, 리눅스, 맥킨토시, 스마트 패드, 스마트폰에서 사용된다. 국내는 데스크톱 90% 이상은 마이크로사의 IE 브라우저 이나, 스 마트폰 및 스마트패드의 경우 99% 이상이 애플사의 Safari 브라우저를 사용한다. 해외 바이어의 경우 약 40~60% 가 IE 가 아닌 타 브라우저 (예, FireFox, Chrome) 를 사용한다. 인터넷 전 세계의 컴퓨터가 서로 연결되어 있는 망을 의미한다. 최소단위는 2개의 컴퓨터에서부 터 수천만개 이상의 컴퓨터가 연결되어 있을수 있다. 웹 (web) 인터넷은 마치 고속도로와 같다. 그 위를 달리는 각종 자동차 를 웹으로 비유할 수 있 다. 즉, 홈페이지는 웹의 대표적인 사례이다. 대체문자 사람과 달리 검색엔진 (컴퓨터) 는 페이지의 컴퓨터 소스 코드만으로 페이지 내용을 판 단한다. 따라서 이미지의 경우 컴퓨터가 이해할수 있는 이름을 제공하여야 한다. 이것을 대체문자 라 한다. 이미지, 비디오, 파일 등 컴퓨터가 이해하기 힘든 (즉, 텍스트가 아닌경우) 경우에는 꼭 대 체문자를 제공한다. 검색엔진 순수 검색알고리즘에 의하며 조작되지 않는 형태의 검색결과를 보여주는것을 의미한 다. 전세계적으로 가장 많이 사용하는 구글이 있다. 한국은 네이버, 중국은 바이두, 러시아는 얀덱 스 가 강세이다. 그 이외 국가는 구글이 대세이다. 인터넷검색 사용자가 인터넷 검색시 사실은 검색엔진의 데이터베이스 를 검색한다. 즉, 구글의 경우 구글의 데이터베이스에 입력이 되지 않으면 검색이 되지 않는다. 이 등록작업을 컴퓨터 프로 그램이 (스파이더) 자동으로 하게 된다. 따라서 스파이더 친화적인 홈페이지가 중요하다. 홈페이지주소 흔히 www.mydomain.com 과 mydomain.com 과 동일하다고 생각한다. 하지만 검색엔진에 보기에는 전혀다른 홈페이지이다. 주소를 하나로 통일하여 사용한다. page 26/29
7 고객지원 & 로그인정보 향후 모든 고객지원 관련된 내용은 아래의 고객지원 시스템을 활용한다. 또한 고객지원요청시에는 가능한 구체적으로 요청하여야 한다. 예를 들어 에러가 있다 가 아니라 무었을 원해서, 어떻게 했는데 이러한 에러문구가 나왔다 라는 식이어야 한다. 항목 설명 스마트홈페이지 관리자로그인 스마트홈페이지 관리자 로그인 정보 URL: http://고객도메인/admin 아이디: 암호: 고객지원 로그인 고객지원 로그인정보로 내용은 위처럼 구체적으로 해 주세요 URL: http://support.smarthomepage.co.kr 아이디: 암호: Youtube.com 회사소개, 제품소개, 기술소개, 사용자설명서, AS 설명서등 다양한 동 영상을 youtub에 활용하도록 한다. URL: http://youtube.com 아이디: 암호: Slideshare.net 제품카타로그, 브로셔, 회사소개 등 다양한 파일이 존재한다. 이러한 파일들 역시 홍보에 매우 중요하다. URL: http://slideshare.net 아이디: 암호: Flickr.com 특허, ISO인증서, 대표제품사진등 을 포함한 홍보에 필요한 이미지는 flickr에 홍보하도록 한다. URL: http://flickr.com 아이디: 암호: Facebook.com 특히 소비자에게 직접 홍보가 필요한 업체에게 권장된다. URL: http://facebook.com 아이디: 암호: Twitter.com 트위터는 공지사항을 전달하는등 고객과의 커뮤니케이션에 최적인 SNS 이다. URL: http://twitter.com 아이디: 암호: 체크사항 ID,PW는 별도 발행 함 page 27/29
8 메모장 page 28/29
page 29/29