Difference between revisions of "Team:Jilin China/Handbook"

(Blanked the page)
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{:Team:Jilin_China/Navbar}}
 
{{:Team:Jilin_China/CSS_Details}}
 
{{:Team:Jilin_China/CSS}}
 
{{:Team:Jilin_China/Js}}
 
<html><!--For CSS and Js-->
 
<style>
 
  
.s1{
 
background: url(https://static.igem.org/mediawiki/2018/0/00/T--Jilin_China--EditingHandbook--Banner.jpeg) no-repeat center;
 
background-size: cover;
 
}
 
.bodycontent section h2{
 
color: rgba(29,81,132,1.00);
 
}
 
.bodycontent .s2 li p:first-letter{
 
float:none;
 
line-height: 1.5rem;
 
padding:0;
 
}
 
@media screen and (max-width:768px){
 
 
.bodycontent .s2 li p:first-letter{
 
font-size: 1rem !important;
 
}
 
.bodycontent .s2 li p{
 
font-size: 1rem !important;
 
}
 
 
}
 
@media screen and (min-width:768px){
 
 
.bodycontent .s2 li p:first-letter{
 
font-size: 1.3rem !important;
 
}
 
.bodycontent .s2 li p{
 
font-size: 1.3rem !important;
 
}
 
 
}
 
</style>
 
 
</html>
 
 
<html>
 
 
<section class="s1">
 
  <div class="title_con">
 
  <p><span>EDITING</span><br>HANDBOOK</p>
 
  <br />
 
  <table>
 
  <tr>
 
    <td><a href="#a0" class="clickwave">Preface</a></td>
 
    <td><a href="#a1" class="clickwave">基础教程</a></td>
 
    <td><a href="#a2" class="clickwave">代码</a></td>
 
    <td><a href="#a3" class="clickwave">网页结构</a></td>
 
  </tr>
 
  </table>
 
  </div>
 
  <div class="title_nav"><h2>Editing Handbook</h2></div>
 
</section>
 
 
<div class="bodycontent" style="padding:0;">
 
  <!--<section class="s0"></section>-->
 
  <ul class="sidenav">
 
  <li><a href="#a0">Preface</a></li>
 
  <li><a href="#a1">基础教程</a></li>
 
  <li><a href="#a2">代码</a></li>
 
  <li><a href="#a3">网页结构</a></li>
 
  </ul>
 
  <section class="s2">
 
  <ul>
 
    <li class="a0" id="a0">
 
    <div>
 
      <h2>Preface</h2>
 
      <p><b>大家都喜欢问我的一个问题:“<span style="color:red">Wiki做的咋样了?”:</span></b></p>
 
      <p>我每次给出的答案很含糊。我想,如果说得太具体,就像之前这一页中的更新一样,你们也难以理解,那么我还是换一种表达方式吧。我先分享一下我对这个Wiki的制作想法</p>
 
      <p>因能力有限,我在多次尝试之后发现我并不能在短时间内做出我想要的成品,但反复修改之后的成果还是不错的。对于这次比赛的Wiki,我的制作过程可以<b style="color:red;">比作一次年夜饭</b>,大家一起做的,一起吃的大餐。那么,制作过程的详细步骤可以类比成:<b>买工具,买菜,买调料,切菜,炒炖煮炸,出锅装盘上菜。</b>我负责买锅买刀买盘子买调料(创建页面,寻找并写出各种模板框架,写好各个动画步骤,提供对应软件,美工),你们负责买菜(准备实验数据),然后我们一起把菜做出来(撰文,翻译,组合排版,上传)。最后我来装盘(加入各种小元素)</p>
 
      <p>那么,熟悉的问题来了,Wiki进展如何?现在,我给的答案是:基本的锅碗瓢盆都买好了,但是一些特殊工具没配齐(平底锅?烧烤架?看你们买啥菜了)。<b style="color:blue;">网页进展的“大跃进”可以随时开始,就等买菜的回来了。</b></p>
 
      <p>装盘是最后一部,所以你们现在看到的Wiki与Freeze那天差距<b style="color:red;">不可想象</b>。那我们现在看的是啥?正如上一段所说,你们需要检查你们差不差烧烤架之类的工具(虽然我喜欢出去撸串串)</p>
 
      <br>
 
      <h2>还是正式一点吧...</h2>
 
      <br>
 
      <p>这个是咱们团队自己手册,因此并不打算放在导航栏上...</p>
 
      <p>这个手册会在Wiki Freeze之前一直保持更新,这个手册将会覆盖几乎所有有关Wiki的内容。<b>我们团队所有的wiki都支持移动端访问!没电脑不是借口!</b></p>
 
      <p>这个手册使用的是咱们Wiki的标准模板,大家平时没事的话可以View Source,也可以试着编辑一下做做练习(记得还原..)</p>
 
      <p>这个页面人人可以编辑,大家都可以把经验和教程以链接的形式(可以外联)放在这里,同时,此页面可以进行【简单的】评论(说白了就是往这个页面添加内容)。我负责的每个教程用Microsoft Sway制作,手机和平板都有app,这个做起来很像百度经验哈哈哈</p>
 
      <br>
 
      <h2>目前进展</h2>
 
      <br>
 
      <p>Emmmm....我被SVG动画卡了四天了,,这是自我学会用电脑以来的第一次。感到极其的挫败和绝望。目前在休息放空中。</p>
 
    </div>
 
    </li>
 
    <li class="" id="">
 
    <div>
 
      <h2>除夕钟声即将敲响,对于DDL,放松心态,提前准备,像刘方皮那样</h2>
 
      <img width="100%" alt="" src="https://static.igem.org/mediawiki/2018/9/94/T--Jilin_China--Handbook--Banner2.jpeg" />
 
    </div>
 
    </li>
 
    <li class="a1" id="a1">
 
    <div>
 
      <h2>基础教程</h2>
 
      <p style="font-weight:bold;"><a style="color:red !important;" href="https://sway.com/EFHtKlBRK6AyZzIn">·【教程】文件上传(5/11/2018)</a></p>
 
    </div>
 
    </li>
 
    <li class="a2" id="a2">
 
    <div>
 
      <h2>代码</h2>
 
      <p style="font-weight:bold; text-align:left;"><a href="https://sway.com/LDTi59svFmdLX63G">·【教程】如何评论(Wiki编辑入门)(5/12/2018)</a></p>
 
      <p style="font-weight:bold; text-align:left;"><a style="color:red !important;" href="https://sway.com/eN5tLMCEyzOVXEqz">·【教程】Notebook 页更新(5/20/2018)</a></p>
 
    </div>
 
    </li>
 
    <li class="a3" id="a3">
 
    <style>
 
      .handbook_structers a{color:blue;text-decoration:underline;}
 
    </style>
 
    <div class="handbook_structers">
 
      <h2>网页结构</h2>
 
      <p>目前网页计划的的链接结构(导航栏)如下:请大家提出宝贵的修改意见(持续更新)</p>
 
      <ul>
 
      <li><a href="/Team:Jilin_China/home">Home</a> (indexBanner[to Description] background[to Background] promoterLibrariesDesign[to Design] modeling[to Model] humanPractice[to Practice])</li>
 
      <li>Project
 
        <ul>
 
        <li><a href="/Team:Jilin_China">Description</a></li>
 
        <li>Background</li>
 
        <li>Design</li>
 
        <li>Experiment</li>
 
        <li>Results</li>
 
        <li><a href="/Team:Jilin_China/Interlab">Interlab</a></li>
 
        <li>Improvement</li>
 
        </ul>
 
      </li>
 
      <li><a href="/Team:Jilin_China/Model">Model (待敬信立、殷昊天确认)</a></li>
 
      <li>Practice (待柴若尘、苑赫恬确认)</li>
 
      <li>Parts
 
        <ul>
 
        <li>Overview</li>
 
        <li>Basic Parts</li>
 
        <li>Composite Parts</li>
 
        </ul>
 
      </li>
 
      <li>Libraries
 
        <ul>
 
        <li>Hot-induced</li>
 
        <li>Hot-repressive</li>
 
        <li>Cold-induced</li>
 
        <li>Cold-repressive</li>
 
        </ul>
 
      </li>
 
      <li>Team
 
        <ul>
 
        <li>Members</li>
 
        <li>Attribution</li>
 
        </ul>
 
      </li>
 
      </ul>
 
      <p>目前网页代码结构如下:方便大家找到自己编辑的位置</p>
 
      <ul>
 
      <li>{{:Team:Jilin_China/Navbar}} /*Navegation Bar*/</li>
 
      <li>{{:Team:Jilin_China/CSS_Details}} /*Template page Style Sheets*/</li>
 
      <li>{{:Team:Jilin_China/CSS}} /*Overall Style Sheets*/</li>
 
      <li>{{:Team:Jilin_China/Js}} /*Overall JavaScript*/</li>
 
      <li>Inline CSS</li>
 
      <li>Section .s1 /*For Banner & Secondary Navegation*/</li>
 
      <li>Section .s2 /*Main Content*/</li>
 
      <li>{{:Team:Jilin_China/Footer}} /*Overall JavaScript*/</li>
 
      </ul>
 
    </div>
 
    </li>
 
    <li class="a4" id="a4">
 
    <div>
 
      <h2>标准元素</h2>
 
      <p>这里放上目前团队使用的一些元素,方便模板风的统一和标准化,素材均为SVG格式,可用Adobe Illustrator编辑,<b>可直接导入Power Point、Word、keynotes、Pages</b>:</p>
 
      <p>即将更新</p>
 
    </div>
 
    </li>
 
  </ul>
 
  </section>
 
</div>
 
</html>
 

Latest revision as of 17:20, 1 December 2018