How to use MediaWiki By Melissa Aaron Sources:

Slides:



Advertisements
Similar presentations
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Unit 3 Day 4 FOCS – Web Design. No Journal Entry.
 Use the Left and Right arrow keys or the Page Up and Page Down keys to move between the pages. You can also click on the pages to move forward.  To.
COE201 – Computer Proficiency Mr. Hamze Msheik
The many uses of an iPad Here are a couple tips to keep in mind: Keep it simple: A website is a place for the exchange of information. It does not need.
Macromedia Dreamweaver 4 Foundation Level Course.
There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.
ETT 429 Spring 2007 Web Design I.
Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
CMS Wiki Pages CMS Pages, the only approved and supported website service for CMS employees, has been failing and an alternative needed to be implemented.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
There are lots of wikis out there… But I like…. A how-to for the classroom.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
How to use in your classrooms? Presented by Steve Adler, Cheryl Butler, Allen Day, and Hyewon Lee 1.
Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
HTML: Hyptertext Markup Language Doman’s Sections.
Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
A Tutorial By Jennifer Wagner
The Basics of Microsoft Word Getting Started and Formatting your paper.
Wikispaces By Melissa Dominach, Jake Metzger, and Dan Kronenfeld.
Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
How to use MediaWiki By Melissa Aaron Sources:
Step One: Introduction. Welcome to Follow My Clients! Once you log in, on the home page is your dash board. Here you will find your quick access buttons.
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Introduction to Technology. Parts of MSWord Screen Title Bar Quick Access Toolbar Button Ribbon Status Bar (views and zoom)
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
Schoolwires – District 205 created by Andrew Chidester.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
Lesson 4 Basic Text Formatting. Objectives ● I ● In this tutorial we will: ● Introduce Wiki Syntax ● Learn how to Bold and Italicise text, and add Headings.
With Microsoft FrontPage 2000
Creating Tables in a Web Site Using an External Style Sheet
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Tutorial Tutorial Read all the directions before proceeding
Marking Up with XHTML Tags describe how a web page should look
Benchmark Series Microsoft Word 2016 Level 2
Welcome To Microsoft Word 2016
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

How to use MediaWiki By Melissa Aaron Sources:

What is wiki? A wiki is a type of website that allows users to easily add, remove, or otherwise edit and change some available content This ease of interaction and operation makes a wiki an effective tool for collaborate authoring The wiki records every edit made to a page This makes it easy to restore vandalized pages or fix an accidental deletion

How do I create an account? Creating an account is as simple as clicking the Log in / create account link in the top right corner If you don’t login then the wiki will use your IP address as your username Some wikis may make you an administrator to get an account

Navigation and Search Navigation  Main Page – displays the home page  Categories – lists all the categories that are within the wiki  Recent changes – lists recent changes to the wiki  Random page – directs the user to random page Search  For a quick search just type in your query and push Search  To go directly to a page type in the title and push Go

Tabs When you are logged in there are six different tabs on the top of your screen that basically tell you what you are doing Article – tells you that you are viewing an article  If you are on a special page it will say that here Discussion – this allows you to talk about the page with other users Edit – allows you to edit the page History – lists the page’s history; if you accidentally delete something, don’t worry, it’ll be in the history Move – moving a page is serious business; make sure you read the instructions before moving a page Watch – watching allows you to keep track of pages. Any page you put on your watchlist will appear in bold on when you view Recent changes

Top links My talk – this page allows other users to talk to you Preferences – allows you to change your preferences; take a few minutes and look through this My watchlist – lists all the pages you are watching My contributions – lists all the changes you have made to pages

Toolbox All of the options in the toolbox are self explainable The toolbox changes depending on what namespace you are in

Special pages Most are the links here are also self explainable This page is important because it provides the user with links that ease the editing process For example:  Unused files  File list  Dead-end pages  New pages  Wanted pages

How to upload a file (1 of 2) Under Destination filename you can rename the file When uploading files keep in mind that other people will be viewing them too, so it may be a good idea to give the files descriptive names Also, include a sentence or two in the Summary box so other users know what you have uploaded

