14 HTML block 3.1 Moodle English Greek

14 HTML block 3.1YouTube↗ IA↗(long shot)
Education 2.8K views 6 likes 1 dislikes 07 Aug 2016

Moodle 74.4K subscribers N/A YouTube↗

Click to Play Video

Μπλοκ HTML

An HTML block is a customisable block allowing you to add images text links or

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

even embedded code or widgets to blocks at the side of your course. You can add

ακόμη και ενσωματωμένο κώδικα ή widgets στα blocks στα πλαϊνά του μαθήματος. Μπορείτε να προσθέσετε

more than one block as you see here where we have for example an image of

περισσότερα από ένα HTML μπλοκ όπως μπορείτε να δείτε εδώ όπου έχουμε για παράδειγμα μια εικόνα της

the Arc de Triomphe which links to the website of Paris tourism;

Αψίδας του Θριάμβου, που σας συνδέει με τη ιστοσελίδα τουρισμού του Παρισιού,

we have a support email link,

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

and we have the twitter timeline of the official Tour de France twitter account

και έχουμε το Twitter χρονοδιάγραμμα του επίσημου λογαριασμού Twitter του Tour de France.

Για να προσθέσουμε αυτό

block we turn the editing on either by clicking the button top right or in the

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

administration block clicking the link Turn editing on,

μπλοκ Διαχείρισης κάνοντας κλικ στο σύνδεσμο «Ενεργοποίηση επεξεργασίας»,

and then from the block drop-down we choose HTML block.

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

Let's add an image and link to that image.

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

When the block is added we need to configure the new HTML block

Όταν προστίθεται το μπλοκ πρέπει να ρυθμιστεί

and so we give it a title. I'm going to call it Paris, and then in the content we

και έτσι του δίνουμε έναν τίτλο. Θα το αποκαλέσω Παρίσι, και στη συνέχεια στο περιεχόμενο

add the image we want.

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

I already have a public domain image of the Arc de Triomphe and i'm simply going

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

to drag it in from my desktop.

θα τη μεταφέρω από τον υπολογιστή μου.

Not the text editor I'm using is Moodle's

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

Atto editor. If you're using a different editor such as Tiny MCE you won't be able

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

to drag and drop your image in. You can check this from your user menu.

να κάνετε drag and drop την εικόνα σας. Μπορείτε να ελέγξτε αυτό από το μενού χρήστη.

We could simply save it now but we're going to link this image to a Paris

Θα μπορούσαμε απλά να το αποθηκεύσουμε τώρα, αλλά θα συνδέσουμε αυτή την εικόνα με την ιστοσελίδα

tourism website so if we go up to the browser address bar

τουρισμού στο Παρίσι, πάμε στη γραμμή διεύθυνσης του προγράμματος περιήγησης

where we have the Paris tourism website in another tab, we can select and copy the

όπου έχουμε την τουριστική ιστοσελίδα του Παρισιού σε άλλη καρτέλα, επιλέγουμε και αντιγράφουμε το

URL and then go back to our image -

URL και στη συνέχεια επιστρέφουμε στην εικόνα μας -

click and select it -

κάντε κλικ και επιλέξτε την -

and then click the chain or link icon to paste in the URL.

και, στη συνέχεια, κάνουμε κλικ στο εικονίδιο της αλυσίδας ή σύνδεσης και επικολλάμε τη διεύθυνση URL.

I'm going to select to open in a new window or tab.

Επιλέγω να ανοίξει σε ένα νέο παράθυρο ή καρτέλα.

We can then if we want to decide where the block appears, whether to make it

Μπορούμε στη συνέχεια, αν θέλουμε, να αποφασίσουμε πού το θα εμφανίζεται μπλοκ, ή για να το κάνουμε

visible on this page and when we save the changes will have the image linked to

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

a website in a side block.

μια ιστοσελίδα στο πλαϊνό μπλοκ.

And that is how you add HTML blocks.

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

But OPTIONALLY if you would like to try something more challenging - you don't

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

το κάνετε -

but let's try adding the Tour de France Twitter account timeline, so I'm going to add the title and for this we need to expand the editor and click on the HTML

