Difference between revisions of "Help:Wiki University VisualEditor--Save Page"

From FamilySearch Wiki
Jump to navigation Jump to search
m (→‎Save changes: remove red border)
 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{VisualEditor School}}{{VisualEditor Tutorial Sidebar}}
+
<div style="display:grid; grid-template-columns:1fr 1fr 2fr 2fr 2fr 2fr">
<div style="float:right; width:79%; margin-top:-35px">
+
<!--------------row 1-------------------------->
<table style="width:100%; ">
+
<!--tool bar--------------------------------------------------->
<tr>
+
{{VisualEditor School}}
<td style="font-size:14pt; font-family:arial;">[[Help:Wiki University VisualEditor--Change to Wikitext|&lt;&lt; Previous Chapter]]</td>
+
<!----------------row 2---------------------------->
<td style="font-size:14pt; font-family:arial; text-align:right;"> </td></tr>
+
<!-------------------menu-------------------------------->
</table>
+
<div style="grid-column:1/3; background-color:#FFEDCC; box-shadow:1px 1px 5px #888888">{{VisualEditor Tutorial Sidebar}}</div>
----
+
<!-----------------------main------------------------>
==VisualEditor toolbar==
+
<!-------------------------------chapters top row---------------------------------->
<table style="width:100%"><tr><td>[[File:Visualeditor7.PNG|1000px]]</td></tr></table>
+
<div style="grid-column:3/8; padding-left:0.5em">
 +
<!-------------------------------chapters top row---------------------------------->
 +
<div style="display:flex; justify-content:space-between; padding:10px; margin-bottom:-1em">
 +
<div style="font-size:1.3em">[[Help:Wiki University VisualEditor--Change to Wikitext|<< Previous Chapter]]</div>
 +
<div style="text-align:right"></div>
 +
</div>
 +
<div style="margin-left:0.5em">
 +
<!-----------------------MAIN MATERIAL BELOW THIS LINE-------------------------------------------->
 +
==Visual Editor toolbar==
 +
<div style="display:flex">
 +
<!---------------------------UNDO ARROW-------------------------------------------------------------->
 +
<div style="flex:0.75; border-left:1px solid lightblue; border-bottom:1px solid lightgray; border-top:1px solid lightblue;">[[File:UndoVE.jpg|40px]]</div>
 +
<!---------------------------------REDO ARROW------------------------------------------------------------->
 +
<div style="flex:0.75; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue;">[[File:RedoVE.jpg|40px]]</div>
 +
<!---------------------------------------PARAGRAPH --------------------------------------------------------->
 +
<div style="flex:3; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Paragraph <div style="margin-left:3vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!--------------------------------------TEXT STYLE--------------------------------------------------->
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><div style="font-size:1.3vw; font-style:italic; text-decoration: underline">'''A'''</div><div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!------------------------------------LINKS------------------------------------------------------------>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex;">[[File:Link.png|50px]]
 +
</div>
 +
</div>
 +
<div style="flex:1.5; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Cite<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!------------------------------LISTS---------------------------------------------------------------------->
 +
<div style="flex:1.2; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
 
 +
<div style="display:flex; flex-direction:column">
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
</div>
 +
<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div>
 +
 
 +
</div>
 +
<!----------------------------------------------INSERT------------------------------------------------------->
 +
<div style="flex:1.5; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Insert<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!---------------------------------------------------------OMEGA----------------------------------------------------->
 +
<div style="flex:0.8; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.5vw">Ω</span></div>
 +
<!-------------------------------------------------------------------HELP----------------------------------------------------->
 +
<div style="flex:3; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"></div>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:1.5em; margin-right:10px">'''?'''</div>
 +
</div>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; flex-direction:column">
 +
<div style="width:15px; height:3px; margin-bottom:3px; background-color:black"></div>
 +
<div style="width:15px; height:3px; margin-bottom:3px; background-color:black"></div>
 +
<div style="width:15px; height:3px; background-color:black"></div>
 +
</div>
 +
</div>
 +
<!-------------------------------------------------------------TO GO WIKITEXT--------------------------------------------->
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.3vw; font-weight:bold">[[File:VE Switch icon.png]]</span></div>
 +
<!--------------------------------------------------------SAVE--------------------------------------------------------->
 +
<div style="flex:2; display:flex; align-items:center; justify-content:center; border:1px solid red; color:white; background-color:lightgray">Save changes...</div>
 +
</div>
 +
 
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
  
==Save page ==
+
==Save changes ==
  
 
<!--detailed explanation of items on VisualEditor toolbar------------------------------------------->
 
<!--detailed explanation of items on VisualEditor toolbar------------------------------------------->
Line 18: Line 74:
  
 
<tr>
 
<tr>
<td style="border:1px solid lightgrey">
+
<td style="border:1px solid red;width:10px;padding:10px">
[[File:Mainpage27.PNG|100px]]</td>
+
<div style="display:flex; align-items:center; justify-content:center; height:40px; color:white; background-color:lightgray;">Save changes...</div></td>
<td style="border:1px solid lightgrey">Save page</td>
+
<td style="border:1px solid lightgrey; padding:5px;width:10px">Save changes</td>
<td style="border:1px solid lightgrey">[[File:Visualeditor25.PNG|300px|right]]
+
<td style="border:1px solid lightgrey; padding-right:30px">[[File:VE Save Changes.PNG|300px|right]]
#When you click "Save page" the panel to the right appears.
+
*When you click "'''Save changes...'''" on the Visual Editor tool bar, the panel to the right appears.
#Enter description of entries made in "Summary" box.
+
*Enter a short descriptive summary of your changes into the "Summary" box.
#Click "Save page" in panel.
+
*To review your changes, click on the '''Review your changes''' button on the bottom left corner of the panel.
 +
