a small tutorial on : 1) managing photos 2) uploading photos 3) creating blog

29
A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Upload: julian-sharp

Post on 01-Jan-2016

218 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

A Small Tutorial on :

1) Managing Photos

2) Uploading Photos

3) Creating Blog

Page 2: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

1) Managing Photos

Page 3: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Picture Resizing and Renaming

Copy a maximum of 5 best pictures for an event into a

new folder.

Copy a maximum of 5 best pictures for an event into a

new folder.

The size of the picture will be displayed when you point your mouse on the picture or next to the picture itself. Here the

picture size is 2668 x 2000. The size is too large we will need to resize it to an approximate of 600 x 400 or lower.

The size of the picture will be displayed when you point your mouse on the picture or next to the picture itself. Here the

picture size is 2668 x 2000. The size is too large we will need to resize it to an approximate of 600 x 400 or lower.

Page 4: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Right click on any picture and open with -> Microsoft Picture Manager. This tool comes with Microsoft Office

2003 and above.

Right click on any picture and open with -> Microsoft Picture Manager. This tool comes with Microsoft Office

2003 and above.

Page 5: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Click here to see all the pictures in the folder.

Click here to see all the pictures in the folder.

Page 6: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Select all the pictures you see in the window, right click on anyone and select rename.

Select all the pictures you see in the window, right click on anyone and select rename.

Page 7: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

In this Box, write the name of the picture yyyymmdd_place_event_ (Hijri Date

should be used)

In this Box, write the name of the picture yyyymmdd_place_event_ (Hijri Date

should be used)

Change this value to 2. Make sure that all other settings are the same as shown here.

Change this value to 2. Make sure that all other settings are the same as shown here.

When you will press Ok you will see the names of all the pictures changed.

When you will press Ok you will see the names of all the pictures changed.

(1)

(2)

(3)

Page 8: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Click on Edit Pictures to resize the pictures to a smaller size. Make sure all the

pictures are selected.

Click on Edit Pictures to resize the pictures to a smaller size. Make sure all the

pictures are selected.

After you click on Edit Pictures, this menu will appear. Click on Resize.

After you click on Edit Pictures, this menu will appear. Click on Resize.

Page 9: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

The Original and New size of the picture is shown here.

The Original and New size of the picture is shown here.

Write the percentage amount, 15 or 20 etc to resize the image. The new size will be displayed below in real time. Therefore

choose the percentage accordingly.

Write the percentage amount, 15 or 20 etc to resize the image. The new size will be displayed below in real time. Therefore

choose the percentage accordingly.

Once you get the desired size (Maximum 600 x 400 through the percentage value click Ok. All the pictures will be resized.

Once you get the desired size (Maximum 600 x 400 through the percentage value click Ok. All the pictures will be resized.

Page 10: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

The “*” sign in the images show that changes have been made to the image.

The “*” sign in the images show that changes have been made to the image.

Close Microsoft Picture ManagerClose Microsoft Picture ManagerClick save when prompted

and you are done.Click save when prompted

and you are done.

(1)

(2)(3)

Page 11: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

All Images in the New Folder have been resized and renamed and ready for upload.

Page 12: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

2) Uploading Photos

Page 13: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

After You are logged on attalim.net, click on Gallery

in the main Menu.

After You are logged on attalim.net, click on Gallery

in the main Menu.

Uploading Pictures to the Website.Note: This must be done before writing a Blog Entry

Once on the Gallery page. You will see a link called User Panel.

Click on User Panel.

Once on the Gallery page. You will see a link called User Panel.

Click on User Panel.

Page 14: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

User Panel for GalleryUser can edit, upload and delete his/her file through this panel

Click on the New Picture Button to add new photos.Click on the New Picture Button to add new photos.

Page 15: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Picture Upload PageMax 5 Pictures can be uploaded in one time. Each Picture should be of a maximum 600 x 400

and named according to the following method: yyyymmdd_place_event_no (e.g. 14300509_mumbai_workshop_01.jpg) Dates used must be hijri

Write a Proper title relevant to the Pictures

Write a Proper title relevant to the Pictures Select (Jamiat)

relevant to the Pictures. It should be under your

(Moze name). If such a required category is not

there , write to [email protected]

Select (Jamiat) relevant to the Pictures. It

should be under your (Moze name). If such a

required category is not there , write to

[email protected]

Write a Proper description relevant to the

Pictures

Write a Proper description relevant to the

Pictures

Browse your Local Computer to upload

pictures

Browse your Local Computer to upload

pictures

(1)(2)

(3)

(4)

Page 16: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Browse your Local Computer to upload

pictures

Browse your Local Computer to upload

pictures

Double Click on the picture you want to upload.

Double Click on the picture you want to upload.

Page 17: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Click on upload to upload the pictures and wait……!

Note: If you are on a slow connection or dial-up upload 1 picture at a time.

Page 18: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Successful Upload !

Go to Gallery -> Browse to the category where you have uploaded the pictures.Go to Gallery -> Browse to the category where you have uploaded the pictures.

Page 19: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

You can see here the your best (5) uploaded pictures.

You can see here the your best (5) uploaded pictures.

Page 20: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

3) Creating a Blog

