Html block
-
Upload
pau-fong-yong -
Category
Education
-
view
157 -
download
0
Transcript of Html block
![Page 1: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/1.jpg)
Html blockHtml block
A HTML block is a standard block used to add text or images on a site or course page. The title bar can be left blank.
![Page 2: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/2.jpg)
It has the standard Moodle HTML editor for formatting text, adding images or creating links, switching to code view and allows any valid HTML markup to be used. This enables embedding video, sounds, Flash, and other files which can add unique elements to a course or site page.
![Page 3: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/3.jpg)
1. Log in as a teacher in your class ,then turn editing on. 2. The blocks is in the right bottom .3. Click the small triangle in the right of the word add to pull down the menu. 4. Select HTML.
![Page 4: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/4.jpg)
![Page 5: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/5.jpg)
A new HTML block appear in the right.
![Page 6: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/6.jpg)
Click the configuration to add content to the HTML block.
![Page 7: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/7.jpg)
The HTML block editing page.
![Page 8: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/8.jpg)
Click <>.
![Page 9: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/9.jpg)
After clicking < >,we are ready to paste the html code .
![Page 10: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/10.jpg)
Search WidgetSearch Widget
1.Seach in google, type widget for web page.2.Go to http://www.google.com/ig/directory?synd=open3. Go to http://www.widgetbox.com/home/guest/
![Page 11: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/11.jpg)
![Page 12: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/12.jpg)
Go to the widgetbox.
![Page 13: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/13.jpg)
Click Gallery.
![Page 14: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/14.jpg)
The gallery page.
![Page 15: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/15.jpg)
Click education.
![Page 16: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/16.jpg)
The education page.
![Page 17: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/17.jpg)
Select the widget.
![Page 18: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/18.jpg)
The widget selected. Click Get Widget
![Page 19: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/19.jpg)
Click copy.
![Page 20: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/20.jpg)
Return to the moodle site ,to paste the code.Right click, select paste.
![Page 21: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/21.jpg)
The html code is pasted.
![Page 22: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/22.jpg)
Remember to click save change.
![Page 23: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/23.jpg)
The widget appear in the HTML block.
![Page 24: Html block](https://reader034.fdocuments.in/reader034/viewer/2022052508/55a0efbc1a28ab5c6a8b46ad/html5/thumbnails/24.jpg)
Thank you.Thank you.
Prepared by: Yong Pau Fong