Το 40 πρέπει να δει τα Ελεύθερα Εργαλεία Σχεδίασης Ιστού

Το άρθρο γράφτηκε από: Lori Soard
  • Εργαλεία Web
  • Ενημερώθηκε: Οκτ 02, 2020

Ενημέρωση σημειώσεων από τον Jerry: Έλεγχος στοιχείων και προσθήκη νέων εργαλείων.

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

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

Ευτυχώς, υπάρχουν πολλά δωρεάν εργαλεία σχεδίασης για webmasters.

Δωρεάν Εργαλεία Σχεδίασης Ιστού για Webmasters

1. Mockingbird

Αυτό το διαδικτυακό εργαλείο επιτρέπει στους σχεδιαστές ιστοσελίδων να δημιουργήσουν mock-up / wireframes ενός ιστότοπου. Στη συνέχεια, μπορείτε να μοιραστείτε τις ιδέες σας με έναν πελάτη και ακόμη και να ανεβάσετε τα σχέδια στον δικό σας διακομιστή. Δεν έχει τόνο κουδουνιών και σφυρίγματος, αλλά Mockingbird είναι αρκετά εύκολο για ακόμα και τον αρχάριο σχεδιαστή που θα χρησιμοποιήσει.

2. Ψύκτες

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

3. 0 σε 255

Στη μέση ενός σχεδίου όταν συνειδητοποιείτε ότι χρειάζεστε μια ελαφρύτερη σκιά του χρώματος; Εξοικονομήστε χρόνο πηγαίνοντας στο από 0 έως 255 και συνδέοντας το τρέχον χρώμα. Μια ποικιλία αποχρώσεων θα σας παρουσιαστεί από τις οποίες μπορείτε να επιλέξετε.

4. Οθόνη σε GIF

ScreenToGif βοηθά στην εγγραφή της οθόνης παρακολούθησης και τη μετατροπή τους σε αρχεία Gif ή βίντεο. Αυτό το εύχρηστο αλλά ισχυρό εργαλείο κατασκευάζεται από τον Nicke Manarin από τη Βραζιλία.

5. Λήψεις Browser

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

6. Ρομπότ uptime

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

7. Εργαλείο WHSR

Βύσμα χωρίς ντροπή - Εργαλείο WHSR αποκαλύπτει υποδομή και τεχνολογία Ιστού πίσω από οποιονδήποτε ιστότοπο και βοηθά τους σχεδιαστές ιστοσελίδων να κατασκοπεύουν ανταγωνιστές.

8. WebPageTest

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

9. Εργαλείο για Webmaster AHREFS

Εργαλεία για Webmasters Ahrefs είναι εξαιρετικά χρήσιμο για σχεδιαστές ιστοσελίδων που πρέπει να ελέγχουν για τυχόν προβλήματα SEO επί τόπου (όπως σπασμένοι σύνδεσμοι και κανονικά σφάλματα, λείπουν ετικέτες τίτλου κ.λπ.) στο σχεδιασμό τους.

10. Adobe Color

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

11. Γεννήτρια πλέγματος CSS

Η περιοχή Γεννήτρια πλέγματος CSS Το λογισμικό δημιουργεί ένα πλέγμα για τον ιστότοπό σας CSS. Απλώς συνδέστε σε πόσες στήλες και άλλες δυνατότητες που θέλετε στη διάταξη σας και ο οδηγός online δημιουργεί τον κωδικό σας.

12. Aptana Studio

Ψάχνετε για λογισμικό σχεδιασμού ιστοσελίδων που θα σας βοηθήσει να δημιουργήσετε διατάξεις CSS; Aptana Studio σας επιτρέπει να σχεδιάζετε εύκολα HTML και θα ελέγξει επίσης τα διαδοχικά φύλλα στυλ για να βεβαιωθείτε ότι είναι συμβατά με τα περισσότερα προγράμματα περιήγησης.

13. HTML Cleaner

Το CSS σας χρειάζεται να καθαριστεί λίγο; HTML Cleaner υπόσχεται να βελτιώσει το CSS. Απλά συνδέστε τον κωδικό σας και αφήστε τον ιστότοπο να κάνει τα υπόλοιπα. Επιλέξτε από τις επιλογές για να κάνετε το σχέδιο κομψό, όμορφο ή φοβερό.

14. Bluefish

Bluefish είναι ένα απλό και δωρεάν πρόγραμμα επεξεργασίας ιστοσελίδων που θα σχεδιάσει HTML, CSS, Javascript, Ruby και πολλά άλλα. Το λογισμικό θα ελέγχει ακόμα και την ορθότητα της εργασίας σας καθώς πληκτρολογείτε.

15. Phpform.org

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

16. Πρόγραμμα καθαρισμού HTML

Θέλετε να καταστήσετε τον ιστότοπό σας συμβατό με τα διεθνή πρότυπα HTML; Αυτός ο ιστότοπος μπορεί να σας βοηθήσει με αυτή τη διαδικασία. Είτε έχετε γραφικά που δεν είναι αρκετά ευθυγραμμισμένα σε όλα τα προγράμματα περιήγησης ή θέλετε απλά να διασφαλίσετε ότι οι χρήστες σε άλλες χώρες μπορούν να δουν τον ιστότοπό σας καθώς προορίζεται να εμφανιστεί, Πρόγραμμα καθαρισμού HTML μπορεί να βοηθήσει.

17. Καλώς ήλθατε στο site

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

18. CSS3 Γεννήτρια

CSS3 Generator είναι ένα ελεύθερο λογισμικό που δεν απαιτεί λήψη και επιτρέπει στο χρήστη να επιλέγει επιλογές μέσω ενός αναπτυσσόμενου πλαισίου. Δημιουργήστε γρήγορα και εύκολα τον κώδικα CSS3.

19. Favigen

Εάν θέλετε να δημιουργήσετε ένα favicon για την ιστοσελίδα σας, Favigen μπορώ να βοηθήσω. Χρησιμοποιήστε αυτή τη γεννήτρια favicon για να δημιουργήσετε ένα μικρό γραφικό παρόμοιο με τους συνδέσμους που βλέπετε για τις σελίδες του Facebook και Twitter στις τοποθεσίες άλλων ανθρώπων.

20. HTML-ispsum

HTML-ipsum.com βοηθά τους σχεδιαστές ιστοσελίδων να δημιουργήσουν ένα σύντομο κομμάτι κώδικα για χρήση σε σχέδια CSS. Με τη συμπερίληψη αυτών των δειγμάτων λέξεων, ο σχεδιαστής μπορεί να δει πώς θα τελειώσει το τελικό σχέδιο μόλις προστεθεί κείμενο.

21. Canva

Αν ψάχνετε για έναν τρόπο να δημιουργία γραφικών για τη χρήση του ιστότοπου χωρίς να δαπανά εκατοντάδες σε επαγγελματικό λογισμικό γραφικού σχεδιασμού, canva είναι η τέλεια λύση. Μπορείτε να δημιουργήσετε όμορφα γραφικά χρησιμοποιώντας τη μορφή drag-and-drop με πρόσβαση σε εκατομμύρια φωτογραφίες, διανύσματα και γραμματοσειρές.

22. Αλλαγή μεγέθους του προγράμματος περιήγησής μου

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

23. Υπεύθυνος

Με όλο και περισσότερους χρήστες που παίρνουν στο διαδίκτυο μέσω των iPads τους, έχει νόημα να διασφαλιστεί ότι ο ιστότοπός σας είναι συμβατός με την προβολή του iPad. Υπεύθυνος σας επιτρέπει να ρίξετε μια ματιά στο πώς εμφανίζεται ο ιστότοπός σας στο iPad.

24. WooRank

WooRank επιτρέπει στους σχεδιαστές ιστοσελίδων να δημιουργούν μια δωρεάν αναφορά μία φορά την εβδομάδα που παρακολουθεί την κυκλοφορία και δίνει συμβουλές για το τι μπορείτε να κάνετε για να βελτιώσετε την κατάταξή σας.

25. Πολιτικές απορρήτου

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

26. Λίστα ελέγχου έναρξης ιστότοπου Humaan

Η δημιουργία ενός επαγγελματικού ιστότοπου σημαίνει την ολοκλήρωση συγκεκριμένων στοιχείων. Αυτό Λίστα ελέγχου σας βοηθά να βεβαιωθείτε ότι έχετε ολοκληρώσει όλα τα απαραίτητα για την εκτόξευση του ιστοτόπου σας.

27. Επίπεδα στρώσεων

Επίπεδα στρώσεων είναι ένας ηλεκτρονικός επεξεργαστής γραφικών που θα δημιουργήσει κώδικα CSS.

28. NetBeans

Θέλετε να αναπτύξετε μια εφαρμογή στο διαδίκτυο; Αυτό το ελεύθερο λογισμικό θα επιτρέψει σε κάποιον με βασική εφαρμογή να γράφει γνώση δημιουργήστε μια μοναδική εφαρμογή.

29. SeaMonkey

Χρησιμοποιώντας την ίδια κωδικοποίηση με το Mozilla, SeaMonkey είναι ακόμα σε εξέλιξη, αλλά είναι ήδη ένα εξαιρετικό εργαλείο σχεδίασης κώδικα ιστού.

30. Komodo Επεξεργασία

Αυτός ο δωρεάν επεξεργαστής κώδικα λειτουργεί με XML, HTTP και CSS για να αναφέρουμε μόνο μερικά. Για όσους χρειάζονται πρόσθετες επιλογές, Komodo Επεξεργασία έχει πολλά πρόσθετα.

31. Sprite Cow

Χρειάζεται να πάρει τη θέση του φόντου ακριβώς έτσι; Sprite Cow θα το χαρτογραφήσει για εσάς και θα δημιουργήσει τον κώδικα CSS.

32. Freshping

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

33. Φλυτζάνι καφέ

Η δωρεάν έκδοση του Φλυτζάνι καφέ κωδικούς λογισμικού σε HTML5 και CSS καθώς πηγαίνετε.

34. Σελίδα Breeze

Σελίδα Breeze προσφέρει τη δυνατότητα επεξεργασίας στο WYSIWIG, αλλά στη συνέχεια μεταβείτε στην προβολή ετικετών HTML, ώστε να μπορείτε να τροποποιήσετε τέλεια το σχέδιο.

35. Χολμς

Holmes είναι ο ντετέκτιβ σήμανσης CSS. Έχετε λίγο κώδικα που δεν λειτουργεί αρκετά. Ο Χολμς μπορεί να σας βοηθήσει να το εντοπίσετε και να το διορθώσετε.

36. NetObjects Fusion Essentials

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

37. FileZilla

FileZilla - Η δωρεάν λύση FTP που σας επιτρέπει να μεταφέρετε αρχεία στον διακομιστή ιστού μέσω TLC και SFTP. Διευκολύνει τα πράγματα όταν έχετε πολλά μεγάλα αρχεία για μεταφορά.

38. Ξύλινο σύνδεσμο Xenu

Ελέγξτε το site σας για σπασμένους συνδέσμους. Η ομορφιά του Xenu είναι ότι μπορείτε να ελέγξετε τον ιστότοπό σας οποτεδήποτε και οπουδήποτε.

39. Πρόγραμμα χειρισμού εικόνων GNU (GIMP)

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

40. Bitcatcha

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

Σχετικά με την Lori Soard

Η Lori Soard εργάζεται ως ανεξάρτητος συγγραφέας και συντάκτης από την 1996. Έχει πτυχίο Αγγλικής Εκπαίδευσης και Διδακτορικό στη Δημοσιογραφία. Τα άρθρα της έχουν εμφανιστεί σε εφημερίδες, περιοδικά, σε απευθείας σύνδεση και έχει δημοσιεύσει πολλά βιβλία. Από το 1997 εργάστηκε ως σχεδιαστής και υποστηρικτής ιστοσελίδων για δημιουργούς και μικρές επιχειρήσεις. Έχει εργαστεί ακόμη και για σύντομη ταξινόμηση ιστοσελίδων για μια δημοφιλής μηχανή αναζήτησης και μελετώντας σε βάθος τακτική SEO για πολλούς πελάτες. Απολαμβάνει την ακοή από τους αναγνώστες της.