Line 78: |
Line 78: |
| <li><b>Creating a new file</b> : Right click on the project folder "GCwiki" and select new file. Enter an appropriate filename with an ending of ".html" such as "EN - Example.html". Use this newly created file to write all the code for the technology brief.</li> | | <li><b>Creating a new file</b> : Right click on the project folder "GCwiki" and select new file. Enter an appropriate filename with an ending of ".html" such as "EN - Example.html". Use this newly created file to write all the code for the technology brief.</li> |
| <li><b>Adding the template's code</b> : Navigate to the [https://wiki.gccollab.ca/Technology_Trends template] page. On the upper navigation bar, select "view source" or, if you are logged in, "edit source". From there, copy and paste the [https://wiki.gccollab.ca/Technology_Trends template]'s code to your file. This template offers all the technology brief empty code.</li> | | <li><b>Adding the template's code</b> : Navigate to the [https://wiki.gccollab.ca/Technology_Trends template] page. On the upper navigation bar, select "view source" or, if you are logged in, "edit source". From there, copy and paste the [https://wiki.gccollab.ca/Technology_Trends template]'s code to your file. This template offers all the technology brief empty code.</li> |
− | <li><b>Adjusting the template's code</b> : Before starting to publish the technology brief content, you need to adjust the template's information. All comments in the brackets "<!-- comment --> need to be replace by the corresponding information. Don't forget to use the underscore (_) when using links and files</li> | + | <li><b>Adjusting the template's code</b> : Before starting to publish the technology brief content, you need to adjust the template's information. All comments in the brackets "<nowiki><!-- comment --></nowiki> need to be replace by the corresponding information. Don't forget to use the underscore (_) when using links and files</li> |
| </ul> | | </ul> |
| | | |
Line 110: |
Line 110: |
| </ul> | | </ul> |
| | | |
− | <h2>Code Tutorial</h2> | + | <h2>HTML and CSS Fundamental</h2> |
| | | |
| + | <p>This section offers a basic understanding of HTML. This markup language is designed to be displayed in web browser.</p> |
| | | |
| + | <div class="container"> |
| + | <div class="row" style="background-color: aqua"> |
| + | <div class="col-sm-6"> |
| + | <nowiki>This is <span style="color:red;">red</span> text.</nowiki> |
| + | <nowiki>This is <span style="color:red;">red</span> text.</nowiki> |
| + | <nowiki>This is <span style="color:red;">red</span> text.</nowiki> |
| + | </div> |
| + | <div class="col-sm-6"> |
| + | <p>This is <span style="color:red;">red</span> text.</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| | | |
| + | <h2>Technology Trend Publishing</h2> |
| | | |
| <h2>Technology Brief</h2> | | <h2>Technology Brief</h2> |