Difference between revisions of "User:Bethcottam/sandbox/Patrolling"

From FamilySearch Wiki
Jump to navigation Jump to search
(Created page with "Projects homework:")
 
(lesson prep)
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
Projects homework:
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
----
 +
 
 +
----
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
==Problem Examples==
 +
Below are 10 examples of pages with coding issues.  Please put the pages in your sandbox and then see if you can find the problem.  This is the [[Adair County, Missouri Genealogy|actual page]] that was used for these problems.
 +
*[[Help:Wiki Coding Problems - One]]
 +
*[[Help:Wiki Coding Problems - Two]]
 +
*[[Help:Wiki Coding Problems - Three]]
 +
*[[Help:Wiki Coding Problems - Four]]
 +
*[[Help:Wiki Coding Problems - Five]]
 +
*[[Help:Wiki Coding Problems - Six]]
 +
*[[Help:Wiki Coding Problems - Seven]]
 +
*[[Help:Wiki Coding Problems - Eight]]
 +
*[[Help:Wiki Coding Problems - Nine]]
 +
*[[Help:Wiki Coding Problems - Ten]]
 +
**[[Help:Answer to Wiki Coding Problems|Answer sheet]]
 +
<p>P.S.You might see some formatting or grammar or spelling problems on this page.  That is not what we are to be looking for - just Wikitext coding problems.</p>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
----
 +
 
 +
----
 +
 
 +
 
 +
== Wiki Text Coding ....Look for '''Errors''' while patrolling: ==
 +
 
 +
 
 +
 
 +
<div style="background-color:lightgreen; padding:5px;">This is text placed between opening and closing div tags with padding and light green color attributes. ....</div>
 +
 
 +
 
 +
style="background-color:lightgreen; padding:5px;">This is text placed between opening and closing div tags with padding and ''light green'' color attributes '''without the opening tag.''' ....</div>
 +
 
 +
 
 +
----
 +
<div style="background-color:lightblue; padding:15px;">This is text placed between opening and closing div tags with padding and light blue color attributes.....</div>
 +
 
 +
 
 +
 
 +
<div style="background-color:lightblue; padding:15px;">This is text placed between opening and closing div tags with padding and light blue color attributes'''without the closing tag.'''  .....
 +
 
 +
 
 +
 
 +
The text above should be placed between both opening '''and closing''' div tags in order for the text below it to be without a background color.
 +
 
 +
(Frequently the closing div tag is left out or mis-typed. All kinds of crazy things can happen; but the one problem you often see is the sidebars disappear. You will find them at the very bottom of the page. Obviously you need to find where this missing div tag needs to go.)</div>
 +
 
 +
 
 +
----
 +
 
 +
== Importance of Table tags: ==
 +
 
 +
Example with proper Table tags:
 +
 
 +
{{breadcrumb
 +
| link1=[[United States Genealogy|United States]]
 +
| link2=[[Missouri, United States Genealogy|Missouri]]
 +
| link3=
 +
| link4=
 +
| link5=[[Adair County, Missouri Genealogy|Adair County]]
 +
}}
 +
 
 +
Examples without proper Table tags:
 +
 
 +
breadcrumb
 +
| link1=[[United States Genealogy|United States]]
 +
| link2=[[Missouri, United States Genealogy|Missouri]]
 +
| link3=
 +
| link4=
 +
| link5=[[Adair County, Missouri Genealogy|Adair County]]
 +
}}
 +
 
 +
