Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Landing Pages
Webdesign

Δημιουργήστε μια σελίδα «Προσεχώς» σε 60 δευτερόλεπτα

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Adobe XD in 60 Seconds
Create a Lo-fi UI Prototype in 60 Seconds

Greek (ελληνικά) translation by Iris Diakoumi (you can also view the original English article)

Ας δούμε πώς να δημιουργήσουμε μια σελίδα "Προσεχώς" χρησιμοποιώντας το πρότυπο HTML Timex  από Themeforest.

Ξεκινήστε το Ρολόι

Αυτό είναι το τελικό μας αποτέλεσμα:

Timex
Το Timex στο Themeforest

Πρώτα, βρείτε μια εικόνα φόντου που θέλετε σε ένα site όπως το unsplash.com, επεξεργαστείτε τη σε 1920 x 1080 σε μέγεθος, στη συνέχεια, όσο είστε εκεί αντικαταστήστε τα αρχεία «logo_only.png» και «logo_large.png»  που βρίσκονται στο φάκελο "img" του προτύπου.

Σημείωση: αυτά τα δύο πρέπει να έχουν διαφανή φόντα.

Προσθέστε τις τρεις νέες εικόνες στο φάκελο "img" του προτύπου για να αντικαταστήσετε τις παλιές εικόνες.

Τώρα κάντε προεπισκόπηση στο index.html αρχείο του προτύπου και θα δείτε τις νέες εικόνες στη θέση τους.

Επεξεργαστείτε το αρχείο Index

Τώρα πρέπει να ανοίξετε το αρχείο index.html και να επεξεργαστείτε τον κώδικα. Αντικαταστήστε οποιοδήποτε περιγραφικό κείμενο που μπορείτε να βρείτε, με περιγραφές για τη δική σας επιχείρηση ή προϊόν. Φροντίστε να επεξεργαστείτε τα στοιχεία επικοινωνίας, όπως διεύθυνση ηλεκτρονικού ταχυδρομείου, ταχυδρομική σας διεύθυνση, τον αριθμό τηλεφώνου, διεύθυνση web και οποιουσδήποτε συνδέσμους μέσων κοινωνικής δικτύωσης.

Το κλείνουμε!

Εντοπίστε την ρολόι αντίστροφης μέτρησης ημερομηνίας:

Αλλάξετε το σε μια ημερομηνία στο μέλλον και, στη συνέχεια, ανανεώστε τη σελίδα σας στο πρόγραμμα περιήγησης για να δείτε την αντίστροφη μέτρηση να δουλεύει και ολόκληρη τη σελίδα σας "προσεχώς".

Τελειώσαμε!

Έτσι μπορείτε να δημιουργήσετε μια σελίδα "προσεχώς" σε εξήντα δευτερόλεπτα. Ρίξτε μια ματιά σε μερικά από τα καλύτερα πρότυπα Υπό Κατασκευή στο Themeforest:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.