How to upload a file (2 of 2) Uploadable extensions include: png, gif, jpg, jpeg, ogg, zip, tar, wmv, tiff and tif Every file you upload gets its own page To view uploaded files  Click Special pages in the toolbox  Choose File list There are two types of files, images and media. Media includes images, but images does not include media. Images include png, gif, jpg, and tif

Editing a page (1 of 15) You can end up at an editing page two ways  Clicking on the edit tab  Clicking on a link who’s page doesn’t exist yet A link who’s page doesn’t contain anything will be red; whereas links with content are blue When editing a page make sure to use the Show Preview button This way you don’t clutter the history page with a lot of minor edits

Editing a page (2 of 15) These buttons are at the top of the text box on the editing page They give you the code necessary to perform the action you want

Editing a page (3 of 15) Bold – put three apostrophes on either side of the text.  ‘’’ text ’’’ gives text Italic – put two apostrophes on either side of the text.  ’’ text ’’ gives text Bold and Italic – put five apostrophes on either side of the text.  ’’’’’ text ’’’’’ gives text

Editing a page (4 of 15) To make a new page or link to a page in the wiki use two brackets.  [[Page_name]] gives Page name If the page doesn’t exist it will automatically be made Use underscores (_) instead of spaces in page names Page names are case sensitive, so if you named a page “This Page” and you want to refer to it as “this page” you use a pipe ( | )  If you type: Check out [[This_Page|this page]] the text will show: Check out this page