and
 +
 
 +
{{breadcrumb
 +
| link1=[[United States Genealogy|United States]]
 +
| link2=[[Missouri, United States Genealogy|Missouri]]
 +
| link3=
 +
| link4=
 +
| link5=[[Adair County, Missouri Genealogy|Adair County]]
 +
 
 +
----
 +
 
 +
== Example of too large of image: ==
 +
 
 +
 
 +
[[File:Ireland Cemeteries 1.jpg|800px]]
 +
 
 +
 
 +
 
 +
 
 +
Example of how to reduce Image:
 +
 
 +
 
 +
 
 +
[[File:Ireland Cemeteries 1.jpg|200px]]
 +
 
 +
 
 +
----
 +
 
 +
 
 +
 
 +
== Bold and italic tags ==
 +
 
 +
 
 +
'''This is bold text placed between opening and closing '''
 +
 
 +
 
 +
''This is italicized text placed between opening and closing ''
 +
 
 +
 
 +
 
 +
----
 +
'''Problem:'''
 +
== Text inside a light gray border box == like this
 +
 
 +
A space has been placed between the first word of a text and the left side of the page.
 +
 
 +
 
 +
'''Solution''': Remove the extra space between left side of page and first word:
 +
 
 +
 
 +
A space has been placed between the first word of a text and the left side of the page.
 +
 
 +
 
 +
----
 +
 
 +
== Alignment problems: ==
 +
 
 +
<div style="text-align:center">'''This title is centered'''</div>
 +
 
 +
<div style="text-align:right">'''This title is on the right'''</div>
 +
 
 +
<div style="text-align:left">'''This title is on the left'''</div>
 +
 
 +
----
 +
 
 +
 
 +
Examples of Broken Links:
 +
 
 +
 
 +
== Broken links ==
 +
 
 +
[https://en.wikipedia.org/wiki/Main_PageWikipedia]
 +
 
 +
 
 +
[https://en.wikipedia.org/wiki/Main_Page Wikipedia]
 +
 
 +
----
 +
[Missouri Genealogy|Missouri]
 +
 
 +
 +
[[Missouri Genealogy|Missouri]]
 +
 
 +
----
 +
 
 +
<a ref="https://en.wikipedia.org/wiki/Main_Page"&gt;Wikipedia</a>
 +
 
 +
 
 +
[https://en.wikipedia.org/wiki/Main_Page Wikipedia]
 +
 
 +
 
 +
----
 +
[[Missouri GenealogyMissouri]]
 +
 
 +
[[Missouri Genealogy|Missouri]]
 +
 
 +
----
 +
[[https://en.wikipedia.org/wiki/Main_Page Wikipedia]]
 +
 
 +
 
 +
[https://en.wikipedia.org/wiki/Main_Page Wikipedia]
 +
 
 +
----
 +
[[Missouri Geneology Missouri]]
 +
 
 +
[[Missouri Genealogy|Missouri]]
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
----
 +
{| class="wikitable"
 +
!Some Wiki Text Tags
 +
!Opening Tag
 +
!Text in middle of tags
 +
!Closing Tags
 +
|-
 +
|Div Tags
 +
|<nowiki><div></nowiki>
 +
|Commands do not work without both opening and closing tags.
 +
|<nowiki></div></nowiki>
 +
|-
 +
|Table Tags
 +
|{pipe
 +
|Use pipe+ for Rows and pipes for Cells
 +
|pipe}
 +
|-
 +
|Paragraph Tags
 +
|<nowiki><p></nowiki>
 +
|Type attribute info after <nowiki><p space = "attribute; attribute;"> before using closing tag. </nowiki>
 +
|<nowiki></p></nowiki>
 +
|-
 +
|Bold Tag
 +
|<nowiki>'''</nowiki>
 +
|'''To make text bold you flank text between three apostrophies'''
 +
|<nowiki>'''</nowiki>
 +
|-
 +
|Italic Tag
 +
|<nowiki>''</nowiki>
 +
|''To italicize text you flank it between two italic's marks''
 +
|<nowiki>''</nowiki>
 +
|-
 +
|Image Tags
 +
|[ [
 +
|Use word "file" or "image" : name of image.(type) '''pipe''' size    '''pipe''' other attributes  '''pipe'''  Name
 +
|] ]
 +
|}

Latest revision as of 11:44, 29 November 2017
















Problem Examples[edit | edit source]

Below are 10 examples of pages with coding issues. Please put the pages in your sandbox and then see if you can find the problem. This is the actual page that was used for these problems.

P.S.You might see some formatting or grammar or spelling problems on this page. That is not what we are to be looking for - just Wikitext coding problems.








Wiki Text Coding ....Look for Errors while patrolling:[edit | edit source]

This is text placed between opening and closing div tags with padding and light green color attributes. ....


style="background-color:lightgreen; padding:5px;">This is text placed between opening and closing div tags with padding and light green color attributes without the opening tag. ....



This is text placed between opening and closing div tags with padding and light blue color attributes.....


This is text placed between opening and closing div tags with padding and light blue color attributeswithout the closing tag. .....


The text above should be placed between both opening and closing div tags in order for the text below it to be without a background color.

(Frequently the closing div tag is left out or mis-typed. All kinds of crazy things can happen; but the one problem you often see is the sidebars disappear. You will find them at the very bottom of the page. Obviously you need to find where this missing div tag needs to go.)



Importance of Table tags:[edit | edit source]

Example with proper Table tags:

Examples without proper Table tags:

breadcrumb | link1=United States | link2=Missouri | link3= | link4= | link5=Adair County }}

and

{{breadcrumb | link1=United States | link2=Missouri | link3= | link4= | link5=Adair County


Example of too large of image:[edit | edit source]

Ireland Cemeteries 1.jpg



Example of how to reduce Image:


Ireland Cemeteries 1.jpg




Bold and italic tags[edit | edit source]

This is bold text placed between opening and closing


This is italicized text placed between opening and closing



Problem: == Text inside a light gray border box == like this

A space has been placed between the first word of a text and the left side of the page. 


Solution: Remove the extra space between left side of page and first word:


A space has been placed between the first word of a text and the left side of the page.



Alignment problems:[edit | edit source]

This title is centered
This title is on the right
This title is on the left


Examples of Broken Links:


Broken links[edit | edit source]

[1]


Wikipedia


[Missouri Genealogy|Missouri]


Missouri


<a ref="https://en.wikipedia.org/wiki/Main_Page">Wikipedia</a>


Wikipedia



Missouri GenealogyMissouri

Missouri


[Wikipedia]


Wikipedia


Missouri Geneology Missouri

Missouri






Some Wiki Text Tags Opening Tag Text in middle of tags Closing Tags
Div Tags <div> Commands do not work without both opening and closing tags. </div>
Table Tags {pipe Use pipe+ for Rows and pipes for Cells pipe}
Paragraph Tags <p> Type attribute info after <p space = "attribute; attribute;"> before using closing tag. </p>
Bold Tag ''' To make text bold you flank text between three apostrophies '''
Italic Tag '' To italicize text you flank it between two italic's marks ''
Image Tags [ [ Use word "file" or "image" : name of image.(type) pipe size pipe other attributes pipe Name ] ]