Anastasis 48 Report post Posted November 10, 2016 Το template αυτό μπορείτε να το κατεβάσετε έτοιμο ή αν θέλετε να το δημιουργήσετε μόνοι σας μέσα από το βοήθημα που βρίσκεται στην παραπάνω σελίδα.Τι θα χρειαστούμε: Το Notepad των Windows Έναν οποιονδήποτε Web Browser (εκτός του ΙΕ 6 ) Τα αρχεία των εικόνων που θα χρησιμοποιηθούν μπορείτε να τα κατεβάσετε από ΕΔΩ Η κατασκευή αυτή έχει καθαρά εκπαιδευτικό σκοπό και δεν είναι δυνατή η χρήση της για προσωπικούς ή επαγγελματικούς λόγους χωρίς την άδεια του σχεδιαστή Waheed Akhtar. Ο κώδικας που θα δοθεί μπορεί να χρησιμοποιηθεί ελεύθερα. Η εμφάνιση έχει ελεγχθεί στους Web Browsers Internet Explorer 7, 8, Opera 10.10, Firefox 3.6, Safari 4.0.4. Google Chrome 4.0.2Έναρξη 1. Πρώτα απ' όλα θα δημιουργήσουμε ένα φάκελο στην επιφάνεια εργασίας ή όπου αλλού θέλουμε με όνομα page. 2. Στη συνέχεια αφού έχουμε κατεβάσει τα απαραίτητα αρχεία εικόνων που θα χρησιμοποιηθούν αφού τα αποσυμπιέσουμε θα τα τοποθετήσουμε μέσα σε ένα φάκελο με όνομα images που θα βρίσκεται μέσα στο φάκελο page. 3. Ανοίγουμε το Notepad των Windows και αντιγράφουμε τον παρακάτω κώδικα. κώδικας: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> </body> </html> Το αρχείο αυτό θα το αποθηκεύσουμε μέσα στο φάκελο page με όνομα index.html όπως βλέπουμε στην παρακάτω εικόνα. 4. Με το Notepad δημιουργούμε ένα ακόμα αρχείο και το αποθηκεύουμε στο φάκελο page με όνομα layout.css. 5. Στο αρχείο index.html εισάγουμε την παρακάτω γραμμή κάτω από τη γραμμή <title>Untitled Document</title> κώδικας: <link href="layout.css" rel="stylesheet" type="text/css" /> Με αυτό τον τρόπο συνδέουμε το αρχείο Css με το αρχείο Html 6. Ας αλλάξουμε και το αντιαισθητικό <title>Untitled Document</title> σε κώδικας: <title>Smashing Dzine</title> Μέχρι τώρα έχουμε λοιπόν: Ένα φάκελο page που περιέχει ένα φάκελο με όνομα images, ένα αρχείο με όνομα index.html και ένα αρχείο με όνομα layout.css Το φάκελο images που περιέχει τις εικόνες που κατεβάσαμε. Τα συνδεδεμένα αρχεία index.html και layout.css Το βασικό σκελετό html μέσα στο index.html Αύριο θα δημιουργήσουμε το βασικό σκελετό της ιστοσελίδας και την περιοχή του Header Quote Share this post Link to post Share on other sites
