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

(Blanked the page)
(Undo revision 492471 by Pinhki (talk))
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>
 +
    <td><a href="#a4" 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>
 +
  <li><a href="#a4">标准元素</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>PS：目前我还没发现删除已经创建的页面的功能，所以我先不创建页面。对于需要页面你们戳我就好，这部分与奖牌无关，不必大家费心了，普通模板页(如Interlab，Protocol等)能在五分钟内上线，十分钟内完成文字部分（遇到Traffic问题不能保证速度，所以还是尽早吧）。</p>
 +
      <p>PPS：再次提醒，Wiki的完成（注意！是完成！）仅为铜奖的要求之一，并且就此为止！</p>
 +
      <p>我是一个记忆力很恍惚，反应较迟钝的人，再加上我性子很慢，所以对于我所负责的任务，我倾向于提前准备，紧急的任务已经超出了我的能力范围，因此目前我已经完成了网页的模版准备，对于需要Judge的页面均采用与InterLab一致的网页结构，即仅需复制代码到新的页面，修改文本内容以及图片链接。现在所需的仅仅是提供足够的素材和内容去填充框架。根据我之前准备的开发文档，以及这个页面上相结合的各种教程，再结合上大家出色的学习和交流能力，还有紧密地团结斗争。我相信wiki的完成没有问题。在和去年队伍的几位学长交流过后，他们一致认为代码很简单，设计很难。对于我来说，代码很难，设计是难上加难，但意外的是我被分配了美工的任务，拿写网页的东西画了一套队服，顺便完成了wiki的设计。既然设计完成了，接下来就是代码了。相信你们会和上一届的队员同样优秀。</p>
 +
      <p>对于一些特殊页面，我也完成了框架的准备，比如首页完全手写的全屏滚动动画，不会牵扯到版权问题，还有HP和建模部分，我已经准备好了基底，并将内容的准备工作交给了他们，相信两位建模人员可以快速上手，而对于HP部分，我也让他们学会使用了各种必备软件，对于代码的编辑也有了基础性的介绍。相信在你们快速学习之后，能顺利的带领他们完成wiki的工作</p>
 +
      <p>在长时间的实验工作之后，正如之前所说，对于网页的结构我可能忘得一干二净了。想再快速捡回来不太可能，毕竟我可是一个比王岑嵘都傻的人。再加上之前电脑反复被断电关机，存留下来的带注释的原稿所剩无几（不过你们的一些交流记录还是保存完好的）。所以，从你再次无聊的时候或者是检查工作的而看到这段话时，我可能已经帮不上忙了。虽然我记不住代码和实验的步骤。但是这几个月和大家的相处估计会让我对大家印象深刻。也特别谢谢大家，让我认识到了更多，感受到的大家对我的特殊关照，同时，也发现了自己的很多应该去提升的方向。</p>
 +
      <p>在等到开学之后，或是大家不再忙于带我们实验的时候，我需要精力去陪伴那些一直关心着我的人，而一份没有回报的工作实在难以激发我付出的动力。大家不要因为我而感到愤怒，这不是半途而废，我的名字从一开始可就没有出现在团队名单上（teampage里的没办法，不然我咋敲代码...）。这不是一个决定，更不是一个因一时兴起而产生的决定，这个在寒假归来后的第一天晚上就已经成为了定局，对于可能产生的问题，我会提前准备，这也是我在“还不急”的时候完成网页以及对应解释文档的原因。包给我的任务我已经完成，柴若尘、苑赫恬、马宇、毛江娇可以对接上设计部分的工作，剩下部分对于你们来说也不困难，至于其他方面，我虽然耐心等待你们的召唤但是好像最后也没有帮上什么忙，估计之后也很难继续了，下面是我剩下来一些没有解决的问题，以及一些简单的入门，希望能为缓解Freeze压力能起到一些帮助。</p>
 +
      <br>-->
 +
      <h2>目前进展</h2>
 +
      <br>
 +
      <p>Wiki第二阶段设计完成。目前除小修小补外没有工作，要帮忙找我哦。</p>
 +
      <p>需要处理的细节问题：（需要各位会编程的宝宝们的帮助，如果不好操作你们可以选择重建一个首页，这样会比看和自己不熟的人写的东西容易得多）</p>
 +
      <p>    1.在 Mac 上使用 Chrome 的时候 Trackpad 会使 /home 页的滚动多次触发，并且平滑滚动（elastic）效果会干扰 Js 识别滚动位置。</p>
 +
      <p>    2.在使用非英伟达显卡的 Windows 设备上，SVG动画能效极低。目前需要一个更好的动画优化方式或者硬件加速库</p>
 +
    </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>Notebook
 +
        <ul>
 +
        <li><a href="/Team:Jilin_China/Protocol">Protocol</a></li> (Ready to Update!)
 +
        <li><a href="/Team:Jilin_China/Notebook">Lab Journal</a></li> (Ready to Update!)
 +
        </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>Unordered List .sidenav /*Secondary Navegation*/</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>

