10. HTML block in Moodle 3.3 Moodle English Greek

10. HTML block in Moodle 3.3YouTube↗ IA↗(long shot)
Education 4.8K views 5 likes 0 dislikes 19 Jun 2017 Show Contributors 2

Moodle 74.4K subscribers N/A YouTube↗

Contributed subtitles

French Centre e-learning HES-SO Cyberlearn

Greek Vasilis Palilis

Click to Play Video

Μπλοκ HTML

A HTML block is a customisable block allowing you to add

Ένα μπλοκ HTML είναι ένα πολύ ευέλικτο μπλοκ που σας επιτρέπει να προσθέσετε

images, text, links or even embedded code or widgets two blocks at the side of your

υπερσυνδέσμους, εικόνες, κείμενο ή ακόμη και ενσωματωμένο κώδικα ή widgets στα blocks στα

πλαϊνά του μαθήματος.

You don't need to understand HTML code to use it.

Δεν απαιτείται γνώση του HTML κώδικα για να το χρησιμοποιήσετε.

You can add more than one block as you see here where we

Μπορείτε να προσθέσετε περισσότερα από ένα HTML μπλοκ όπως μπορείτε να δείτε εδώ

have for instance an image of the Arc de Triomphe in Paris which links to a

όπου έχουμε για παράδειγμα μια εικόνα της Αψίδας του Θριάμβου, που συνδέει με την

website of Paris tourism and we have tweets from a twitter hashtag.

ιστοσελίδα τουρισμού του Παρισιού, και έχουμε tweets από ένα twitter hashtag.

To add a block we go to the gear menu top right and turn on the editing

Για να προσθέσουμε ένα μπλοκ πηγαίνουμε στα εργαλεία πάνω δεξιά και ενεργοποιούμε την

and then from the Add block link in the nav drawer, we choose the block we want - HTML

επεξεργασία και από τον σύνδεσμο προσθήκη μπλοκ στην περιοχή πλοήγησης μπορούμε να επιλέξουμε το

HTML block που θέλουμε.

Let's add an image and link to that image so when the block is added

Ας προσθέσουμε μια εικόνα και σύνδεσμο στην εικόνα. Όταν προστίθεται το μπλοκ

we need to configure the new HTML block by clicking the gear icon.

πρέπει να ρυθμιστεί κάνοντας κλικ στο εικονίδιο εργαλείων.

We give it a title - I'm going to call it Bonjour

Του δίνουμε έναν τίτλο - Θα το αποκαλέσω "Bonjour"

and then in the content we add the image we want.

και στη συνέχεια στο περιεχόμενο προσθέτουμε την εικόνα που θέλουμε.

I already have a Public domain image of the Arc de Triomphe on my

Έχω ήδη μια δημόσια εικόνα της Αψίδας του Θριάμβου στην

desktop so I'm simply going to drag it in.

επιφάνεια εργασίας του υπολογιστή μου υπολογιστή μου, και πρόκειται απλά να τη σύρω.

Note the text editor I'm using is Moodle's Atto editor.

Χρησιμοποιώ το πρόγραμμα επεξεργασίας κειμένου του Moodle τον ATTO editor.

If you are using a different editor such as Tiny MCE you

Αν χρησιμοποιείτε διαφορετικό editor όπως Tiny MCE

won't be able to drag and drop your image in.

δεν είστε σε θέση να κάνετε drag and drop την εικόνα σας.

You can change this from your User menu > Preferences.

Μπορείτε να το αλλάξετε αυτό από τις προστιμήσεις στο μενού χρήστη.

We could simply save it and display it now, but we're

Θα μπορούσαμε απλά να το αποθηκεύσουμε τώρα, αλλά

going to link this image to Paris tourism website.

θα συνδέσουμε αυτή την εικόνα με την ιστοσελίδα τουρισμού στο Παρίσι.

So if we select the image and then click the link icon we

Έτσι αν επιλέξουμε την εικόνα και κάνουμε κλικ το εικονίδιο της αλυσίδας ή σύνδεσης

can then paste in the URL of the Paris tourism website which we will have

μπορούμε να επικολλήσουμε τη διεύθυνση URL του τουριστικού website του Παρισιού την οποία έχουμε

already found and copied in another tab.

ήδη βρει και αντιγράψει σε άλλη καρτέλα.

When we save the changes we will see the images there and it's linked to the website.

Όταν αποθηκεύσουμε τις αλλαγές θα δούμε την εικόνα και τον σύνδεσμο.

And that is how you add HTML blocks - but optionally, if you would like

Έτσι μπορείτε να προσθέσετε HTML μπλοκ. Μπορείτε προαιρετικά - αν θέλετε

to try something more challenging - you don't have to - but let's try adding

να δοκιμάσετε κάτι πιο δύσκολο - δεν είναι υποχρεωτικό αλλά ας προσπαθήσουμε την

tweets from a Twitter hashtag.

προσθήκη tweets από ένα Twitter hashtag,

How about #learnfrench as this is Sam's course, our

Τι λέτε για το #learnfrench στο μάθημα της Sam,

