Che cosa è meglio usare HTML / CSS modificati a mano o utilizzando programmi di progettazione? e perché?

Per i siti web di design è meglio fare da soli imparando HTML / CSS o usando programmi di web design? e perché?

Ho rimbalzato avanti e indietro tra la codifica manuale e Dreamweaver nella mia storia di sviluppatore web.

Inizialmente ho iniziato a codificare a mano HTML. Questo era il giorno in cui il layout della tabella era il re, e la modifica delle tabelle nidificate divenne un vero mal di testa. Accoppia questo con una mancanza di buoni strumenti per visualizzare elementi nascosti e questo è diventato rapidamente un incubo.

Ho iniziato a utilizzare Dreamweaver principalmente per velocizzare il stream di lavoro della mia tabella di progettazione. Ben presto, tuttavia, il sistema di template di Dreamweaver divenne un compendio quando iniziai a produrre siti web statici privi di back-end server. Essere in grado di aggiornare un modello e farlo propagare attraverso l’intero sito statico riduce le incongruenze tra le pagine incrociate a quasi zero.

Più di recente, l’intera spinta del web 2.0 mi ha spinto, e quasi tutti gli altri, nel gioco della codifica manuale. Ho trovato che Dreamweaver non era davvero adatto per i progetti conformi, dal momento che era fortemente incentrato sul tavolo. Trovo che la maggior parte dell’HTML che scrivo in questi giorni sia così diretta e semplice che non c’è molto bisogno di un editor. Inoltre, tutti i miei sviluppi sono ora dinamici ancora una volta, quindi non c’è più bisogno di un sistema di template statico per generare html.

Impara da solo in modo da poter capire come fare le cose esattamente come vuoi che siano fatte, e non dover fare affidamento su qualche tipo di programma per capirlo.

Come qualsiasi altra cosa nella tecnologia, impara prima i concetti chiave e poi usa uno strumento per automatizzare le cose che hai imparato. In tal modo, acquisirai una migliore comprensione di come tutto funzioni insieme e sarai in grado di capire facilmente quando qualcosa va storto. In questo modo non sarai vincolato a nessun altro strumento di progettazione e potrai utilizzare ciò che funziona meglio perché comprendi i concetti principali.

Nelle parole di Richard Feynman,

“Quello che non posso creare, non capisco.”

Hanno davvero due scopi, e uno è “migliore” per il suo scopo.

Se impari a farlo a mano, dovrai:

  • Avere più controllo su esattamente ciò che sta accadendo
  • Avere un codice meno estraneo
  • Essere in grado di mantenere il codice più facilmente

Se usi un programma, dovrai:

  • Essere in grado di progettare visivamente
  • Forse essere in grado di progettare più rapidamente
  • Non devi imparare a scrivere CSS a mano

Dipende davvero da qual è il tuo objective.

Preferisco HTML / CSS a mano perché hai il maggior controllo sul codice. La maggior parte dei programmi di progettazione aggiungerà marcature aggiuntive non richieste. Anche semplici editor WYSIWYG JavaScript aggiungono markup extra. Sebbene non si tratti di un’enorme differenza nella dimensione del file, la marcatura aggiuntiva si sommerà nel tempo. Vorrei anche sostenere che è più facile mantenere il codice quando si sa cosa è andato nella sua creazione.

Inoltre, imparerai molto di più prendendo il tempo per farlo a mano.

Personalmente, modifico sempre il mio HTML / CSS a mano usando gli editor con auto-completamento se posso, perché questo semplifica la vita. Dovresti sicuramente imparare sempre una lingua il più ansible prima di iniziare a fare affidamento su qualsiasi programma per generare codice per te, perché la maggior parte delle volte finisci per aggiustare ciò che ti hanno dato.

Tendo a farlo tutto a mano.

  1. Non importa quale IDE o lingua lato server sto usando. Mark up è markup. Essere in grado di farlo rapidamente a mano è prezioso.

  2. Più spesso poi no, dovrai modificare manualmente alcuni markup. Scrivendolo da zero, sei già molto familiare con la struttura del markup. Non devi perdere tempo a orientarti verso il markup generato dal designer.

  3. Anche se non è necessariamente una regola, coloro che vivono nel designer ho scoperto di essere meno nitidi nel loro codice e nella loro abilità nel codice.

Preferisco l’approccio manuale. In questo modo sai esattamente cosa stai ricevendo. Inoltre, non ho trovato un editor che produca HTML / CSS che non necessiti di qualche ritouch, specialmente se stai mirando a più browser.

