ΠΑΡΑΠΟΜΠΗ  ΣΕ ΠΑΡΑΓΡΑΦΟ ΑΛΛΗΣ ΑΝΑΡΤΗΣΗΣ

ΠΩΣ ΓΙΝΕΤΑΙ ΠΑΡΑΠΟΜΠΗ ΑΠΟ ΜΙΑ ΝΕΑ ΑΝΑΡΤΗΣΗ ΣΕ ΜΕΡΟΣ ΜΙΑΣ ΑΛΛΗΣ 

Θα μάθουμε πως μπορούμε μέσα  από την παρούσα ανάρτηση να παρουσιάσουμε ένα μέρος μιας άλλης ανάρτησης στο ίδιο Blogg. http://011theodoros.blogspot.com/2021/06/2-011theodoros-011theodoros-4-8-2012-16.html http://011theodoros.blogspot.com/2021/06/2-011theodoros-011theodoros-4-8-2012-16.html

ΕΔΏ

EΣΩΤΕΡΙΚΕΣ ΗΛΕΚΤΡΟΝΙΚΕΣ ΔΙΕΥΘΥΝΣΕΙΣ

Πως βρίσκουμε μέσα σε ένα blogger την ηλεκτρονική διεύθυνση μιας ανάρτησης 

1) Ανοίγουμε την αρχική σελίδα του blogger  011THΕODOROS 

2) Μεταβαίνουμε σε μια ανάρτηση π.χ "Ελαιοκομική περίοδος 2020-2021" στη γραμμή αναζήτησης των ηλεκτρονικών διευθύνσεων, βλέπουμε την διεύθυνση  http://011theodoros.blogspot.com/2021/06/2020-2021-2020-2021.html

3) Η εσωτερική ηλεκτρονική διεύθυνση της ανάρτησης είναι η

http://2021/06/2020-2021-2020-2021.html , προκύπτει εύκολα από την πάνω διεύθυνση αφαιρώντας από την διεύθυνση του Blogg    το  011theodoros.blogspot.com.  

Με εισαγωγή του συνδέσμου αυτού μεταβαίνουμε στην ανάρτηση                          Ελαιοκομική περίοδος 2020-2021

 

EΣΩΤΕΡΙΚΟΙ ΣΥΝΔΕΣΜΟΙ-ΔΕΣΜΟΙ

Θα παραθέσω τον κώδικα διασύνδεσης δύο αναρτήσεων μεταξύ τους, οπότε είτε γράφoυμε τον κώδικα είτε με την "Εισαγωγή συνδέσμου" μεταβαίνουμε σε άλλη ανάρτηση του Blogger

Παράδειγμα 1ο

<a href="/2021/06/2020-2021-2020-2021.html">Ελαιοκομική περίοδος 2020-2021</a>  

 Ελαιοκομική περίοδος 2020-2021 

Παράδειγμα 2ο 

<a href="/2021/06/blog-post_50.html">Μαθηματικό τεστ</a>

Μαθηματικό τεστ

Προβολή σύνταξης στην επιφάνεια εργασίας του χρήστη

  Η εντολή  <α></α> παραπομπής της HTML

Οι παράμετροι της  target= "_blank" ,"_self","_top","_parent"

<a href="https://www.sport24.gr/" style="text-align: left;">αθλητικά απο το sport24</a>      αθλητικά απο το sport24 

αθλητικά απο το sport24    blank

αθλητικά απο το sport24    flas

αθλητικά απο το sport24   top

αθλητικά απο το sport24   parent

<a href="https://www.sport24.gr/"><span style="color: #2b00fe;" target="_blank">αθλητικά απο το sport24; blank</span></a>

<a href="https://www.sport24.gr/"><span style="color: #2b00fe;" target="_flas">αθλητικά απο το sport24; flas</span></a>

<a href="https://www.sport24.gr/"><span style="color: #2b00fe;" target="_top">αθλητικά απο το sport24; top</span></a>

<a href="https://www.sport24.gr/"><span style="color: #2b00fe;" target="_parent">αθλητικά απο το sport24; parent</span></a>

Δοκιμάστε τις παραπομπές για να καταλάβετε την εντολή target 

 

ΠΡΟΒΛΗΜΑΤΑ ΜΕ  ΤΟ BLOGGER 011THEODOROS 

 Δημιούργησα το ιστολόγιο με το όνομα 011THEODOROS. 

