Personal tools
You are here: Home Informazioni, Documentazione, Modulistica Guida all'uso del portale Come pubblicare un documento HTML
Document Actions

Come pubblicare un documento HTML

by mythsmith last modified 2005-03-27 09:26 PM

Questa guida illustra i passi che bisogna seguire per pubblicare sul sito una semplice pagina web.

Avete letto le guide precedenti e siete scalpitanti? Volete subito costruire una super pagina personale? Bene!

Esistono moltissimi validi strumenti per redigere pagine web. Si tratta solitamente di programmi avanzati e complessi (ad esempio OpenOffice, Quanta, Bluefish, Mozilla Composer etc...). Prima di cominciare ad usarli, è necessario scaricarli da internet, installarli  e giocarci un po' per capire come funzionano. Se volete imparare a scrivere pagine web all'ultima moda, vi consiglio di provarli.

Se però vi accontentate di una grafica semplice ed essenziale, allora vi serve solo un buon Browser, come ad esempio l'acclamato Mozilla Firefox. Un browser è il programma che vi assiste nella navigazione, scaricando ed interpretando per voi le pagine web, per poi mostrarvele sullo schermo del computer (altri programmi famosi sono: Konqueror, Galeon, Epiphany, Lynx, W3M, Internet Explorer, Mozilla Suite, Opera, Safari ...).
Se state leggendo questa pagina, allora state usando un browser!

Ma come è possibile usare, diciamo, Firefox per scrivere una pagina web?? Se avete un attimo di esperienza, sapete bene che le pagine mostrate normalmente dal browser non sono "modificabili". Mi spiego: normalmente, non potete andare sul sito di Repubblica e modificare il titolo di prima pagina in "Auguri Mamma!" (e per fortuna, direi).
Ma questo portale è molto più avanzato del sito di Repubblica. Qui potete creare e modificare tutte le pagine in cui avete questo diritto (spiacente, la prima pagina rimane appannaggio dei Capi!!!). Ad esempio, la vostra pagina personale, che si trova a http://modena1.webhop.org/Members/il-tuo-nome
Ciò è reso possibile da un simpatico aggeggio che si chiama "Epoz": a differenza degli altri programmi citati sopra, non avete bisogno di installare nulla: basta che visitate alcune particolari pagine per poterlo utilizzare!


Immagine 1: L'editor di testo Epoz. Nello spazio al centro inserite il testo. I pulsanti verdi in alto forniscono alcune funzionalità di base.

In questa guida cercherò di spiegarvi come utilizzare "Epoz" per scrivere la vostra pagina personale. Naturalmente, potete applicare il metodo a qualsiasi altra pagina per cui abbiate il diritto di modifica!

Creare una pagina vuota o Modificare una pagina esistente


Per creare una pagina vuota, dovete posizionarvi nella cartella in cui intendete crearla. Quindi, dal menu a tendina in alto a destra "aggiungi un nuovo elemento" scegliete "Documento". Vi si aprirà una pagina in cui potrete modificare i vari attributi principali Nome Breve, Titolo, Descrizione. Sotto ai campi per inserire questi attributi, trovate una finesta di scrittura (form di input) con un menu verde con tanti bottoni. Quello è Epoz!

Per modificare una pagina, posizionatevi sulla pagina (in modo da averla nel Browser) cliccate su "modifica" nella barra di amministrazione rosa. Vi troverete davanti allo stesso scenario precedente, solo che i campi saranno parzialmente riempiti. Nella finestra di Epoz vedrete il contenuto della pagina e potrete modificarlo.

Per accedere alla vostra pagina personale, cliccate sul nome del vostro utente nella barra rossa sotto alle sezioni del sito. La prima volta che accedete alla pagina personale questa sarà ovviamente vuota! Per cominciare a scrivere, cliccate su "modifica" nella barra di amministrazione rosa.

Immagine 2: Barra personale. Di fianco all'iconcina dell'omino compare il vostro nome utente (nel mio caso "zopemaster"). Cliccando su di esso accedete alla vostra pagina personale. A fianco si trova il link alla "cartella personale", che contiene i vostri oggetti personali (compresa la pagina personale). "Preferenze personali " permette di configurare alcuni semplici parametri per la navigazione.