Revision as of 17:19, 1 December 2018

EDITING
HANDBOOK


Preface 基础教程 代码 网页结构 标准元素

Editing Handbook

  • Preface

    大家都喜欢问我的一个问题：“Wiki做的咋样了？”：

    我每次给出的答案很含糊。我想，如果说得太具体，就像之前这一页中的更新一样，你们也难以理解，那么我还是换一种表达方式吧。我先分享一下我对这个Wiki的制作想法

    因能力有限，我在多次尝试之后发现我并不能在短时间内做出我想要的成品，但反复修改之后的成果还是不错的。对于这次比赛的Wiki，我的制作过程可以比作一次年夜饭，大家一起做的，一起吃的大餐。那么，制作过程的详细步骤可以类比成：买工具，买菜，买调料，切菜，炒炖煮炸，出锅装盘上菜。我负责买锅买刀买盘子买调料（创建页面，寻找并写出各种模板框架，写好各个动画步骤，提供对应软件，美工），你们负责买菜（准备实验数据），然后我们一起把菜做出来（撰文，翻译，组合排版，上传）。最后我来装盘（加入各种小元素）

    那么，熟悉的问题来了，Wiki进展如何？现在，我给的答案是：基本的锅碗瓢盆都买好了，但是一些特殊工具没配齐（平底锅？烧烤架？看你们买啥菜了）。网页进展的“大跃进”可以随时开始，就等买菜的回来了。

    装盘是最后一部，所以你们现在看到的Wiki与Freeze那天差距不可想象。那我们现在看的是啥？正如上一段所说，你们需要检查你们差不差烧烤架之类的工具


    目前进展


    Wiki第二阶段设计完成。目前除小修小补外没有工作，要帮忙找我哦。

    需要处理的细节问题：（需要各位会编程的宝宝们的帮助，如果不好操作你们可以选择重建一个首页，这样会比看和自己不熟的人写的东西容易得多）

    1.在 Mac 上使用 Chrome 的时候 Trackpad 会使 /home 页的滚动多次触发，并且平滑滚动（elastic）效果会干扰 Js 识别滚动位置。

    2.在使用非英伟达显卡的 Windows 设备上，SVG动画能效极低。目前需要一个更好的动画优化方式或者硬件加速库

  • 除夕钟声即将敲响，对于DDL，放松心态，提前准备，像刘方皮那样

  • 网页结构

    目前网页计划的的链接结构（导航栏）如下：请大家提出宝贵的修改意见（持续更新）

    • Home (indexBanner[to Description] background[to Background] promoterLibrariesDesign[to Design] modeling[to Model] humanPractice[to Practice])
    • Project
    • Model (待敬信立、殷昊天确认)
    • Practice (待柴若尘、苑赫恬确认)
    • Parts
      • Overview
      • Basic Parts
      • Composite Parts
    • Libraries
      • Hot-induced
      • Hot-repressive
      • Cold-induced
      • Cold-repressive
    • Notebook
    • Team
      • Members
      • Attribution

    目前网页代码结构如下：方便大家找到自己编辑的位置

    • {{:Team:Jilin_China/Navbar}} /*Navegation Bar*/
    • {{:Team:Jilin_China/CSS_Details}} /*Template page Style Sheets*/
    • {{:Team:Jilin_China/CSS}} /*Overall Style Sheets*/
    • {{:Team:Jilin_China/Js}} /*Overall JavaScript*/
    • Inline CSS
    • Unordered List .sidenav /*Secondary Navegation*/
    • Section .s1 /*For Banner & Secondary Navegation*/
    • Section .s2 /*Main Content*/
    • {{:Team:Jilin_China/Footer}} /*Overall JavaScript*/

  • 标准元素

    这里放上目前团队使用的一些元素，方便模板风的统一和标准化，素材均为SVG格式，可用Adobe Illustrator编辑，可直接导入Power Point、Word、Keynotes、Pages：

    即将更新