19
STEP 1: 1. Log in your Frog 2. Click Quick Launch 3. Click Site

site PdP

Embed Size (px)

DESCRIPTION

cara membuat site PdP

Citation preview

Page 1: site PdP

STEP 1:

1. Log in your Frog2. Click Quick Launch3. Click Site

Page 2: site PdP

STEP 2:

1. Resource Manager pop-up will appear.2. Click My Site3. Click New Site

Page 3: site PdP

STEP 3:

1. Give your site a name2. Write description of your site3. Click Next

Page 4: site PdP

STEP 4:

1. Choose your site theme. Click any theme until blue line appear.2. Choose an icon. Click any icon until blue line appear.3. Click Next

Page 5: site PdP

STEP 5:

1. Click Create Site

# We can add Subject, Class , Keyword later

Page 6: site PdP

STEP 6:

1. This is how your site look like depends on the theme choosen2. Click Edit button

Page 7: site PdP

STEP 7:

1. Click Layout. Choose your boxes for the layout.2. Click Save Changes

Page 8: site PdP

STEP 8:

1. Double Click at New tab2. Change and type the text. For example : LEARNING OUTCOMES3. Click Save Changes

Page 9: site PdP

STEP 9:

1. Click Widgets2. Choose Ab widget for Text3. Click Ab widget > Drag > Drop the widget to the layout on your right screen. Make sure the blue box appear before you drop the widgets.

Page 10: site PdP

STEP 10:

1. Double click Sample text (Text Widget)2. Setting box for text will appear3. Type your text4. Change your text size, font, alignment5. Click Save Changes

Page 11: site PdP

STEP 11:

1. Close Edit button2. This his how your 1st page of your site appear.3. You can add New tab for any subtopics

Page 12: site PdP

STEP 12:

1. Click + (Plus) and - (minus) button to add New Tab2. Double Click New tab to change the text3. Click Layout to choose the layout5. Click Save Changes

Page 13: site PdP

STEP 13:

How to insert Media Widget

1. Double click to any tab2. Click Widgets3. Drag and drop Media widget

Page 14: site PdP

STEP 14:

1. Double click Media widget2. Setting box will appear.3. Three options to insert media : Upload, Import Resources or Pinpoint

Page 15: site PdP

STEP 15:

How to insert media from your computer

1. Click Upload button2. Click Choose Files button3. Select any pictures, video, animation from your hard disk4. Wait until green box appear. Its mean that Frog can accept the file format5. Click Done button at the bottom6. Click Save ChangesLihat seterusnya..

Page 16: site PdP

STEP 16:How to insert media using Import Resources1. Click Import Resources2. Resource manager pop up will appear3. Click My Documents4. Choose media (Picture, Video)5. Click Use

Page 17: site PdP

STEP 17:How to use Pin-Point to insert image/video1. Double click Media Widget. Click Pin-Point icon at media setting.2. Click Image or Video. Type any picture or video. Click Search or Enter3. Choose any image or video4. Click Use.5. Image or video will attach into your page.6. Click Save Changes.

Page 18: site PdP

STEP 18:

How to use Link to File widget1. Click Link to File widget. Drag and drop the widget2. Double click widget. Choose Upload/Import Resource or Pin-Point to upload resource. 3. Enter name of file: Examples: Activity sheet 14. Click Save Changes.5. Now user can download your file.

Page 19: site PdP

STEP 19:

How to use Embed Website Widget

1. Click, drag and drop Embed Website widget2. Double click to make sure setting panel for Embed website appear on the left site.3. Enter URL Address for website 4. Change height to 10005. Save changes6. Close setting pane