Website 썸네일형 리스트형 나만의 시작페이지 만들기 소스파일 1. ●홈페이지주소 ■홈페이지이름 각 각 부분만 수정을 하면 됩니다.. 2. ● 부분에 http://naver.com 을 입력하였고 ■ 에는 네이버라고 적었습니다. 3. 파일이름은 시작페이지.htm 파일형식은 모든 파일 로 합니다. 4. 네이버가 설정된 것을 확인이 가능합니다. 5. 아까의 방법으로 네이버 페이스북 다음 네이트 등을 입력하였습니다. 6. 결과는 4가지가 모두 입력되었군요. 7. 인터넷 옵션을 이용하여 현재페이지 - 확인을 순서대로 누릅니다. 8. 다양한 태그를 추가하여 완성된 제작자의 시작페이지 입니다. 더보기 웹사이트 만들기 - (6) 제로보드XE 게시판 생성&레이아웃 웹사이트 만들기 - (6) 제로보드XE 게시판 생성&레이아웃 1. http://127.0.0.1/xe/admin 으로 접속하면 관리자 모드 화면이 나온다. 사이트제작/편집 - 사이트 메뉴 편집 - 사이트맵 추가 2. 사이트맵 이름을 작성하고 확인을 누룬다. 3. 생성된 사이트맵을 클릭하면 문서페이지,위젯페이지,외부페이지,게시판,바로가기 등이 있는데 알맞은 메뉴를 선택 후 자신이 하고싶은 메뉴이름 메뉴설명 메뉴ID를 설정하고 확인을 누룬다. 여기서 메뉴ID는 숫자, 문자만 입력된다. 4. *문서페이지 - 홈으로 *게시판 - 강의게시판 잡담게시판 자료실 질문과 답변 같은 방법으로 5개의 메뉴를 추가 하였다. 5. 사이트 제작/편집 - 사이트 디자인 설정 - 레이아웃 클릭한다. 6. xedition - 상세설.. 더보기 웹사이트 만들기 1~5까지 한방정리(동영상, 파일) 웹사이트 만들기 1~5까지 한방정리(동영상, 파일) 더보기 웹사이트 만들기 - (5) 제로보드XE 설치 ⓒXE Core 설치 웹사이트 만들기 - (5) 제로보드XE 설치 ⓒXE Core 설치 11. http://127.0.0.1/xe 로 이동하여 xe core설치를 진행합니다. 알맞은 언어를 선택한 후 다음을 클릭합니다. 설치를 계속하시려면 동의를 하고 다음을 클릭합니다. 13. 설치가 가능한지 현황을 확인 후 설치를 진행합니다. 14. DB 선택에서 mysqli를 선택 후 다음을 클릭합니다. 15. DB 아이디 DB 비밀번호 DB 이름 기재한 후 다음을 클릭합니다. 17. 이메일, 비밀번호, 닉네임, 아이디 를 작성 후 완료를 클릭합니다. 18. 짝짝짝!! xe 설치가 완료었습니다. 샘플 사이트를 보여주네요. 더보기 웹사이트 만들기 - (5) 제로보드XE 설치 ⓑDB생성 웹사이트 만들기 - (5) 제로보드XE 설치 ⓑDB생성 6. db 생성을 위해 http://127.0.0.1/myadmin 로 접속합니다. 사용자명 : root pass: apmsetup 입력하시면 됩니다. 7. xe로 입력하고 만들기를 클릭합니다. 8. 사용권한 - 새 사용자 추가 순차적으로 클릭합니다. 9. 사용자명, 호스트, 암호(1234) 를 입력하고 실행을 누룹니다. 10. 권한수정에서 모두 체크 - 실행을 누룹니다. 더보기 웹사이트 만들기 - (5) 제로보드XE 설치 ⓐ설치파일준비 웹사이트 만들기 - (5) 제로보드XE 설치 ⓐ설치파일준비 1 . 최신버전의 XE Core를 다운받고 압출을 해제합니다. https://www.xpressengine.com/index.php?mid=download&package_id=18325662&release_id=22755264 2. php5.alz php5.a00 두개의 파일을 다운받아 압축을 해제합니다. 3. 실행중인 서버를 중지합니다. Apmsetup일 경우 아파치와 mysql5 둘다 정지하는 것이 좋습니다. 4. C:\APM_Setup\Server 로 이동하셔서 기존의 PHP5를 PHP5_bak로 변경하시구 2번사항에서 압축을 풀고난 php5를 이동시켜줍니다. 5. 1번사항에의 결과물인 xe폴더를 C:\APM_Setup\htdocs 로 옮겨.. 더보기 웹사이트 만들기 - (4) html 정의 및 특성 & 기본구조 웹사이트 만들기 - (4) html 정의 및 특성 & 기본구조 메모장을 열어 위와 같이 작성을 해본다. 1번 2번을 기억해두길 바란다. 저장을 할 때에는 파일이름.html 로 저장한다. 숫자로 1번 2번 써놨기 때문에 아마 쉽게 이해가 될 것이다. 1. html-head-title : 브라우저 타이틀 정보를 입력이 가능하다. 2. html-body : 본문의 내용을 입력하는 곳이다. 네이버를 보게되면 메일 카페 블로그 지식iN 쇼핑 사전 뉴스 증권...... 저 많은 컨텐츠들은 여러개의 하이퍼링크가 모여서 하나의 페이지가 되었다. 이해가 어렵다면 하이퍼링크 소스를 알아보자. (2) html-body 에 해공예 라고 작성을 해보았다. 결과물을 보면 다음과 같다. 아마 네이버가 여러개의 하이퍼링크로 이루어진.. 더보기 웹사이트 만들기 - (3) AutoSet 다운로드 및 설치 첫번째 강의에서 APMSETUP을 이용해서 서버를 구축하는 법을 설명했었고 이번에는 AUTOSET를 이용하여 서버를 구축하는 방법을 배워봅시다. http://autoset.net/xe/download_autoset_9_0_0 다운로드 링크입니다. 자신의 컴퓨터에 맞게 64비트 32비트 중 선택하여 다운로드 받습니다. 다운부터 설치까지 약 5분정도 소요되었습니다. 설치 중 옵션은 따로 변경하지 않으셔도 됩니다. 설치가 끝나고 실행창입니다. APMSETUP의 모니터랑 같은 역할하는 창이라고 보면 될 것 같습니다. 제어 - 웹서버 시작 제어 - MySQL 시작 웹서버(80) , MySQL(3306) 이 실행중 입니다. 잘 작동하는지 http://127.0.0.1 로 들어가서 위와 같은 창이 뜬다면 정상적으로 .. 더보기 이전 1 2 다음
