Πώς να φτιάξετε έναν βασικό ιστότοπο χρησιμοποιώντας το Σημειωματάριο: 4 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:32

Έχει αναρωτηθεί κανείς

"πώς μπορώ να φτιάξω έναν ιστότοπο από ένα βασικό πρόγραμμα γραφής;"

Λοιπόν, προφανώς, όχι συγκεκριμένα…

Τέλος πάντων, εδώ θα σας δείξω πώς να φτιάξετε έναν ΒΑΣΙΚΟ ιστότοπο χρησιμοποιώντας μόνο σημειωματάριο.

Προμήθειες

Για αυτό το έργο θα χρειαστείτε:

-ένας μεγάλος εγκέφαλος

-μπλοκ ΣΗΜΕΙΩΣΕΩΝ

-ίσως ένα φύλλο εξαπάτησης εντολών HTML και CSS

-πολυ υπομονη

Βήμα 1: Η έναρξη

Άνοιγμα σημειωματάριου. Στην πραγματικότητα, ανοίξτε το δύο φορές. Θα κωδικοποιήσετε 2 αρχεία ταυτόχρονα.

Τώρα, αποθηκεύστε και τα δύο αρχεία. Το ένα θα είναι [όνομα αρχείου].html και το άλλο θα είναι [όνομα αρχείου].css

Βήμα 2: Ρύθμιση του αρχείου HTML

Στο αρχείο HTML, γράψτε στην πρώτη γραμμή "" παραλείψτε μια γραμμή

γραμμή 2 -

γραμμή 3 - [όνομα σελίδας]

γραμμή 4 -

γραμμή 5 -

παραλείψτε μια γραμμή

γραμμή 6 -

γραμμή 7 -

[αυτό που θέλετε στην πρώτη γραμμή. αυτό είναι κανονικό κείμενο.]

γραμμή 8 -

γραμμή 9 -

Τώρα, επεξεργαστείτε όπου τοποθετώ τα μηνύματα

ΕΠΕΞΗΓΗΣΗ - - -

δηλώνει την αρχή του κώδικα.

δηλώνει την αρχή της κεφαλίδας.

δηλώνει τι θα εμφανίζεται στο όνομα της καρτέλας

+άλλος κώδικας στο σύνδεσμο θα συνδέσει το φύλλο στυλ css με το html για στυλ.

τελειώνει τη δήλωση.

τελειώνει τη δήλωση κεφαλίδας

δηλώνει την αρχή του κύριου κειμένου / κώδικα

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

το μάντεψες. τελειώνει τις δηλώσεις σώματος

δηλώνει το τέλος του κώδικα.

Βήμα 3: Ρύθμιση του αρχείου CSS

στην πρώτη γραμμή του αρχείου CSS, βάλτε (@charset "utf-8";)

γραμμή 2 - σώμα

γραμμή 3 {φόντο: [τι θέλετε ως χρώμα φόντου]

γραμμή 4 -}

γραμμή 5 - η1 {

γραμμή 6 - font -family: bold

γραμμή 7 -}

Μπορείτε να προσθέσετε περισσότερες μεταβλητές και να αλλάξετε τις σημειώσεις μου μεταξύ

Βήμα 4: Λοιπόν, αυτό ήταν

Εάν θέλετε, θα μπορούσατε να χρησιμοποιήσετε έναν καλύτερο οδηγό όπως "Βασικά στοιχεία σχεδιασμού ιστοσελίδων" της vishalapr

www.instructables.com/Web-Designing-Basics…

Επίσης, προσέξτε ότι το σημειωματάριο δεν σας δείχνει πού πάει στραβά ο κωδικός σας.

Αυτός είναι ο λόγος για τον οποίο συνιστάται το λογισμικό κωδικοποίησης ιστότοπων.