Την 4-8-2012 έγινε η πρώτη ανάρτηση και η τελευταία την 16-2-2017, μετά από αρκετό χρονικό διάστημα την 7-6-2021 ασχολήθηκα ξανά με το ιστολόγιο.

 Διαπίστωσα ότι  μετά από τόσα χρόνια μη ενασχόλησης μου με το ιστολόγιο  προέκυψαν  προβλήματα τα οποία οφειλόταν είτε στον εκσυχρονισμό των ιστολογίων, είτε στις αλλαγές ή διαγραφές  που υπήρξαν σε διάφορες ιστοσελίδες στις οποίες είχαν γίνει παραπομπές. 

 Ένα  βασικό πρόβλημα που συνάντησα ήταν ότι ορισμένοι σύνδεσμοι δεν λειτουργούν πλέον, με αποτέλεσμα να μην λειτουργεί πλέον η ανάρτηση. 

 Στις αναρτήσεις μαθηματικών με χρήση το GEOGEBRA παρατήρησα ότι κατασκεύασα πολλές διαδραστικές ασκήσεις με πολλά θέματα συγχρόνως, δεν ακολούθησα το απλό αλλά το σύνθετο και πολύπλοκο, γεγονός το οποίο δεν είναι ενδεδειγμένο στη μάθηση.

 Συνάντησα κάποια μικρά λάθη τεχνικά στο GEOGEBRA.

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

Στην προσπάθεια μου να δημιουργηθούν αντίγραφα ασφαλείας των αναρτήσεων του βασικού ιστολογίου 011ΤΗEODOROS κατάλαβα ότι  τις αναρτήσεις μπορούμε να τις καταχωρίσουμε και σε 2ο ιστολόγιο . Τα δύο ιστολόγια συνδέονται άμεσα μεταξύ τους, μία αναγκαιότητα την οποία ο αρχικός κατασκευαστής ιστοσελίδων είχε προνοήσει. 

 

ΠΩΣ  ΔΗΜΙΟΥΡΓΩ 2ο  ΙΣΤΟΛΟΓΙΟ

 1) Μεταβαίνουμε στην αρχική σελίδα του blogger Ο11THEODOROS

 2) Στη ένδειξη Νεα Ανάρτηση ή πάνω αριστερά στο Β (Blogger) κάνουμε κλικ και ανοίγει η καρτέλα  εργασιών του χρήστη ,δίπλα στο τίτλο του ιστολογίου στη περίπτωση μας το  Ο11ΤΗEODOROS υπάρχει  ένα βέλος.

3) Με κλικ στο βέλος βγαίνει μια ένδειξη με Τα ιστολόγια σας, και ο κατάλογος των ιστολογίων τα οποία έχουμε καταχωρήσει και η τελευταία η ένδειξη νεο ιστολόγιο..... 

4)  Αν επιθυμούμε την καταχώρηση νέου ιστολογίου κάνουμε κλίκ πάνω στην ένδειξη αυτή, ανοίγει ένα παράθυρο το οποίο ζητάει το τίτλο του νέου ιστολογίου .

5) Καταχωρούμαι το τίτλο του νέου ιστολογίου.

6) Με κλίκ στη ένδειξη  επόμενο, ανοίγει νέο παράθυρο το οποίο μας ζητάει την ένδειξη "Επιλέξτε URL για το ιστολόγιό σας ". 

7) Ελέγχουμε άν έγινε καταχώρηση του νέου ιστολογίου. Θέλει μεγάλη προσοχή να ελέγχουμε κάθε φορά σε κάθε ανάρτηση σε ποιο ιστολόγιο εργαζόμαστε.

 Το 2ο ιστολόγιο 

Η παράγραφος αυτή αφορά περισσότερο τον χρήστη παρά τους αναγνώστες

Μετά απο την προσπάθεια δημιουργίας 2ου ιστολογίου έγιναν ορισμένα λαθάκια ,το ένα διορθώθηκε με την διαγραφή ενός ιστολογίου.

Το 1ο ιστολόγιο  έχει όνομα 011THEODOROS και ηλεκτρονική διεύθυνση 011theodoros.blogspot.com. Διεύθυνση

Το 2ο ιστολόγιο έχει ονομα Ο12THEODOROS με Ο (Με ομικρον και όχι με μηδέν) και ηλεκτρονική διεύθυνση https://o11theodoros.blogspot.com. Διεύθυνση 

Δηλαδή η μια διεύθυνση διαφέρει απο την άλλη  στο πρωτο ψηφίο, στο 1ο ιστολόγιο το πρώτο ψηφίο είναι 0  μηδέν, ενώ στο δεύτερο είναι ο ομικρον.

 

" data-original-width="180" src="https://1.bp.blogspot.com/-C13rAYotKbc/YMcPl2szN4I/AAAAAAAAIzM/RlfUaAd-LZ0aqw22rQ3goW2561mzSfiKgCLcBGAsYHQ/s200/298349_123019947796030_1136870_n.jpg" width="200" />

   ΠΡΟΧΕΙΡΗ ΣΕΛΙΔΑ

Σύνδεσμοι στην HTML

Σύνδεσμους (links) θα βρούμε σχεδόν σε όλες τις ιστοσελίδες. Αυτοί βοηθούν τους χρήστες να έχουν εύκολη περιήγηση από ιστοσελίδα σε ιστοσελίδα. Οι σύνδεσμοι στην HTML έχουν τις ετικέτες <a> και </a>.

