DJBWiki:Tutorial (Editing): Difference between revisions

VisualWikitext

Revision as of 06:12, 23 May 2011

Help:Contents

Front page

The most basic wiki feature of all is: Edit! With the exception of a few protected pages, every page has a link that says "edit." This link lets you do exactly that: edit the page you're looking at. Sites like these, where anyone can edit anything, are known as "wikis." Just click the "edit" link on any page. You'll see the wiki code for that page. Add something fun and interesting (and relevant) then save it and see what you've done! Try it out in the Sandbox.

Show preview

One important feature to start using now is the Show preview button. Try making an edit in the Sandbox, then clicking the Show preview button instead of Save changes. This allows you to see what the page will look like after your edit, before you actually save. We all make mistakes; this feature lets you catch them. Using Show Preview before saving also lets you try format changes and other edits without cluttering up the Recents Changes page and has a number of other advantages. Don't forget to save your edits after previewing, though!

Edit summary

Before you hit Save, it's considered good etiquette (or "Wikiquette") to enter a polite explanation of your changes in the edit summary box between the edit window and the Save and Preview buttons. It can be quite terse; for example if you just enter "typo," people will know you made a minor spelling or punctuation correction, or some other small change. Also, if the change you have made to the page is minor, such as a spelling or grammar correction, be sure to check the box "This is a minor edit" (this is only available if you have logged in).

Next: Let's learn about Formatting →

@@ Line 1: / Line 1: @@
-{{Help contents back}}
+<table style="background:transparent"><tr>
-{{Template:TabsTop}}
+<td> [[Help:Contents|<img alt="" src="/code/images/thumb/8/8e/1leftarrow.png/16px-1leftarrow.png" width="16" height="16" border="0">]]
-{{Template:Tab2|[[DJBWiki:Tutorial|Front&nbsp;page]]}}
+</td>
-{{Template:Tab1|[[DJBWiki:Tutorial (Editing)|Editing]]}}
+<td> <big>[[Help:Contents]]</big>
-{{Template:Tab2|[[DJBWiki:Tutorial (Formatting)|Formatting]]}}
+</td>
-{{Template:Tab2|[[DJBWiki:Tutorial (Wiki links)|Wiki&nbsp;links]]}}
+</tr></table>
-{{Template:Tab2|[[DJBWiki:Tutorial (External links)|External&nbsp;links]]}}
+<table style="text-align:center; padding: 0" width="100%" cellspacing="0" cellpadding="0" border="0"><tr>
-{{Template:Tab2|[[DJBWiki:Tutorial (Talk pages)|Talk&nbsp;pages]]}}
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial|Front page]]</div>
-{{Template:Tab2|[[DJBWiki:Tutorial (Keep in mind)|Keep&nbsp;in&nbsp;mind]]}}
+</td>
-{{Template:Tab2|[[DJBWiki:Tutorial (Registration)|Registration]]}}
+<td style="border-bottom:2px solid #236066" width="3">
-{{Template:Tab2|[[DJBWiki:Tutorial (Wrap-up and more info)|Wrap-up]]}}
+</td>
-{{Template:TabsBottom}}
+<td style="padding:0; background-color: #236066; line-height:0.95em; font-weight:bold;" valign="top" width="20"> <span class="content-bg rtop" style="background: #000000"><span class="r1" style="background: #236066"></span><span class="r2" style="background: #236066"></span><span class="r3" style="background: #236066"></span><span class="r4" style="background: #236066"></span></span> <div style="padding: 0.5em">[[Editing]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Formatting)|Formatting]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Wiki links)|Wiki links]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (External links)|External links]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Talk pages)|Talk pages]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Keep in mind)|Keep in mind]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Registration)|Registration]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td valign="top" style="border-bottom:2px solid #236066; background-color:#4d4e52; font-size:90%; line-height:0.95em; margin: 0; padding: 0" width="20"> <span class="content-bg rtop" style="background: #236066"><span class="r1" style="background: #4d4e52"></span><span class="r2" style="background: #4d4e52"></span><span class="r3" style="background: #4d4e52"></span><span class="r4" style="background: #4d4e52"></span></span> <div style="padding: 0.5em">[[DJBWiki:Tutorial (Wrap-up and more info)|Wrap-up]]</div>
+</td>
+<td style="border-bottom:2px solid #236066" width="3">
+</td>
+<td style="border-bottom:2px solid #236066" width="3000">
+</td>
+</tr></table>
 <div style="border:2px solid #236066; padding:0.5em 1em 1em 1em; border-top:none; background-color:#000; color:#fff">
-[[File:Edit-this-page-large.jpg|right|350px|Click "edit" to change an article.]]
+<div class="floatright">[[File:Edit-this-page-large.jpg|350px]]</div>
 The most basic wiki feature of all is: '''Edit!''' With the exception of a few protected pages, every page has a link that says "'''''edit'''''." This link lets you do exactly that: edit the page you're looking at. Sites like these, where anyone can edit anything, are known as "[http://en.wikipedia.org/wiki/Wiki wikis]."
+Just click the "''edit''" link on any page. You'll see the wiki code for that page. Add something fun and interesting (and relevant) then save it and see what you've done! Try it out in the [[DJBWiki:Sandbox|Sandbox]].
-Just click the "''edit''" link on any page. You'll see the wiki code for that page. Add something fun and interesting (and relevant) then save it and see what you've done! Try it out on your [[Special:Mypage|User page]].
-==Show preview==
+==  Show preview  ==
-One important feature to start using now is the '''Show preview''' button. Try making an edit on your [[Special:Mypage|User page]], then clicking the '''Show preview''' button instead of ''Save changes''. This allows you to see what the page will look like after your edit, ''before'' you actually save. We all make mistakes; this feature lets you catch them. Using Show Preview before saving also lets you try format changes and other edits without cluttering up the [[Special:RecentChanges|Recents Changes]] page and has a number of other advantages. Don't forget to save your edits after previewing, though!
+One important feature to start using now is the '''Show preview''' button. Try making an edit in the [[DJBWiki:Sandbox|Sandbox]], then clicking the '''Show preview''' button instead of ''Save changes''. This allows you to see what the page will look like after your edit, ''before'' you actually save. We all make mistakes; this feature lets you catch them. Using Show Preview before saving also lets you try format changes and other edits without cluttering up the [[Special:RecentChanges|Recents Changes]] page and has a number of other advantages. Don't forget to save your edits after previewing, though!
-==Edit summary==
-[[File:Edit_Summary-2.png|450px|Edit summary text box.|right]]
+==  Edit summary  ==
+<div class="floatright">[[File:Edit_Summary-2.png|450px]]</div>
 Before you hit ''Save'', it's considered good etiquette (or "Wikiquette") to enter a polite explanation of your changes in the '''edit summary''' box between the edit window and the Save and Preview buttons. It can be quite terse; for example if you just enter "typo," people will know you made a minor spelling or punctuation correction, or some other small change. Also, if the change you have made to the page is minor, such as a spelling or grammar correction, be sure to check the box "This is a minor edit" (this is only available if you have logged in).
@@ Line 27: / Line 62: @@
 <div style="clear:both"></div>
 </div>
+</div>
 [[Category:DJB Tutorial]]