シックス・アパートのWebサイトの管理

8,872 views

Published on

シックス・アパート株式会社:広瀬修司

Published in: Technology
  • Be the first to comment

シックス・アパートのWebサイトの管理

  1. 1. Web ©2010 Six Apart Ltd.
  2. 2. 1. 2. 3. 4. 5. ©2010 Six Apart Ltd.
  3. 3. 1. ©2010 Six Apart Ltd.
  4. 4. 1. sixapart.jp : MT4 : 31 (sixapart.jp) : 5000 : 52 :2 : ©2010 Six Apart Ltd.
  5. 5. PC PC: Mac Book Pro Parallels Windows IE6,7,8 : mi CotEditor : Firefox Firebug webdeveloper : Adobe Creative Suite 3 ©2010 Six Apart Ltd.
  6. 6. 2. ©2010 Six Apart Ltd.
  7. 7. 2. ©2010 Six Apart Ltd.
  8. 8. 2. hoge-A.inc hoge-B.inc hoge-C.inc hoge-D.inc ©2010 Six Apart Ltd.
  9. 9. 2. html ©2010 Six Apart Ltd.
  10. 10. <ul> <li><a href="/" title=" "> </a></li> <li><a href="/products/index.html" title=" "> </a></li> <li><a href="/business/" title=" "> </a></li> <li><a href="/inquiry/" title=" "> </a></li> <li><a href="/about/" title=" "> </a></li> <li><a href="/sitemap/" title=" "> </a></li> <li><a href="/privacy/" title=" "> </a></li> </ul> ©2010 Six Apart Ltd.
  11. 11. <form name="search" action="http://search.sixapart.jp/" method="get"> <dl id="search"> <dt> <input name="q" type="text" accesskey="F" tabindex="1" value="" /> </dt> <dd> <input type="image" accesskey="T" tabindex="2" src="/common/images/btn/btn- search.gif" alt=" " /> </dd> </dl> </form> ©2010 Six Apart Ltd.
  12. 12. <p class="pageTop"><a href="#header"> </a></p> ©2010 Six Apart Ltd.
  13. 13. 2. SSI mt:include ©2010 Six Apart Ltd.
  14. 14. 2. SSI MT SSI or mt:setvar ©2010 Six Apart Ltd.
  15. 15. 2. mt:setvarblock SSI setvar <!-- setvar --> <mt:setvarblock name="oldentry"><mt:date format="%Y%m%d"></mt:setvarblock> <$mt:setvar name="oldentry" op="+" value="20000"$> <!-- SSI --> <!--#config timefmt="%Y%m%d"--> <!--#set var="datesec" value="$DATE_LOCAL"--> <!--#if expr="$datesec > <$mt:var name="oldentry"$>" --> <!--#elif expr="$datesec < <$mt:var name="oldentry"$>" --> <!--#endif --> ©2010 Six Apart Ltd.
  16. 16. 3. ©2010 Six Apart Ltd.
  17. 17. 3. 1. html 2. html 3. 4. ©2010 Six Apart Ltd.
  18. 18. 3. <div id=“hoge1” class=“section”> <h1> <div id=“hoge2” class=“section”> <h2> <div class=“section”> <div class=“section”> <h3> <h3> ©2010 Six Apart Ltd.
  19. 19. <div class="section" id="hoge1"> <h1></h1> <div class="section" id="hoge2"> <h2></h2> <div class="section"> <h3></h3> </div> <div class="section"> <h3></h3> </div> </div> </div> ©2010 Six Apart Ltd.
  20. 20. 3. 2. html ©2010 Six Apart Ltd.
  21. 21. 3. 3. html ©2010 Six Apart Ltd.
  22. 22. 4. EntryId URL id class URL hoge01.html hoge02.html,category01,category02 setvar ©2010 Six Apart Ltd.
  23. 23. 5. 1. html 2. 3. 4. 5. ©2010 Six Apart Ltd.
  24. 24. Movable Type ©2010 Six Apart Ltd.
  25. 25. ©2010 Six Apart Ltd.

×