Farlo a mano. L’uso di programmi di progettazione tende ad inserire un sacco di markup extra di cui non hai realmente bisogno, il che complicherà solo la tua capacità di apprendimento.

Se lo fai a mano, almeno sai cosa è stato inserito dove e perché. Inoltre ci sono molti buoni siti web che possono guidarti attraverso le basi.

IMO imparerai ancora usando programmi di web design come Dreamweaver, dal momento che devi guardare la fonte e adattarla ai tuoi desideri esatti, ed è più veloce. Ma farlo a mano ti darà più scrivi, più impari tipo di cosa che sono d’accordo con il 100%

Questo è un po ‘vago.

Penso che “migliore” (qualitativamente) dipenda molto da (1) dalla competenza del progettista e (2) dalla sofisticazione dell’applicazione.

Per quanto riguarda “meglio” (come in “consigliabile”): l’utilizzo di un’applicazione può essere una stampella che potrebbe non riuscire a salvarti in tutti i casi. Sapere come “codice raw” html e css è prezioso per comprendere i limiti dell’applicazione e aggirare tali limiti. Solo per questo motivo suggerisco di sapere come farlo a mano e quindi di tenere d’occhio l’output generato dall’applicazione, se decidi di usarne uno.

Il meglio è quando capisci cosa stai facendo – puoi farlo solo codificando a mano .

Se non conosci HTML o CSS e usi un editor WYSIWYG, come puoi essere sicuro che tutto sia corretto? Non puoi!

Se hai una buona conoscenza di HTML e CSS, dovresti usare un editor WYSIWYG? Rendono le cose più difficili perché non puoi vedere il codice e tag e regole extra vengono inseriti senza che tu lo sappia.

La codifica a mano è sempre la migliore.

Perché dovresti sapere xhtml / css?

Ecco alcuni motivi:

  • Rispetta il significato della semantica
  • DOM compatibile (si conosce il pasticcio di javascript)
  • Più semplice da mantenere
  • Ottimizzazione del motore di ricerca

Pensi ancora che ci voglia più tempo per progettare / integrare un sito web?

Pensa a usare vi , eclipse , quanti e probabilmente altri …

A mano è la risposta ovvia, perché il tuo sito web / applicazione sarà, beh, meglio. (E anche perché, se usi JavaScript, è bello attraversare il DOM di un documento che hai scritto tu stesso, rispetto a un documento che devi esaminare in anticipo.) Ma questo è principalmente dovuto al fatto che gli strumenti visivi oggi esistono davvero succhiare (sto pensando a Dreamweaver). È sicuramente ansible creare un buon programma di editing visuale (WYSIWYG) che generi effettivamente buoni HTML / CSS / JavaScript, ma non è ancora arrivato nulla di simile, quindi adesso la codifica manuale è molto, molto meglio.

Non leggerò le risposte, quindi è ansible che qualcuno lo abbia già detto, ma vabbè.

Prima di tutto, dovresti sempre scrivere il tuo codice HTML / CSS a mano. La ragione di ciò è che non importa quanto sia avanzato un editor HTML, non sarà mai buono come potrebbe / dovrebbe essere. Per “buono” html / css, in realtà finirai per scrivere la tua pagina in un ordine diverso da quello che vedi.

Ad esempio, una pagina che viene visualizzata come:

________________ |logo | |----menu------| |..............| |...content....| |..............| |....footer....| ---------------- 

“dovrebbe” effettivamente scorrere come segue:

 

title of site

.....

quale un editor HTML potrebbe semplicemente lanciare un attacco sibilante se lo hai fatto attraverso la bella bella gui. Quello che potrebbe essere vantaggioso è usare Web Expression 2 o Visual Studio per il suo intellisense. Può aiutare ad accelerare (o forse rallentare) il tuo cordolo di apprendimento.

Consiglio vivamente di trascendere il design CSS se hai già familiarità con HTML / CSS. In caso contrario, prendi per primo un libro CSS anche su un libro HTML. Disegnare tramite CSS ti insegnerà l’HTML semantico appropriato (o dovrebbe, comunque).

Mi piace codificare a mano perché posso mantenere il mio codice pulito e in ordine in questo modo. HTML non è molto difficile comunque.

Se decidi di codificare a mano avrai bisogno di un editor che supporti l’evidenziazione della syntax, e dovrai convalidare il tuo codice il più spesso ansible per evitare errori (questa è comunque una buona pratica). Questa estensione per Firefox faciliterà molto il tuo lavoro: users.skynet.be/mgueury/mozilla/