Editing a page (5 of 15) External links only use one set of brackets. You need to include  [ gives [1] To include a name you just put a space between the address and the name  [ Google] gives Google

Editing a page (6 of 15) To make a section heading use two equal signs ( == )  ==Section== gives  The underline is automatic  To make a subsection just at an equal sign to either side of the text  A subsection will not be underlined, just bold Section headings are good to use because they organize your page Additionally they automatically make a table of contents at the top of the page

Editing a page (7 of 15) Since every upload gets it’s own page, inserting an image or media is like making an internal link; you can even use pipes The only difference is that you have to prefix the filename with “Image:” or “Media:”  [[Image:filename.ext]] or [[Media:filename.ext]]

Editing a page (8 of 15) When inserting images you have many options Pipes (“|”) separate all the parameters To put the image in a frame just type frame A image with a caption needs to be in a frame  [[Image:filename.ext | frame | caption text]] You can make the image an external link by adding the link as a parameter You can choose where you want the link to be located; just add right, left or center as a parameter To make an image a thumb nail use the word thumb To make the image a certain size just add the pixel size [[Image:file.ext | thumb | caption | 300px | right | [ Google] ]]

Editing a page (9 of 15) If you want the editor to ignore the wiki markup then use the nowiki tags ( )  ==Heading== gives ==Heading== On a talk page you should “sign” your comments  Three tildes (~~~) gives your user name  Four tildes (~~~~) gives your user name and date and time  Five tildes (~~~~~) give only the date and time You can make a horizontal line by typing ----

Editing a page (10 of 15) To make an unordered (bulleted) list just type an asterisk (*) before your text To go a level deeper add an asterisk (*) To stay at the same level but not show a bullet, type an asterisk and a colon (*:) before your text

Editing a page (11 of 15) To make an ordered (numbered) list type the pound sign (#) The same rules that apply to unordered lists apply to ordered lists To make a definition list type a semicolon (;) before the word you want to define and a colon (:) before the definition  ; Word : Definition : Another definition

Editing a page (12 of 15) It is possible to use bulleted, numbered and definition lists all at the same time

Editing a page (13 of 15) To start a new paragraph you have to insert an empty line (press enter twice) A colon (:) before text indents a paragraph Multiple colons (::) indent multiple times To redirect to another page type: #REDIRECT [[Pagename]]

Editing a page (14 of 15) You can make an anchor or link to a section heading on a page This is like making any other internal link except you put the pound sign (#) before the section name To link to a section on another page: [[Pagename#section name]] To link to a section on the same page: [[#section name]]

Editing a page (15 of 15) Making tables  Everything is surrounded by a bracket and pipe ( {| )  Set the border, cellspacing, cellpadding and alignment  A pipe ( | ) denotes a different column on a row  An exclamation mark ( ! ) does the same thing as a pipe but makes the text bold  A pipe followed by a dash ( |- ) creates a new row  {| border="1" cellspacing="0" cellpadding="5" align="center" ! This ! is |- | a | table |- |}

HTML that can be used to edit (1 of 4) To start a new line insert If you want to write a comment to other editors, but you do not want people who view the page to see the comment use  To center information use the center tags ( )  text placed here will appear in the center of the page If you want to block your text use the blockquote tags ( )  text in here will be indented from both sides

HTML that can be used to edit (2 of 4) If you use code tags ( </code) when you write code in a wiki the editor changes the font and puts a dotted line around it If for some reason the code tags don’t work try surrounding your text with pre tags Pre tags ( ) will ignore wiki markup and will not reformat the text

HTML that can be used to edit (3 of 4) Span tags ( ) are recognized by the editor Span has many attributes, two resourceful attributes are font-variant and style Surrounding you text in typewriter tags ( ) will make change the font of your text to that of a typewriter

HTML that can be used to edit (4 of 4) To make super or sub scripts use the and tags The strikeout tag puts a line thru text The underline tag will underline text

Templates (1 of 4) Templates are segments of Wiki markup that are meant to be copied automatically into a page You add them by putting the template's name in double braces ( {{ }} )  {{Template_name}} To edit the template just click on the link you made to it

Templates (2 of 4) Some templates take parameters, which you separate with the pipe character ( | ) This means that your template can have replaceable fields where you send in the word that you want to insert in the template The parameter names are surrounded by three braces ( {{{ }}} )

Templates (3 of 4) Lets say you made a template {{Biography}} that contained: {{{name}}} was born on {{{date}}} in {{{birthplace}}}. {{{name}}} likes to {{{hobbies}}} and is {{{job}}}. Now you call the template: {{Biography|name=Jason|date=Feb 21, 1985|birthplace=Philadelphia|hobbies=build stuff|job=a student}} When you save the page the text will show: Jason was born on Feb 21, 1985 in Philadelphia. Jason likes to build stuff and is a student.

Templates (4 of 4) Templates don’t have to have parameters You can just write the text you want and when you call the template the text will appear If you call a template that uses parameters but you don’t include the parameters then the text will show the parameter names If you called {{Biography}} the text will show: {{{name}}} was born on {{{date}}} in {{{birthplace}}}. {{{name}}} likes to {{{hobbies}}} and is {{{job}}}.

Namespaces (1 of 2) Namespaces can be viewed as folders which separate different basic types of information or functionality There are 18 namespaces: main (which has no prefix) media, special, and 15 others The namespace is the prefix of the page For example, whenever possible, you should categorize your pages  [[Category:Category_name]] Here Category is the namespace Each namespace (except for Special) has a corresponding talk page that can be found at namespace_talk (except for the main page where it is just Talk) Talk pages allow users to discuss the article or page or communicate amongst each other Namespaces allow to pages to have the same title but as long as they are in different namespaces they will not conflict with eachother

Namespaces (2 of 2) main - no prefix, or optionally a colon (this is needed when using the page as template) Media - or images and other files themselves, as opposed to the image description pages Special – for special pages, they have no wiki text and are created by the software on demand User – each user gets a page on the wiki, it is found at User: username Meta – this is for matters about the project, like guidelines or discussions Images – for images or other uploaded files, with image description pages MediaWiki – system messages Template – the default namespace for templates  When you write {{name}} it refers to the page Template:name Help - typically used for the MediaWiki User's Guide Category – each page represents a category of pages, with each category page displaying a list of pages in that category and optional additional text.

Keyboard shortcuts Mediawiki contains many keyboard shortcuts Some important ones are:  Alt – e (edit a page)  Alt – f (search)  Alt – h (show history)  Alt – j (shows what links to that page)  Alt – l (opens your watchlist)  Alt – o (log in or log out)  Alt – p (show preview)  Alt – u (upload file)  Alt – w (watch this page)  Alt – z (main page) For more go to s s