Page 21: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Right Click on My Blog Dashboard -> Open Link in New Tab

Right Click on My Blog Dashboard -> Open Link in New Tab

Writing a Blog Entry

Page 22: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Click on Write New Entry button, a window will open.

Click on Write New Entry button, a window will open.

Page 23: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Write a Proper Title for your Blog Entry.Note: Always write the name of your moze and Madrasa/School

in square brackets before the Title. E.g [Sharjah] or [Dubai] or [Indore ABN] or [Indore BDC]

Write a Proper Title for your Blog Entry.Note: Always write the name of your moze and Madrasa/School

in square brackets before the Title. E.g [Sharjah] or [Dubai] or [Indore ABN] or [Indore BDC]

It is always better to select the date on which the event occurred.

It is always better to select the date on which the event occurred.

Select the name of your Moze from the drop down menu. V. Imp

Select the name of your Moze from the drop down menu. V. Imp

Page 24: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Click on Tags to expand the Tags menu.Click on Tags to expand the Tags menu.

Select relevant tags by ticking the checkbox next to the tags. Once you are done click

Assign.

Select relevant tags by ticking the checkbox next to the tags. Once you are done click

Assign.

Page 25: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Selected Tags will appear here.Selected Tags will appear here.

Page 26: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Go to the Gallery Tab in your browser.Go to the Gallery Tab in your browser.

Select the pictures that you have uploaded and copy them using ctrl + c

Select the pictures that you have uploaded and copy them using ctrl + c

Page 27: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Go to the My Blog Dashboard Tab in the browser.Go to the My Blog Dashboard Tab in the browser.

Paste the pictures here using ctrl + v and properly format the post by dragging the pictures in order.

Write captions as required.

Paste the pictures here using ctrl + v and properly format the post by dragging the pictures in order.

Write captions as required.

Page 28: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

Write a very short description about the event.Write a very short description about the event.

Recheck the title. Note the name of Moze/Madrasa & Moze in the Square Bracket.

Recheck the title. Note the name of Moze/Madrasa & Moze in the Square Bracket.

Click Save or Save and Close if you are done.Click Save or Save and Close if you are done.

Page 29: A Small Tutorial on : 1) Managing Photos 2) Uploading Photos 3) Creating Blog

The article has been posted to the site and is pending moderation. Note the cross, it shows that the post is

not yet visible to the public and is pending moderation.

The article has been posted to the site and is pending moderation. Note the cross, it shows that the post is

not yet visible to the public and is pending moderation.

My Blog DashboardMoallimeen having “Author” rights can see, edit and delete their own posts

that are shown on the My Blog Dashboard.