αλλά ας προσπαθήσουμε την προσθήκη χρονοδιαγράμματος στο Twitter του λογαριασμού Tour de France, έτσι 0:02:45.180,0:02:51.090 προσθέτω τον τίτλο επεκτείνω το πρόγραμμα επεξεργασίας και κάνω κλικ στον HTML

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

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

So again we go up to the browser address bar and go to the Tour de France official

Έτσι και πάλι ανεβαίνουμε στη διεύθυνση του προγράμματος περιήγησης και πάμε στην επίσημο λογαριασμό Twitter του

Twitter account -

Tour de France -

we need to be logged into Twitter to be able to see the configure icon -

πρέπει να είμαστε συνδεδεμένοι στο Twitter για να μπορούμε να δούμε το εικονίδιο Διαμόρφωσης -

and one of the options you'll see there says Embed this profile.

και μία από τις επιλογές που θα δούμε εκεί λέει «Ενσωματώστε αυτό το προφίλ».

When we click it we can choose Embedded timeline and we simply copy this code

Όταν κάνουμε κλικ μπορούμε να επιλέξουμε Embedded χρονοδιάγραμμα απλά, να αντιγράψουμε τον κώδικα

and then return to our HTML block

και στη συνέχεια επιστρέφουμε στο μπλοκ HTML

and paste the code in.

και επικολλάμε τον κώδικα.

It doesn't matter if we don't know what it actually means.

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

We click the code icon again and we'll see that there is text there but when we save

Κάνουμε ξανά κλικ στο εικονίδιο του κώδικα και θα δούμε ότι δεν υπάρχει κείμενο εκεί, αλλά όταν σώσουμε

the changes and go back to our course page we see that the Tour de France

τις αλλαγές και να επιστρέψουμε στην σελίδα του μαθήματος βλέπουμε ότι το χρονοδιάγραμμα Tour de France

account Twitter timeline has embedded, and we can also see our image with a

- λογαριασμός Twitter- έχει ενσωματωθεί, και μπορούμε επίσης να δούμε την εικόνα με

link to the Paris tourism website.

τη σύνδεση προς την ιστοσελίδα τουρισμού του Παρισιού.

Similar videos:

10. HTML block in Moodle 3.3
Moodle
4.8K views 5 likes 0 dislikes 19 Jun 201756% match

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

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

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

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

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

HTML block 38
Moodle
831 views 5 likes 0 dislikes 14 Jan 202043% 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

Label: sound and video: Learn Moodle 3.2
Moodle
3.5K views 3 likes 0 dislikes 01 Jan 201732% match

Learn Moodle 2015: What are the edit icons? (Moodle 2.9)
Moodle
3.9K views 3 likes 0 dislikes 16 Sep 201531% match

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

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

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

Learn Moodle 2015: Understanding Editing Icons
Moodle
9.3K views 4 likes 0 dislikes 11 Jan 201531% match

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

06 Editing icons 3.0
Moodle
5.6K views 4 likes 0 dislikes 17 Jan 201631% match

3.7 Label
Moodle
11.2K views 8 likes 0 dislikes 10 Jun 201931% match

16 Uploading files 3.1
Moodle
3.9K views 2 likes 0 dislikes 07 Aug 201630% match

Moodle edit icons
Moodle
4.8K views 6 likes 0 dislikes 01 Sep 201330% match

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

07 Edit icons 3.1
Moodle
3.8K views 3 likes 0 dislikes 08 Jul 201630% match

01 Finding your way around 3.1
Moodle
24.5K views 22 likes 0 dislikes 07 Aug 201630% match

36 Label
Moodle
5.3K views 4 likes 0 dislikes 07 Jan 201930% match

Learn Moodle 2015: Finding your way around (Moodle 2.9)
Moodle
12.5K views 8 likes 0 dislikes 16 Sep 201530% match

01 Finding my way around 3.0
Moodle
19.1K views 17 likes 0 dislikes 17 Jan 201630% match

Sound and video: Moodle 3.4
Moodle
4.3K views 4 likes 0 dislikes 07 Jan 201830% match

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

Learn Moodle 2015: Display Youtube Videos & Media
Moodle
12.5K views 12 likes 1 dislikes 11 Jan 201530% match

Sound and Video (Label) in Moodle 3.5
Moodle
3.5K views 4 likes 0 dislikes 17 Jun 201830% match

Settings Privacy About Contact Donate