HTML block: Moodle 3.4 Moodle English (auto-generated) Greek

HTML block: Moodle 3.4YouTube↗ IA↗(long shot)
Education 4.6K views 4 likes 0 dislikes 07 Jan 2018 Show Contributors 3

Moodle 74.4K subscribers N/A YouTube↗

Contributed subtitles

Spanish Alejandro Vásquez

French Centre e-learning HES-SO Cyberlearn

Greek Vasilis Palilis

Click to Play Video

HTML block an HTML block is a customizable block allowing you to add

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

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

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

course you don't need to understand HTML code to use it you can add more than one

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

block as you see here where we have for

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

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 novel we choose the block we want HTML

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

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

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

need to configure the new HTML block by clicking the gear icon we give it a

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

title I'm going to call it module and

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

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 if you are using a

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

different editor such as tiny MCE you

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

won't be able to drag and drop your

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

image in 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 a 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 how about

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

learn French as this is Sam's course our

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

teacher 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 we then need to go to the

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

settings of our own Twitter account and

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

then choose widgets and then create new and

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

we type in the hashtag we want with any customizations and then click create

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

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

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

editor it doesn't matter if we don't

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

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 a Twitter block with the tweets from the hashtag

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

Similar videos:

10. HTML block in Moodle 3.3
Moodle
4.8K views 5 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

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

3.7 HTML block
Moodle
5.9K views 4 likes 1 dislikes 10 Jun 201969% 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 202060% match

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

Learn Moodle 2015: HTML block
Moodle
9K views 8 likes 0 dislikes 11 Jan 201534% match

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

Learn Moodle 2015: HTML Blocks (Moodle 2.9)
Moodle
2.5K views 3 likes 1 dislikes 16 Sep 201534% match

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

HTML block
Moodle
2.8K views 8 likes 1 dislikes 01 Sep 201331% match

18 Adding images 3.1
Moodle
2.3K views 3 likes 0 dislikes 07 Aug 201631% match

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

14. Adding images in Moodle 3.3
Moodle
3.4K views 3 likes 0 dislikes 19 Jun 201730% match

Learn Moodle 2015: Adding Images (Moodle 2.9)
Moodle
2.4K views 0 likes 0 dislikes 16 Sep 201530% match

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

36 Adding images
Moodle
2.2K views 2 likes 0 dislikes 07 Jan 201930% match

Adding images: Learn Moodle 3.2
Moodle
2.8K views 2 likes 0 dislikes 01 Jan 201729% match

Learn Moodle 2015: Adding Images
Moodle
7.1K views 5 likes 2 dislikes 11 Jan 201529% match

Uploading Files: Learn Moodle 3.2
Moodle
4.7K views 1 likes 0 dislikes 01 Jan 201729% 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

Adding images
Moodle
2.8K views 4 likes 0 dislikes 01 Sep 201328% match

Learn Moodle 2015: Blocks for Events
Moodle
4.9K views 4 likes 0 dislikes 11 Jan 201528% match

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

19. Sound and video label in Moodle 3.3
Moodle
3.4K views 5 likes 0 dislikes 19 Jun 201728% match

12 Blocks for events 3.1
Moodle
2.6K views 4 likes 0 dislikes 07 Aug 201628% match

Learn Moodle 2015: Uploading Files (Moodle 2.9)
Moodle
4K views 0 likes 0 dislikes 16 Sep 201528% match

Settings Privacy About Contact Donate