Usare Epoz


La cosa più semplice che potete fare una volta aperta una pagina in modalità "modifica", è cominciare a scrivere nella finestra di Epoz. Il testo che Finito di scrivere, potete cliccare su "conferma modifiche" in fondo alla pagina: ciò che avete scritto verrà salvato e sarà visibile ai navigatori.
Se volete qualcosa di leggermente più elaborato, potete usare la barra degli strumenti di Epoz:



Immagine 2: Barra degli strumenti di Epoz commentata.

Selettore di Stile


Questa casella combinata serve per decidere il tipo di formattazione da applicare al testo. SI definisce "formattazione" il modo con cui il testo è visualizzato, ad esempio, con quale dimensione. Vediamo i tipi disponibili:

  • Normale:  E' la formattazione usata per gran parte del testo del documento.
  • Paragrafo: Inserisce uno spazio tra gli "a capo". Per usarlo, selezionate una porzione di testo "normale", quindi cambiate lo stile a "paragrafo": verrà suddiviso in tanti paragrafi.
  • Titolo 1,2,3,4,5,6: Dà evidenza al testo, in ordine decrescente, modificandone la dimensione e lo spessore. Potete usare queste formattazioni per introdurre un ordine gerarchico di importanza tra le varie sezioni del vostro documento. Ad esempio:

Argomento Principale 1

...

Argomento Secondario 1,1

...

Argomento Terziario 1,1,1

...

Argomento Secondario 1,2

...

Argomento Principale 2

...

Argomento Secondario 2,1

...
etc..

  • Formattato: Serve per dare una particolare evidenza al testo. E' usato per le citazioni, per i riporti testuali, per i frammenti di codici di programmazione. Ad esempio:
#!/usr/bin/env python
"""Questo è uno stupido programma in Python che saluta gaiamente il nome inserito in input."""
 
def ciao(nome): 
"""Questa funzione saluta il nome passato come argomento. """
print "Ciao "+nome+" !\n"

nome=input("Inserisci il tuo nome! ") # Metto l'input nella variabile nome
ciao(nome) # Chiamo la funzione ciao() con argomento nome

Altre funzioni

  • "B": Grassetto.
  • "I": Italico
  • "U": Sottolineato
  • "x2" Pedice. Cioè così
  • "x2" Apice. Cioè cosà
  • "ABC" Rimuovi formattazione. Rimuove gli effetti di tutti i precedenti pulsanti sulla porzione di testo selezionata. Se prima era così, dopo è così: Se prima era così.
  • "A" Colore del testo.
  • Colore di sfondo. Si applica a tutta la linea, purtroppo.
  • Allinea a
sinistra ----------------------------
----------------------- centro -----------------------
--------------------------------- destra
  Servirebbe in politica.
  • Lista Numerata:
  1. Oggetto 1
  2. Oggetto 2
  3. Eccetera
  • Lista a punti:
  • Punto
  • Altro punto
  • Altro punto ancora
  • Hai vinto!
    Piccola nota riguardo le liste numerate/puntate: se state imprecando contro Epoz perché non riuscite più ad uscire da una lista (cioè ogni volta che andate a capo compare un nuovo numero o un nuovo punto) no problem. Andate a capo, in modo che compaia un nuovo numero/punto, quindi andate al pulsante corrsipondente al tipo di lista e cliccateci sopra. Il numero/punto scomparirà e sarete sopravvissuti alla lista.

  • Aumenta rientro:
Questo testo è rientrato.
Questo testo è ancor più rientrato.
Ma non era già rientrato?
Quante porte ci sono???
  • Inserisci Link. Per utilizzare questa funzione, dovete evidenziare del testo con il mouse. Quindi, cliccando su "inserisci link" epoz creerà un link dal testo selezionato all'indirizzo che metterete nel form di input.


hosting
Iniziative che sponsorizziamo:
Scopri altri siti scout!
Sito precedente 5o sito precedente Home ScoutRing Lista dei Siti Sito Casuale Sito successivo 5o sito successivo
Informati e protesta contro il DRM!
Powered by Plone, the Open Source Content Management System