της εκπαιδεύτριας μας;

For this we need to expand the editor and click on the HTML code link

Για αυτό επεκτείνω το πρόγραμμα επεξεργασίαςκαι κάνω κλικ στον HTML code,

because we're going to embed some code from Twitter.

επειδή θα ενσωματώσω ένα τμήμα κώδικα από το Twitter.

We then need to go to the settings of our own Twitter account and

Χρειάζεται να πάμε στις ρυθμίσεις του λογαριασμού μας στο Twitter

then choose widgets and then create new and search.

να επιλέξουμε Widgets και μετά Create new and Search.

We type in the hashtag we want with any customisations and then click

Πληκτρολογούμε το hashtag που θέλουμε με τις όποιες προσαρμογές και κάνουμε κλικ

create widget this then produces some code we can copy and paste back in the

Create widget που παράγει κώδικα που μπορούμε να αντιγράψουμε και επικολλήσουμε

στον επεξεργαστή Atto.

It doesn't matter if we don't know what it actually means we go back to our

Δεν έχει σημασία αν δεν ξέρουμε τι σημαίνει αυτό στην πραγματικότητα. Επιστρέφουμε στον

editor paste in the code save and there we have along with our image HTML block

editor, επικολλάμε τον κώδικα αποθηκεύουμε και εδώ έχουμε μαζί με το μπλοκ της εικόνας

a Twitter block with the tweets from the hashtag.

και το Twitter block με τα tweets από το hashtag.

Similar videos:

01. Finding way around Moodle 3.3
Moodle
25.6K views 29 likes 2 dislikes 19 Jun 2017100% match

HTML block: Moodle 3.4
Moodle
4.6K views 4 likes 0 dislikes 07 Jan 2018100% match

The HTML block Moodle 3.5
Moodle
2.4K views 3 likes 0 dislikes 17 Jun 2018100% match

27. Quiz: automatic grading in Moodle 3.3
Moodle
6.8K views 12 likes 2 dislikes 19 Jun 2017100% match

09. What are blocks in Moodle 3.3
Moodle
4.9K views 2 likes 0 dislikes 19 Jun 2017100% match

12. Uploading files in Moodle 3.3
Moodle
5.1K views 2 likes 0 dislikes 19 Jun 2017100% match

The HTML block: Learn Moodle 3.2
Moodle
3.8K views 5 likes 0 dislikes 01 Jan 201797% match

Moodle 3.3 Overview
Moodle
63.4K views 172 likes 11 dislikes 15 May 201786% match

3.7 HTML block
Moodle
5.9K views 4 likes 1 dislikes 10 Jun 201969% match

14 HTML block 3.1
Moodle
2.8K views 6 likes 1 dislikes 07 Aug 201667% match

36 HTML block
Moodle
4K views 3 likes 0 dislikes 07 Jan 201967% match

HTML block 38
Moodle
831 views 5 likes 0 dislikes 14 Jan 202067% match

02. Dashboard in Moodle 3.3
Moodle
12.3K views 7 likes 0 dislikes 19 Jun 201756% match

What is a course? Learn Moodle 3.2
Moodle
20.5K views 24 likes 0 dislikes 01 Jan 201742% match

How to lay out a course: Learn Moodle 3.2
Moodle
17.3K views 19 likes 2 dislikes 01 Jan 201739% match

Finding your way around Moodle 3.2
Moodle
22.3K views 29 likes 2 dislikes 01 Jan 201735% match

13 HTML blocks 3.0
Moodle
4.3K views 9 likes 1 dislikes 17 Jan 201634% match

17 Adding images 3.0
Moodle
3.2K views 1 likes 0 dislikes 17 Jan 201631% match

Adding images: Moodle 3.4
Moodle
3.3K views 3 likes 0 dislikes 07 Jan 201830% match

Adding images Moodle 3.5
Moodle
2.2K views 5 likes 0 dislikes 17 Jun 201829% match

Moodle 2.9 Release Highlights: Overview
Moodle
26.3K views 30 likes 3 dislikes 10 May 201529% match

3.7 Adding images
Moodle
7K views 3 likes 0 dislikes 10 Jun 201929% match

Adding images 38
Moodle
962 views 2 likes 0 dislikes 14 Jan 202029% match

Learn Moodle 2015: Uploading Files
Moodle
17.7K views 19 likes 3 dislikes 11 Jan 201528% match

3.7 Uploading files
Moodle
7.3K views 4 likes 0 dislikes 10 Jun 201928% match

11 Blocks for events 3.0
Moodle
3.4K views 2 likes 1 dislikes 17 Jan 201628% match

Uploading files into Moodle 3.5
Moodle
6.3K views 11 likes 0 dislikes 17 Jun 201828% match

Uploading files: Moodle 3.4
Moodle
5.8K views 6 likes 0 dislikes 07 Jan 201828% match

36 Uploading files
Moodle
5.2K views 7 likes 0 dislikes 07 Jan 201928% match

Moodle 3.2 Overview
Moodle
32.6K views 113 likes 6 dislikes 05 Dec 201628% match

Settings Privacy About Contact Donate