사용자 도구

사이트 도구


project:mystartpage

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
project:mystartpage [2013/10/09 07:12] changwooproject:mystartpage [2014/10/09 21:24] (현재) – 바깥 편집 127.0.0.1
줄 6: 줄 6:
  
 ===== 템플릿 ===== ===== 템플릿 =====
-HTML 코딩을 모르시는 분들도 쉽게 따라할 수 있도록 [[https://dl.dropboxusercontent.com/u/14350396/template.html|템플릿]]을 첨부하였습니다. +[[https://sites.google.com/site/nambaxa/myfiles/template.zip?attredirects=0&d=1 이 링크]]를 열어 템플릿 파일을 다운로드 받으세요
-템플릿 그대로를 열어 웹브라우저로 보면 다음과 같습니다. 엄청 심플하지요?+템플릿 그대로를 열어 웹브라우저로 보면 다음과 같습니다. HTML 코딩을 모르시는 분들도 쉽게 따라할 수 있을 정도로 엄청 심플합니다.
 {{ :project:mystartpage:startpage.png?nolink |}} {{ :project:mystartpage:startpage.png?nolink |}}
- +그럼 텍스트 편집기로 템플릿 파일을 열어 다음과 같은 HTML 코드를 확인하세요
-텍스트 편집기로 템플릿 파일을 열어 다음과 같은 HTML 코드를 확인하세요+
 <code html> <code html>
 <h2>소주제 A</h2> <h2>소주제 A</h2>
줄 23: 줄 22:
 ====== 나만의 링크로 채우기 ===== ====== 나만의 링크로 채우기 =====
 HTML 태그는 열고 닫는 태그 두 가지로 되어 있습니다. 여는 태그는 '<'로 시작해 '>'로 끝나고, 닫는 태그는 여는 태그와 동일한데 '</'로 시작하는 것이 다릅니다. 그리고 위 템플릿에 사용된 태그의 의미는 다음과 같습니다 HTML 태그는 열고 닫는 태그 두 가지로 되어 있습니다. 여는 태그는 '<'로 시작해 '>'로 끝나고, 닫는 태그는 여는 태그와 동일한데 '</'로 시작하는 것이 다릅니다. 그리고 위 템플릿에 사용된 태그의 의미는 다음과 같습니다
-  * h1, h2: 헤드라인입니다. 숫자가 커지면 크기가 작아집니다.+  * h1, h2: 헤드라인입니다. 숫자가 커지면 글씨 크기가 작아집니다.
   * ul, li: ul은 'unordered list'이고 li는 리스트의 아이템 하나를 의미합니다.   * ul, li: ul은 'unordered list'이고 li는 리스트의 아이템 하나를 의미합니다.
   * a: 웹 페이지의 하이퍼링크를 담당합니다.   * a: 웹 페이지의 하이퍼링크를 담당합니다.
줄 59: 줄 58:
 그리고 이 index.html 파일의 공유 URL을 알아냅니다. 그냥 파일 목록에 오른쪽 마우스를 클릭해서 '공개 링크 복사' 항목을 선택하면 됩니다. 이제 이 URL을 웹브라우저의 시작 페이지로 사용하세요. 드롭박스에 공유되는 웹 문서이므로 어디든지 접속 가능합니다. 그리고 이 index.html 파일의 공유 URL을 알아냅니다. 그냥 파일 목록에 오른쪽 마우스를 클릭해서 '공개 링크 복사' 항목을 선택하면 됩니다. 이제 이 URL을 웹브라우저의 시작 페이지로 사용하세요. 드롭박스에 공유되는 웹 문서이므로 어디든지 접속 가능합니다.
  
-저는 북마크를 동기화하는 서비스를 추가로 사용하고, 북마크에 이렇게 만든 index.html도 링크해 두었습니다. 이렇게 하니 힘들게 주소를 외우지 않아도 언제다 북마크만 동기화되면 시작 페이지를 손쉽게 불러올 수 있더군요. 참고로 저는 기본 형태에 조금만 더 멋을 부려 3단 칼럼으로 만들었습니다. 처음 하시는 분들을 배려하여 이렇게까지는 하지 않았지만, HTML 코딩을 하실 수 있는 분이시라면 아주 손쉽게 만들 수 있으리라 생각합니다. 일단 제가 사용하는 [[https://dl.dropboxusercontent.com/u/14350396/template3col.html|3단 스타일의 템플릿]]도 첨부하였습니다. 원하시는대로 수정하셔서 사용하시면 됩니다.+저는 북마크를 동기화하는 서비스를 추가로 사용하고, 북마크에 이렇게 만든 index.html도 링크해 두었습니다. 이렇게 하니 힘들게 주소를 외우지 않아도 언제다 북마크만 동기화되면 시작 페이지를 손쉽게 불러올 수 있더군요. 참고로 저는 기본 형태에 조금만 더 멋을 부려 3단 칼럼으로 만들었습니다. 처음 하시는 분들을 배려하여 이렇게까지는 하지 않았지만, HTML 코딩을 하실 수 있는 분이시라면 아주 손쉽게 만들 수 있으리라 생각합니다. 일단 제가 사용하는 3단 스타일의 템플릿도 첨부하였습니다. 원하시는대로 수정하셔서 사용하시면 됩니다.
  
 {{ :project:mystartpage:myexample.png?nolink |}} {{ :project:mystartpage:myexample.png?nolink |}}
project/mystartpage.1381302742.txt.gz · 마지막으로 수정됨: 2014/10/09 21:23 (바깥 편집)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki