Δημιουργία ιστοσελίδας με wysiwyg

Adobe Photoshop, Flash, DreamWeaver, FireWorks, Contribute, FreeHand, Director.

Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό giannosfor » 01.08.12, 3:25 pm

Αυτό το καιρό βλέπω κάποια sites πχ http://www.wix.com/create/website που μπορείς είτε σε ήδη υπάρχων template είτε σε ένα κενό project να φτιάξεις/διαμορφώσεις τη δικιά σου σελίδα κάνοντας drag&drop τα components που θες είτε αυτά είναι κείμενα,slideshows,φόρμες και τα λοιπά κάνοντας πολύ εύκολη τη δουλειά και πολύ αποτελεσματική.

Με έβαλε να σκεφτώ αν ο τρόπος που θέλω να φτιάχνω τις ιστοσελίδες είναι ο σωστός.
Είναι ο καλύτερος τρόπος για να δημιουργήσεις ένα website να φτιάξεις ένα prototype και έπειτα να το φτιάξεις σε css ,καθαρά με κώδικα;

Έψαξα λοιπόν να βρω αν υπάρχει κάτι αντίστοιχο. Κοίταξα το dreamweaver και το μόνο που είδα ήταν να κάνω insert κάποιο layer και απο'κει να κάνω ότι αλλαγές ήθελα.
body {
height : 1,77m;
weight : 87k;
}

body:summer {
color: #9D765E;
}

head {
hair : hairline black;
}

.foot {
size : 42.5cm;
}
giannosfor
Member
 
Posts: 27
Εγγραφή: 01.06.11, 7:08 pm
Τοποθεσία: Ρέθυμνο

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό medred » 01.08.12, 4:11 pm

Υπάρχουν πολλοί τρόποι και «πατέντες» να στήσει κάποιος μια σελίδα. Έτοιμα templates, wordpress, joomla, html5 και τα λοιπά. Αν είσαι χρήστης και έχεις όρεξη να μάθεις κάποια πράγματα για να στήσεις την προσωπική σου σελίδα χωρίς να πληρώσεις επαγγελματία τότε θα χρειαστείς απλά βασικές γνώσεις html και css και αν ακολουθήσεις έτοιμα cms ίσως ούτε καν.

Στην περίπτωση που θες επαγγελματικά να ασχοληθείς με την σχεδίαση σελίδων τότε δυστυχώς η λύση με τα έτοιμα templates ίσως βολεύει σε πελάτες που με λίγα χρήματα ψάχνουν να στήσουν μια σελίδα χωρίς να τους ενδιαφέρει τόσο το αποτέλεσμα αλλά στις περιπτώσεις που ο πελάτης θέλει να δει κάτι μοναδικό ή κάτι σύμφωνα με τα γούστα του (συνήθως αυτό συμβαίνει και είναι λογικό) ο τρόπος που σου προτείνω είναι να συνεργαστείς με γραφίστα ή αν έχεις γραφιστικές ικανότητες να σχεδιάζεις το template και εφόσον ο πελάτης σου μείνει ικανοποιημένος εικαστικά τότε προχωράς και στην υλοποίηση κώδικα. Γενικά θα πρέπει τουλάχιστον να γνωρίζεις αρκετά βασικά πράγματα από html css ώστε να μπορείς να πειράξεις με κώδικα το στήσιμο μιας σελίδας. Για να ξεκινήσεις μπορείς να έχεις και ένα demo html css ως βάση και κάθε φορά να το ξεκινάς από κει. Υπάρχουν πολλά html5 free demo να πάρεις ιδέες.
Έμπειρος προγραμματιστής με γραφίστα ή ακόμα ένα άτομο και με τις δύο ικανότητες είναι ότι καλύτερο. Μόνο με «έτοιμες» πατέντες φοβάμαι πως είναι δύσκολο να αφήσεις ικανοποιημένους πελάτες.

Τα παραπάνω είναι απλά προσωπικές απόψεις δεν υπάρχει πάντα σωστή συνταγή. Το μόνο σίγουρο είναι πως δύσκολα μπορεί κάποιος να αποφύγει την μελέτη σε περίπτωση που ασχοληθεί με το web design. :superman:
www.MeDesign.gr | Σχεδίαση και Φιλοξενία Ιστοσελίδων
Άβαταρ μέλους
medred
Member
 
Posts: 7
Εγγραφή: 31.07.07, 9:05 am
Τοποθεσία: Ρέθυμνο

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό giannosfor » 01.08.12, 5:41 pm

@medred σ'ευχαριστώ για την απάντηση σου.
Είμαι developer ασχολούμαι αρκετά με την τεχνολογία και ξέρω αρκετούς τρόπους να φτιάχνω ένα website αρκετά καλά για ένα developer.
Ξέρω να χειρίζομαι cms ,γνωρίζω html,css όχι σε πάρα πολύ καλό επίπεδο αλλά θέλω να ασχοληθώ. Οι δουλειές που έκανα ήταν σε Flash που για μένα ήταν ένας πολύ εύκολος τρόπος προγραμματισμού και design.

Αυτό που ρωτάω είναι αν ο τρόπος που θέλω να ακολουθήσω είναι ο σωστός.
Θέλω τη γνώμη κάποιου web designer στο τρόπο που ακολουθεί για να φτιάχνει site.

Ένας τρόπος που βλέπω είναι developer να έχουν έτοιμο κάποιο psd και έπειτα να το κάνουν html καθαρά με κώδικα.

Και ρωτάω είναι αυτός ο ιδανικός ο τρόπος;

Υπάρχουν designer που ακολουθούν άλλους τρόπους;
body {
height : 1,77m;
weight : 87k;
}

body:summer {
color: #9D765E;
}

head {
hair : hairline black;
}

.foot {
size : 42.5cm;
}
giannosfor
Member
 
Posts: 27
Εγγραφή: 01.06.11, 7:08 pm
Τοποθεσία: Ρέθυμνο

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό hidedora » 02.08.12, 10:06 am

Προσωπικά το μόνο που χρειάστηκα και χρειάζομαι στην πραγματικότητα για να φτιάξω ιστοσελίδες είναι το notepad++ ή το php designer.

Η σωστή μέθοδος για εμένα είναι να πάρεις το psd και αφού το κόψεις να το γράψεις. Όσες φορές δοκίμασα να φτιάξω σελίδα με wysiwyg editors, στην ουσία αύξησα το χρόνο ολοκλήρωσης μιας σελίδας. Για να περάσω σε μία ταυτότητα ή κλάση μία εντολή, συνήθως με το dreamweaver πρέπει να κάνεις 4 - 7 κλικ για να περάσεις μία λέξη που φυσικά αν τη γράψεις το κάνεις γρήγορα. Αν επομένως ξέρεις τι κάνει το position: absolute; για ποιο λόγο να κάνεις 5 - 6 κλικ για να το περάσεις αντί να το γράψεις απευθείας στην κλάση ή στην ταυτότητα.

Επίσης πρέπει να ξέρεις που να βρεις την κάθε εντολή μέσα από το περιβάλλον του dreamweaver. Ένα άλλο πρόβλημα είναι ότι το dreamweaver παρότι σου δείχνει πως θα είναι η ιστοσελίδα, στην ουσία στον browser η διαφορά θα είναι μεγάλη, οπότε το θεωρητικό πλεονέκτημα που σου έχει στην αρχή, χάνεται στην πορεία. Επίσης δεν έχει κάποιο css reset από την αρχή, οπότε ή πρέπει να φτιάξεις εσύ το δικό σου, ή να περάσεις κάποιο έτοιμο. Εγώ με το html5doctor βρήκα αυτό που ήθελα για τα περισσότερα projects μου - http://www.cssreset.com/scripts/html5-d ... tylesheet/

Εγώ θα σου συνιστούσα να μάθεις κάποιο css framework. Έτσι θα κόψεις το χρόνο δημιουργίας μιας ιστοσελίδας αρκετά και η σελίδα σου θα είναι cross browser compatible.

Αν σε ενδιαφέρουν τα css frameworks, μπορείς να ρίξεις μια ματιά στα εκπαιδευτικά βίντεο που έχω κάνει εδώ: http://www.supremohosting.com/html/ στην ενότητα που αναφέρω Κατασκευή ιστοσελίδων σε CSS Frameworks
Άβαταρ μέλους
hidedora
Junior Member
 
Posts: 262
Εγγραφή: 02.09.10, 12:46 pm

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό notis » 02.08.12, 10:49 am

Εμένα πάλι μου αρέσει να δημιουργώ πρώτα το Template μου με html5 + inline css σε Code view του Dreamweaver.
Μόλις το ολοκληρώσω εκμεταλλεύομαι την καταπληκτική δυνατότητα του Dreamweaver «Convert Inline CSS to Rule»

Εικόνα

Το τεράστιο πλεονέκτημα είναι πως δουλεύεις σε ένα αρχείο και το save-refresh είναι απλούστατο. Μόλις σε ικανοποιήσει το αποτέλεσμα κάνεις convert και έχεις έτοιμο το styles.css σου.
Άβαταρ μέλους
notis
Master Admin
 
Posts: 3697
Εγγραφή: 23.02.04, 1:36 pm
Τοποθεσία: Corinth

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό giannosfor » 02.08.12, 4:00 pm

@hidedora θα τη κοιτάξω τη σελίδα φαίνεται πολύ ενδιαφέρων.
Χρησιμοποιήτε Ap Div Tags ;
@notis τι γνώμη έχεις για τα site που είναι εξολοκλήρου σε flash;
body {
height : 1,77m;
weight : 87k;
}

body:summer {
color: #9D765E;
}

head {
hair : hairline black;
}

.foot {
size : 42.5cm;
}
giannosfor
Member
 
Posts: 27
Εγγραφή: 01.06.11, 7:08 pm
Τοποθεσία: Ρέθυμνο

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό hidedora » 02.08.12, 8:13 pm

Τα ap div ουσιαστικά χρησιμοποιούνται από το dreamweaver και αναφέρονται σε absolute position div. Εξαρτάται από τη χρήση επομένως.
Άβαταρ μέλους
hidedora
Junior Member
 
Posts: 262
Εγγραφή: 02.09.10, 12:46 pm

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό notis » 02.08.12, 11:15 pm

Νομίζω πως η καλύτερη αντιμετώπιση είναι html5 και κάποια Flash widgets σε σημεία που θέλουμε να εντυπωσιάσουμε ή να δημιουργήσουμε κάτι με πιο εύκολο τρόπο...
Άβαταρ μέλους
notis
Master Admin
 
Posts: 3697
Εγγραφή: 23.02.04, 1:36 pm
Τοποθεσία: Corinth

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό apsuhos » 06.08.12, 5:55 am

notis έγραψε:Το τεράστιο πλεονέκτημα είναι πως δουλεύεις σε ένα αρχείο και το save-refresh είναι απλούστατο. Μόλις σε ικανοποιήσει το αποτέλεσμα κάνεις convert και έχεις έτοιμο το styles.css σου.


Νότη αγόρασε δύο οθόνες!! Στη μία η HTML και στην άλλη τα styles.

Πέρα από την πλάκα θυμάμαι πως και παλιότερα μου το είχες αναφέρει αυτό. Ωστόσο τότε που το δοκίμασα παρατήρησα πως το rule που δημιουργείται είναι πολύ specific. Δεν σου δημιουργεί προβλήματα αυτό; Δηλαδή να σου κάνει βαριά τα styles με πολλαπλά rules και συνεπώς μη ευέλικτα; Μπορώ να το καταλάβω για μια-δυο περιπτώσεις αλλά εσύ αναφέρεις πως το κάνεις σε όλο το document, γι αυτό σε ρωτάω.

Για να απαντήσω στο θεματογράφο θεωρώ πως εφόσον θέλεις να κατευθυνθείς προς τα εκεί οφείλεις να γνωρίζεις σε βάθος CSS και συνεπώς να επενδύσεις το χρόνο σου σε αυτό.
...So there you go! You're the retarded offspring of five monkeys having butt sex with a fish-squirrel! Congratulations!
Άβαταρ μέλους
apsuhos
Member
 
Posts: 5
Εγγραφή: 18.11.10, 3:34 pm

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό notis » 06.08.12, 1:34 pm

Κώστα αν θέλω κάτι πιο γενικό μπαίνω και διορθώνω το rule.
Πάντως εμένα μου αρέσει να δουλεύω με ξεχωριστές κλάσεις. Είναι αστείο σήμερα να μιλάμε για +- 50kb σε αρχεία ιστοσελίδας ειδικά όταν cachάρονται από την στιγμή που μετά θα μπει το κάθε άσχετο banner που σχεδίασε ο κάθε άσχετος και μπορεί να φορτώσει με +100kb μόνο αυτό την ιστοσελίδα.

Εσύ που είσαι guru στο responsive design σαφώς και πρέπει να δουλεύεις διαφορετικά :D
Άβαταρ μέλους
notis
Master Admin
 
Posts: 3697
Εγγραφή: 23.02.04, 1:36 pm
Τοποθεσία: Corinth

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό apsuhos » 06.08.12, 5:45 pm

Συμφωνώ! Ωστόσο δεν μιλούσα για το size των documents όσο για την επεκτασιμότητα τους και την ευελιξία τους. Btw o guru συνήθως διαμορφώνει τις εξελίξεις, δεν παρακολουθεί λυσσαλέα τις εξελίξεις :dance :wall
...So there you go! You're the retarded offspring of five monkeys having butt sex with a fish-squirrel! Congratulations!
Άβαταρ μέλους
apsuhos
Member
 
Posts: 5
Εγγραφή: 18.11.10, 3:34 pm

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό notis » 06.08.12, 6:48 pm

Βρε δεν πα να πνίγεσαι στην μετριοφροσύνη σου, για μένα είσαι ένας από τους καλύτερους!
Αν εμβαθύνεις και σε jquery πιστεύω πως άνετα θα είσαι μέσα στους top 10 web designers στην Ελλάδα και δεν κάνω καθόλου πλάκα!
Άβαταρ μέλους
notis
Master Admin
 
Posts: 3697
Εγγραφή: 23.02.04, 1:36 pm
Τοποθεσία: Corinth

Re: Δημιουργία ιστοσελίδας με wysiwyg

Δημοσίευσηαπό apsuhos » 06.08.12, 9:13 pm

Σε ευχαριστώ ρε Νότη για τα καλά σου λόγια!
...So there you go! You're the retarded offspring of five monkeys having butt sex with a fish-squirrel! Congratulations!
Άβαταρ μέλους
apsuhos
Member
 
Posts: 5
Εγγραφή: 18.11.10, 3:34 pm


Επιστροφή στο II.II Δημιουργικό λογισμικό σχεδίασης για τα ψηφιακά μέσα

Μέλη σε σύνδεση

Μέλη σε αυτή την Δ. Συζήτηση : Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης

Visual Communication Designers Club

Το Visual Communication Designers Club, το μεγαλύτερο Ελληνικό online design forum, αποτελεί μια Ελληνική κοινότητα σχεδιαστών οπτικής επικοινωνίας, υπό την ευρύτερη έννοια του όρου, θέλοντας να συμπεριλάβει στα μέλη της κάθε ειδικότητα και βαθμίδα όσων σπουδάζουν ή εργάζονται στον χώρο της επικοινωνίας, έντυπης, διαδικτυακής, τρισδιάστατης ή εφαρμογών πολυμέσων