*To save your page, click on the '''Save changes''' button on the top right corner of the panel.
 +
*To cancel out of a page without saving, click the "'''X'''" on the top left corner of the page.
 +
*To exit a page without saving, click the '''Read''' button on the Page toolbar.
 
</td>
 
</td>
 
</tr>
 
</tr>
Line 34: Line 93:
 
[[File:Tests.gif|100px|right]]
 
[[File:Tests.gif|100px|right]]
 
<div style="border-top:10px solid lightgray; border-left:10px solid lightgray; border-right:10px solid lightgray; border-radius:5px;"><div style="font-size:14pt; width:100%; height:30px; vertical-align:middle; background-color:lightgray;">Quick Quiz</div> <div style="padding-top:12px; padding-left:10px;">
 
<div style="border-top:10px solid lightgray; border-left:10px solid lightgray; border-right:10px solid lightgray; border-radius:5px;"><div style="font-size:14pt; width:100%; height:30px; vertical-align:middle; background-color:lightgray;">Quick Quiz</div> <div style="padding-top:12px; padding-left:10px;">
*What does the undo arrow allow you to do?
+
*You are encouraged to put a brief statement describing your changes to an article in the Summary box.
 
+
::A. True
::A. Fix a mistake.
+
::B. False
::B. Reverse a link entered incorrectly
+
</div> <div style="background-color:lightgray; width:100%; height:35px; padding-top:10px;"><div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px;">[[FamilySearch VisualEditor Tutorial Answers#Save Page|Check your answers ]] </div> </div> </div>  
::C. Fix a page that was messed up by someone else but no other edits have been made since then.
+
<!---------------------------------END OF MATERIAL------------------------------------------->
::D. All of the above.
+
</div>
 
+
<!-------------------------------chapters bottom---------------------------------------------------->
*How many kinds of headings are there?
+
<div style="clear:both"></div>
 
+
<div style="display:flex; justify-content:space-between; padding:10px">
::A. 4
+
<div style="font-size:1.3em">[[Help:Wiki University VisualEditor--Change to Wikitext|<< Previous Chapter]]</div>
::B. 5
+
<div style="text-align:right"></div>
::C. 6
+
</div>
::D. 7
+
{{reflist}}
 
 
*Where can the Page title header be used on a page?
 
 
 
::A. Anywhere
 
::B. Next to the last header
 
::C. Only on Tuesdays
 
::D. None of the above
 
 
 
*To make some text '''bold''', where do you click?
 
::A. Paragraph
 
::B. Numbered list
 
::C. Links
 
::D. None of the above
 
 
 
*To make a list with bullet points, you click on?
 
::A. Text style
 
::B. Can only do it in Wikitext
 
::C. Bullet list
 
::D. All of the above
 
 
 
*To remove bullet points from a list you just created, you click on?
 
::A. Bullet lists
 
::B. Numbered lists
 
::C. Can only do it in Wikitext
 
::D. None of the above.
 
</div> <div style="background-color:lightgray; width:100%; height:35px; padding-top:10px;"><div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px;">[[FamilySearch VisualEditor Tutorial Answers#VisualEditor toolbar (Part 1)|Check your answers ]] </div> </div> </div> <!--BOTTOM links to next chapter and previous chapter--------------------------->  
 
{| style="width:100%;"
 
|-
 
| <div style="font-size:14pt; font-family:arial;">[[Help:Wiki University VisualEditor--Change to Wikitext|&lt;&lt; Previous Chapter]] </div>  
 
| <div style="font-size:14pt; font-family:arial; text-align:right;"></div>
 
|}
 
 
 
<br>  
 
 
</div>
 
</div>
__NOTOC__
+
__NOTOC__
[[Category:Wikitext Lessons]]
+
[[Category:Wiki Lessons]]

Latest revision as of 17:52, 18 November 2020

Visual Editor toolbar[edit | edit source]

UndoVE.jpg
RedoVE.jpg
Paragraph
A
Link.png
Cite
Insert
Ω
?
VE Switch icon.png
Save changes...


Save changes[edit | edit source]

Save changes...
Save changes
VE Save Changes.PNG
  • When you click "Save changes..." on the Visual Editor tool bar, the panel to the right appears.
  • Enter a short descriptive summary of your changes into the "Summary" box.
  • To review your changes, click on the Review your changes button on the bottom left corner of the panel.
  • To save your page, click on the Save changes button on the top right corner of the panel.
  • To cancel out of a page without saving, click the "X" on the top left corner of the page.
  • To exit a page without saving, click the Read button on the Page toolbar.

Try these out[edit | edit source]

Tests.gif
Quick Quiz
  • You are encouraged to put a brief statement describing your changes to an article in the Summary box.
A. True
B. False