Quadri sono sistemi che è possibile utilizzare come punti di partenza per progetti. Costruire il proprio quadro per siti Web possono ridurre la quantità di tempo speso per le parti noiose: organizzazione dei file, la scrittura di codice HTML di base e la costruzione di layout basati su CSS. Il Web è pieno di quadri costruiti per usi più specifici, ad esempio Framework per fogli di stile o JavaScript. Quando si costruisce il proprio, uniscono il meglio di loro nel proprio sistema.
Istruzioni
1
Creare una cartella sul vostro computer per il framework. Aprire la cartella e aggiungere le seguenti sottocartelle:
immagini
stili
script
Queste sottocartelle non è necessario lo stesso nome esatto come sopra elencati, ma li utilizzano vi aiuterà a organizzare il vostro script, fogli di stile, immagini e altri file.
2
Sviluppare un scheletrico file HTML che contiene tutto il codice che necessario per la creazione di pagine Web di base. Più esperti sviluppatori Web dovrebbe avere un arsenale di Ready-Made, motore di ricerca e velocità di caricamento ottimizzato codice negli archivi del loro lavoro. Sia gli sviluppatori Web professionali e codificatori novizio HTML dovrebbero considerare il download di un testo standard.
3
Scaricare e installare un framework CSS come 960 Grid System, Blueprint CSS o meno Framework. Ciascuno di questi framework aggiunge una libreria di classi di colonna-edificio ai tuoi siti Web e accelera lo sviluppo di layout basati su CSS. Alcuni Framework, come Blueprint CSS, anche aggiungere stili tipografici di base. Seguire le istruzioni del framework per aggiungerlo al file HTML standard. Ricordarsi di organizzare tutti i file CSS all'interno le sottocartelle "css" del vostro quadro.
4
Scaricare e installare un framework CSS come 960 Grid System, Blueprint CSS o meno Framework. Ciascuno di questi framework aggiunge una libreria di classi di colonna-edificio ai tuoi siti Web e accelera lo sviluppo di layout basati su CSS. Alcuni Framework, come Blueprint CSS, anche aggiungere stili tipografici di base. Seguire le istruzioni del framework per aggiungerlo al file HTML standard. Ricordarsi di organizzare tutti i file CSS all'interno le sottocartelle "css" del vostro quadro.
5
Aggiungere il jQuery e jQuery UI librerie al vostra standard HTML. JQuery plugin sono molto più facili da installare ai tuoi siti Web di pianura JavaScripts, e si possono trovare molti disponibili gratuitamente sul Web. La libreria di jQuery UI aggiunge una serie di interazioni con l'utente a jQuery, ad esempio elementi trascinabili, ordinamento elenco articoli e calendari selezione data.
6
Fare una lista dei plugin jQuery che è utilizzare il più spesso e installarli per il framework. Ricordarsi di aggiungere i nuovi script sotto il jQuery e jQuery UI riferimenti in modo che essi lavoreranno. Plugin più comuni includono menu a tendina, Slider di immagini ed esaltatori di modulo Web. Considerare tutti questi plugin che unisce in un unico file JS per tempi di caricamento pagina.
Consigli & Avvertenze
- Invece di scrivere il proprio standard HTML, iniziare con HTML5 Boilerplate. Questo standard è ben attrezzata con codice ottimizzato per Google e viene fornito con alcuni strumenti di sviluppo supplementare.