Come creare un modello personalizzato per RapidWeaver

November 23

Come creare un modello personalizzato per RapidWeaver


temi RapidWeaver vanno al di là del modello web in generale, consentendo agli utenti di modificare i temi per creare layout completamente personalizzate per le loro pagine web. Il software di web design per Mac OS X è dotato di più di 45 temi per gli utenti di personalizzare. Utilizzando un tema ready-made in RapidWeaver, i progettisti possono creare lo stile che vogliono per il loro sito web senza la necessità di ripartire da zero. I progettisti possono apportare modifiche che vanno da semplici modifiche di modificare il tema per cui è irriconoscibile rispetto a quello originale.

istruzione

1 Creare un nuovo progetto in RapidWeaver. Fare clic sul pulsante "Temi", che si trova nella barra degli strumenti.

2 Selezionare un tema per personalizzare e controllare cliccare sul suo nome. Selezionare "Tema Duplica" e il nome con il titolo del progetto.

3 Controllo click sul tema copiato e scegliere "Mostra contenuto." Aprire il file "styles.css" con software come CSSEdit, TextWrangler o modificare il testo (in modalità testo normale). Modificare le classi e gli ID dei diversi elementi del tema come volete. Ad esempio, la modifica dettagli sotto "#pageHeader h1" influenzerà il titolo del sito e "h2 #pageHeader" farà modifiche al motto.

4 Aprire il file "index.html" utilizzando TextWrangler, TacoHTML o Espresso. Spostare i componenti a diverse posizioni nel file per modificare il layout della pagina web.

5 Utilizzare PrefSetter o software simile per aprire il file "theme.plist". Modificare le preferenze per il tema tra le opzioni disponibili.

6 Modificare i singoli file all'interno della cartella "css" per abbinare le modifiche apportate nel file "style.css". Lasciando questi file invariato renderà le modifiche precedenti defunta.

7 Sostituire le immagini dei pulsanti, intestazioni, sfondo e altri con le proprie scelte. Software per fare queste modifiche include RWMultitool o MWMultitool Lite. Assicurarsi che le immagini utilizzate per sostituire sono le stesse dimensioni e tipo degli originali.