Team:Bielefeld-CeBiTec/HumanPractice/Wikisession

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 5: Line 5:
<html>
<html>
<style>
<style>
-
flag.flag_element6{
+
flag.flag_element5{
       background-image:url("https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png");
       background-image:url("https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png");
       background-size: 100% 100%;
       background-size: 100% 100%;
Line 21: Line 21:
<div class="element" style="margin:10px 10px 10px 10px; padding:10px 10px 10px 10px">  
<div class="element" style="margin:10px 10px 10px 10px; padding:10px 10px 10px 10px">  
   <div id="text">
   <div id="text">
 +
 +
 +
 +
<table align="center" cellspacing=10" style="background-color:transparent; float:right">
 +
<tr>
 +
<td>
 +
<div class="element" style="margin:10px; padding:10px; text-align:center; float:right;width:250px">
 +
      <a href="https://static.igem.org/mediawiki/2014/5/5b/Bielefeld-CeBiTec_2014-08-31_Hannover_5.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/5b/Bielefeld-CeBiTec_2014-08-31_Hannover_5.jpg" width="250px"></a>
 +
<br><font size="1" style="text-align:center">fig. 1: Team photo with three members of Team Hannover</font>
 +
    </div>
 +
</td>
 +
</tr>
 +
</table>
 +
     <p>
     <p>
-
An essential role for the final evaluation of the iGEM projects is given through the team wiki. Because of the first participation of Team Hannover we decided to make a wiki meeting. Herefore some team members of Team Hannover visited us at the CeBiTec.<br>
+
An essential role for the final evaluation of the iGEM projects is given through the team wiki. Because of the first participation of Team Hannover we decided to make a wiki meeting. Therefore three team members of Team Hannover visited us at the CeBiTec.<br>
We prepared the meeting by creating a small leaflet which we distributed at the beginning. We decided to show them some basics in HTML because we think this is the easiest way to learn how to alter the wiki. One of us demonstrated HTML code examples using the notepad program of Windows. Our whole team and the delegation of Hannover tried to reproduce it. By doing this step by step all of us learned basic strategies in HTML like altering text, creating images or tables and using styles.<br>
We prepared the meeting by creating a small leaflet which we distributed at the beginning. We decided to show them some basics in HTML because we think this is the easiest way to learn how to alter the wiki. One of us demonstrated HTML code examples using the notepad program of Windows. Our whole team and the delegation of Hannover tried to reproduce it. By doing this step by step all of us learned basic strategies in HTML like altering text, creating images or tables and using styles.<br>
In between we had a lunch break and were supplied with delicious cake. With new strength we started to modify the wiki itself.<br>
In between we had a lunch break and were supplied with delicious cake. With new strength we started to modify the wiki itself.<br>
-
We began to structure the existing code by creating style files (.css) and code templates (.tmpl) which were slowly changed step by step. We took care one by one so they could try out their ideas while asking us for help.
+
<table align="center" cellspacing=10" style="background-color:transparent; float:left">
 +
<tr>
 +
<td>
 +
<div class="element" style="margin:10px; padding:10px; text-align:center; float:left">
 +
      <a href="https://static.igem.org/mediawiki/2014/d/d4/Bielefeld-CeBiTec_2014-08-31_Hannover_2.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/d/d4/Bielefeld-CeBiTec_2014-08-31_Hannover_2.jpg" width="250px"></a>
 +
<br><font size="1" style="text-align:center">fig. 2: Everyone is working on a task</font>
 +
    </div>
 +
</td>
 +
</tr>
 +
</table>
 +
We began to structure the existing code by creating style files (.css) and code templates (.tmpl) which were slowly changed step by step. We took care one by one so that the members of Team Hannover could try out their ideas while asking us for help.
After this successful session the wiki of Team Hannover got a new appearance and they were pretty happy about the assistance we gave them.<br>
After this successful session the wiki of Team Hannover got a new appearance and they were pretty happy about the assistance we gave them.<br>
-
Our team would like to thank Team Hannover too, because it was a very funny day and all of us learned a lot. We hope we can help them with any further questions. At this stage we think that any team should profit of our work. Because of this we uploaded our <a href="https://static.igem.org/mediawiki/2014/2/2e/Bielefeld-CeBiTec_2014-08-19_HTML_Merkblatt.pdf" target="_blank"> HTML leaflet</a> at our wiki.
+
Our team would like to thank Team Hannover too, because it was a very funny day and all of us learned a lot by this practical hands on wiki session. We hope we can help them with any further questions. At this stage we think that any team should profit of our work. Because of this we uploaded our <a href="https://static.igem.org/mediawiki/2014/2/2e/Bielefeld-CeBiTec_2014-08-19_HTML_Merkblatt.pdf" target="_blank"> HTML leaflet</a> at our wiki.
     </p>
     </p>
<table align="center" width="100%" cellspacing="10" style="background-color:transparent">
<table align="center" width="100%" cellspacing="10" style="background-color:transparent">
<tr>
<tr>
-
<td><div class="element" style="margin:10px; padding:10px; height:260px">  
+
<td>
-
   <a href="https://2014.igem.org/File:Bielefeld-CeBiTec_2014-08-19_TeamHannover.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/f5/Bielefeld-CeBiTec_2014-08-19_TeamHannover.jpg" style="float:left" height="260px"></a></td>
+
<div class="element" style="margin:10px; padding:10px; text-align:center">  
-
<td><div class="element" style="margin:10px; padding:10px; height:260px">  
+
   <a href="https://static.igem.org/mediawiki/2014/f/f5/Bielefeld-CeBiTec_2014-08-19_TeamHannover.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/f5/Bielefeld-CeBiTec_2014-08-19_TeamHannover.jpg" height="260px"></a><br>
-
   <a href="https://static.igem.org/mediawiki/2014/3/3a/Bielefeld-CeBiTec_2014-08-19_WikiHannoverDANACH.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3a/Bielefeld-CeBiTec_2014-08-19_WikiHannoverDANACH.jpg" style="float:right" height="260px"></a></td>
+
<font size="1">fig. 3: Hannover's Wiki before our session</font><br>
 +
</div>
 +
</td>
 +
<td>
 +
<div class="element" style="margin:10px; padding:10px; text-align:center">  
 +
   <a href="https://static.igem.org/mediawiki/2014/3/3a/Bielefeld-CeBiTec_2014-08-19_WikiHannoverDANACH.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3a/Bielefeld-CeBiTec_2014-08-19_WikiHannoverDANACH.jpg" height="260px"></a><br>
 +
<font size="1">fig. 4: Hannover's Wiki after our session</font><br>
 +
</div>
 +
</td>
</tr>
</tr>
</table>
</table>
 +
<br>
 +
<br>
 +
</div>
</div>
</div>
-
  </div>
 
</html>
</html>

Latest revision as of 22:08, 16 October 2014


Wiki session with Team Hannover


fig. 1: Team photo with three members of Team Hannover

An essential role for the final evaluation of the iGEM projects is given through the team wiki. Because of the first participation of Team Hannover we decided to make a wiki meeting. Therefore three team members of Team Hannover visited us at the CeBiTec.
We prepared the meeting by creating a small leaflet which we distributed at the beginning. We decided to show them some basics in HTML because we think this is the easiest way to learn how to alter the wiki. One of us demonstrated HTML code examples using the notepad program of Windows. Our whole team and the delegation of Hannover tried to reproduce it. By doing this step by step all of us learned basic strategies in HTML like altering text, creating images or tables and using styles.
In between we had a lunch break and were supplied with delicious cake. With new strength we started to modify the wiki itself.


fig. 2: Everyone is working on a task
We began to structure the existing code by creating style files (.css) and code templates (.tmpl) which were slowly changed step by step. We took care one by one so that the members of Team Hannover could try out their ideas while asking us for help. After this successful session the wiki of Team Hannover got a new appearance and they were pretty happy about the assistance we gave them.
Our team would like to thank Team Hannover too, because it was a very funny day and all of us learned a lot by this practical hands on wiki session. We hope we can help them with any further questions. At this stage we think that any team should profit of our work. Because of this we uploaded our HTML leaflet at our wiki.


fig. 3: Hannover's Wiki before our session

fig. 4: Hannover's Wiki after our session


Retrieved from "http://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Wikisession"