HTML a Joomla! lezione

August 30

HTML a Joomla! lezione


I siti web programmati in HTML e costruiti con contenuti statici sono facilmente convertiti in Joomla! sistema di gestione dei contenuti. I siti web con programmazione personalizzata possono richiedere più lavoro per completare la conversione. contenuti statici è il contenuto che non cambia - ad esempio, un articolo di testo e grafica. Ci sono tre parti principali alla conversione, e ciascuno ha una propria serie di passaggi. E 'meglio lavorare su una versione locale del Joomla! Sito web. Carica la versione completa quando il sito è completo.

istruzione

Importazione Contenuto Statico

1 Collegare al progetto Joomla! account amministratore utilizzando l'URL amministratore si trova in:

http: // localhost / {nome della cartella insert} / amministratore

Inserisci il tuo nome utente e password di amministratore. Premere il tasto Invio per accedere.

2 Fare clic sull'icona "User Manager", e quindi fare clic sul nome utente dall'elenco. Sul lato destro del modulo Modifica utente, selezionare "No Editor" dall'elenco a discesa Editor della selezione. Ciò consente di conservare il codice di formattazione HTML dalla versione HTML del sito. Fai clic su "Salva" dopo aver effettuato il cambiamento.

3 Creazione di sezioni e categorie per i vostri articoli se hanno bisogno di organizzazione. I piccoli siti generalmente non richiedono categorie o sezioni, ma i siti più grandi sicuramente bisogno l'organizzazione. Creazione di sezioni e categorie nella sezione manager e direttore categoria situato nel menu dei contenuti.

Fare clic su "Nuovo" nel gestore sezione per creare una sezione. Specificare un nome per la sezione, e cliccare su "Salva". Fare clic su "Nuovo" nel gestore categoria, e specificare un nome per la categoria. È inoltre necessario specificare quale sezione la categoria è. Fare clic su "Salva" quando hai finito.

4 Clicca su "Articolo Manager" nel menu dei contenuti, e attendere che il direttore articolo per caricare. Clicca su "Nuovo" per creare un articolo. Aprire la versione HTML di questo articolo con il proprio editor. Selezionare l'articolo, compreso il codice HTML e copiarlo negli appunti.

Inserire un nome per l'articolo nel campo "Titolo", e selezionare una sezione e categoria dal menu a tendina. Se non si dispone di sezioni o categorie, scegliere "Uncategorized" per il nome della sezione.

5 Incollare l'articolo in Joomla! editore Articolo usando Control-V. Creare una cartella sul computer locale per le immagini. Joomla! memorizza le immagini in

images / stories /

cartella, e si può creare una nuova cartella in storie per immagini. Copiare le immagini in tale cartella.

6 Modifica il codice articolo per indicare la posizione delle immagini che inseriti nella cartella. Fare clic sull'icona "Salva" quando si è finito con l'articolo. Ripetere il processo per la creazione di nuovi Joomla! sono stati importati articoli con immagini fino a tutti gli articoli e le immagini.

L'aggiunta di menu

7 Passare il puntatore del mouse su "Menu" nel pannello di controllo, e cliccare su "Menu principale *" dal menu. Il menu direttore oggetto sarà caricare e visualizzare un elenco di voci nel menu. L'unico elemento visualizzato quando la lista è nuovo è "casa". Clicca su "Nuovo" per creare una voce di menu.

8 Selezionare "Layout articolo" dal tipo di menu di selezione. Inserire il nome che si desidera assegnare la voce di menu - il nome che appare nel menu del sito Web. Selezionare il nome dell'articolo accede nel menù usando il tasto "Scegliere articolo" sul lato destro dello schermo.

9 Cambiare l'elemento principale predefinito, se necessario, nella parte inferiore dello schermo. Ad esempio, si dispone di una voce di menu denominata "Frutta", e si desidera voci del sottomenu denominato "banana, pera, e Apple." Clicca su "Frutta" per specificare la voce di menu "banana" come figlio di "Fruit". La voce di menu "a banana" mostrerà solo se l'utente fa clic su sito Web "Fruit". Fai clic su "Salva" quando hai finito di inserire la voce di menu.

10 Creare voci di menu per sezioni e categorie, se li volete. Invece di "Articolo layout", scegliere un elenco di categorie o il layout del blog, o un elenco sezione o il layout del blog. layout lista di visualizzazione di un elenco di articoli all'interno di una sezione o categoria, e layout di blog visualizzare più articoli su una singola pagina all'interno di una sezione o categoria.

L'aggiunta di funzionalità e test

11 Creazione di un modello sulla base dei fogli di stile creati per la versione HTML del sito. Hai bisogno di essere esperto in HTML, CSS e JavaScript, e si deve seguire il Joomla! le linee guida del modello. Un'altra opzione è quella di ottenere un modello libero o commerciale da uno sviluppatore. I modelli sono di solito a basso costo o gratis, e facilmente installati utilizzando Extension Manager.

12 Aggiungere funzionalità e caratteristiche utilizzando le estensioni di Joomla! Directory estensioni. Ci sono molte estensioni gratuite nella directory - Joomla! è una comunità open-source sviluppatore supportato.

13 Installare un'estensione di backup che esegue il backup di Joomla! database, nonché tutti i suoi file. Un'estensione di backup gratuito che include gli script di re-installazione e un programma di installazione di facile utilizzo è disponibile. Scaricare e installare "Akeeba Nucleo Backup" dal Joomla! Directory Estensioni (andare a http://extensions.joomla.org/extensions/access-a-security/site-security/backup/1606).

14 Prova il tuo sito a fondo prima di caricarlo. Utilizzare tutte le funzioni e le opzioni di menu per assicurarsi che funzionino. Mostra tutti i file multimediali e le immagini per assicurarsi che siano disponibili.

15 Eseguire il backup della versione HTML del sito, e memorizzare una copia sul computer locale. Se qualcosa va storto con il passo successivo, sarete pronti a mettere il vostro sito Web back in fretta.

16 Elimina il tuo sito HTML, ed installare Joomla! sul server. Se è stato eseguito il Joomla! sito utilizzando un programma con lo script di installazione, si può facilmente caricare un backup ed eseguire lo script di installazione. Si dovrà creare il database utilizzando il programma MySQL phpadmin del provider di hosting.

Consigli e avvertenze

  • Selezionare le estensioni che sono supportati dallo sviluppatore. Controllare forum di supporto dello sviluppatore per i messaggi correnti e le indicazioni l'estensione è ancora supportato. Alcune estensioni sono Joomla! versione specifica e sono stati creati per risolvere problemi specifici con una versione specifica.
  • Joomla! versione 1.6 non ha più sezioni con le categorie. Invece, si categorie nido, e la restrizione sui due strati di organizzazione è stato rimosso. È possibile nidificare le categorie più profondamente come si desidera.
  • Non eliminare il sito HTML corrente fino a quando il nuovo sito sta lavorando su un computer locale. Anche se Joomla! è pubblicizzato come avere una curva di apprendimento "rapida", non pensate di creazione di un sito web in poche ore se non si ha esperienza con Joomla!