Οι σύνδεσμοι στην HTML είναι υπερσύνδεσμοι. Μπορούμε να κάνουμε “κλικ” σε ένα σύνδεσμο και να μεταφερθούμε σε ένα άλλο έγγραφο.

Σημαντικές ιδιότητες συνδέσμων

Ιδιότητα href

Η ετικέτα href είναι απαραίτητη για ένα σύνδεσμο γιατί σε αυτή ορίζουμε την διεύθυνση της ιστοσελίδας που θέλουμε να μεταφερθεί ο χρήστης, όταν πατήσει πάνω σε αυτόν.

Παράδειγμα

<a href="www.csc.com.gr"> Computer Science Center </a>

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

Στο παρακάτω παράδειγμα ορίζουμε μία εικόνα ως σύνδεσμο.

<a href="www.csc.com.gr">
  <img src="cscLogo" alt="Computer Science Center Logo"> 
</a>

Στην ιδιότητα href εκτός από μία εξωτερική ιστοσελίδα, μπορούμε να ορίσουμε ένα τοπικό σύνδεσμο (local link) που μας μεταφέρει σε ένα “συγγενικό” σύνδεσμο της ιστοσελίδας που ήδη χρησιμοποιεί ο χρήστης.

Παράδειγμα

<a href="csc_tutorials.asp"> Ιδιαίτερα Μαθήματα στο CSC </a>

Ιδιότητα target

Με τη ιδιότητα target ορίζουμε που να ανοίγει το έγγραφο του συνδέσμου, το πρόγραμμα περιήγησης. Η ιδιότητα target μπορεί να πάρει τις εξής τιμές:

• _blank (το έγγραφο ανοίγει σε καινούργια καρτέλα)
• _self (το έγγραφο ανοίγει μέσα στην ίδια καρτέλα)
• _parent (το έγγραφο ανοίγει στη γονική καρτέλα)
• _top (το έγγραφο ανοίγει σε ολόκληρο το σώμα του παραθύρου)

Παράδειγμα

<a href="www.csc.com.gr" target="_blank"> Computer Science Center </a>

Χρώματα συνδέσμων

Θα έχετε παρατηρήσει ότι όταν ο δείκτης του ποντικιού βρίσκεται πάνω από ένα σύνδεσμο, δύο πράγματα συμβαίνουν κανονικά. Ο δείκτης του ποντικιού αλλάζει σχήμα και γίνεται σαν μικρό χεράκι και αλλάζει και το χρώμα του συνδέσμου.

Από προεπιλογή οι σύνδεσμοι εμφανίζονται ως εξής:

• αυτοί που δεν έχουμε επισκεφτεί είναι υπογραμμισμένοι και μπλε
• αυτοί που έχουμε επισκεφτεί είναι υπογραμμισμένοι και μοβ
• αυτοί που είναι ενεργοί είναι υπογραμμισμένοι και κόκκινοι

Μπορούμε λοιπόν να ορίσουμε εμείς τα χρώματα που θέλουμε να έχουν οι σύνδεσμοι της ιστοσελίδας μας.

Υπάρχουν οι εξής ιδιότητες στη CSS για να ορίσουμε τα χρώματα:

• link (όταν δεν έχουμε επισκεφτεί ένα σύνδεσμο)
• visited (όταν έχουμε επισκεφτεί ένα σύνδεσμο)
• hover (όταν ο δείκτης του ποντικιού βρίσκεται πάνω από το σύνδεσμο)
• active (όταν ο σύνδεσμος είναι ενεργός)

Μπορούμε επίσης να χρησιμοποιήσουμε την ιδιότητα text-decoration για να ορίσουμε τη διακόσμηση του συνδέσμου, δηλαδή αν θα έχει υπογράμμιση ή όχι.

Παράδειγμα

<head>
  <style>
    a:link {
      color: green;
      text-decoration: none;
    }
    a:visited {
      color: pink;
      text-decoration: none;
    }
    a:hover {
      color: red;
      text-decoration: underline;
    }
    a:active {
      color: yellow;
      text-decoration: underline;
    }
  </style>
</head>

Σχετικά

Λίστες στην HTML (HTML Lists)8 Ιουλίου 2016σε "html programming"

Εικόνες στην HTML (HTML images)8 Ιουλίου 2016σε "html programming"

Javascript - Διαμόρφωση συμπεριφοράς στοιχείων HTML1 Ιουλίου 2016σε "html programming"

Κατηγορίεςhtml programming,ιδιαίτερα μαθήματαΕτικέτεςHTML,ιδιωτικά μαθήματα προγραμματισμού,μαθήματα HTML,μαθήματα πληροφορικής,μαθήματα προγραμματισμού,πληροφορική

Πλοήγηση άρθρων

Συνθήκες if / else if / else στην γλώσσα προγραμματισμού Java

Συνθήκη Switch (Condition Switch) στην γλώσσα προγραμματισμού Java

Γραφικές παραστάσεις συναρτήσεων a href="https://www.desmos.com/calculator"