Newsgroup: it.lavoro.professioni.webmaster
Titolo: Simulare frame con le tabelle

Ho un sito struttrato pressappoco così:
________________________________________________
| 
|
|                             BANNER                                |
|__________________________________________|
|_______________pulsanti del menu_____________|
|  Accesso  |                                                           |
|     area     |                                                           |
|  riservata  |                       Pagina                          |
|_________|                     principale                        |
|   Ultimi    |                                                           |
|  articoli    |                                                           |
|_________|                                                          |
|  Altri        |                                                          |
| contenuti  |                                                          |
|_________|________________________________|
Tutte le pagine (salvo poche eccezioni) hanno questa stessa struttura e 
l'unico contenuto a cambiare è quello di "Pagina principale".
Ora nella colonna di sinistra la sezione "ulrimi articoli" è soggetta ad 
aggiornamento manuale. In sostanza quando aggiungo un nuovo articolo nel 
sito modifico la sezione a mano (l'inserimento degli articoli non sarà 
frequente). Naturalmente la suddivisione delle sezioni è fatto cun una 
tabella e non con i (deprecati) frame :-)
Ora mi chiedevo se c'è un modo per trattare questa sezione come un frame. Mi 
spiego. Se utilizzassi i frame la sezione "Ultimi articoli" sarebbe un frame 
mostrante una pagina html modificando la quale il frame si aggiornerebbe in 
tutte le pagine del sito. Così invece mi troverei a dover modificare la 
sezione in ogni pagina del sito cosa abbastanza noiosa e foriera di 
possibili errori.
Dunque mi chiedevo se ci fosse un modo per risolvere la cosa.
Grazie.
-- 
Massy 

 per trattare questa sezione come un frame.
Ti serve un supporto lato server: SSI, PHP, Java, ASP, ecc. ecc.
Fai un include di un file in quel punto in tutte le pagine (o meglio, usi 
un motore di templating) e sei a posto.
Bye.

 Dunque mi chiedevo se ci fosse un modo per risolvere la cosa.
Usa <div> e xmlhttprequest per inserire contenuti nel div, evita le
tabelle.


Wow, questo sì che è un design che romperà gli schemi :D
Una domanda, ma dovrai fornire pagine "statiche" in html o avrai a
disposizione un linguaggio di scripting (probabilmente php) per farle
"dinamiche"?
Hai due scelte progettuali a disposizione:
1) usare i template e fornire la pagina completa ad ogni refresh
2) usare un sistema AJAX e caricare solo un pezzo della pagina in base
all'interazione con l'utente
In entrambe le maniere ricorda che le tabelle sono da abbandonare e sono
cmq molto più difficili e rognose da mantenere. Ora si dovrebbe fare
tutto tableless e solo con i div, posizionati tramite css.
Io ti consiglierei di usare un motore di templating come ad es. Smarty
per PHP, ammesso che tu lo abbia a disposizione
Se non ce l'hai puoi andare solo attraverso la 2), ma te lo sconsiglio
vivamente: è un boccone grosso per chi non ha praticamente esperienza in
materia.
Se hai php a disposizione sull'hosting perché non prendi in
considerazione Joomla, Drupal, Worpress, EzPublish ?
Fanno tutto e bene già di base
Se il tuo scopo è lo studio mettiti su apache in locale sul tuo pc con
il supporto per php e vai di documentazione
Ciao
Marco


credo di aver usato effettivamente div. O meglio credo lo abbia usato 
dreamweaver cui mi sono "appoggiato" per creare la "tabella".
xmlhttprequest non so cosa sia.
Questo il codice html della "tabella":
<html>
<head>
<link rel="shortcut icon" href="
http://www.OMISSIS.it/favicon.ico
">
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Home Page</title>
<script type="text/javascript">
[OMISSIS]
</script>
<script>
[OMISSIS]
</script>
</head>
<body background="sfondo egitto.gif" topmargin="0" 
onLoad="MM_preloadImages('pulsanti/settori_press.JPG','pulsanti/Consulenze_press.JPG','pulsanti/articoli_press.JPG','pulsanti/domiciliazioni_press.JPG','pulsanti/curriculum_press.JPG','pulsanti/contatti_press.JPG','pulsanti/link_press.JPG','pulsanti/riservata_press.JPG')" 
link="#663300" vlink="#996600">
<table width="984" height="1069" align="center" cellpadding="10">
  <tr>
    <td height="258" colspan="2"><p align="center"><img border="0" 
src="BANNER/BANNER%20FINAL.gif" width="963" height="230"><br>
        &nbsp;<img src="pulsanti/home_press.JPG" name="home" width="100" 
height="21" border="0"> <a href="settori.htm" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('settori','','pulsanti/settori_press.JPG',1)"><img 
src="pulsanti/settori_unpress.JPG" name="settori" width="100" height="21" 
border="0"></a>  <a href="consulenze.htm" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('consulenze','','pulsanti/Consulenze_press.JPG',1)"><img 
src="pulsanti/Consulenze_unpress.JPG" name="consulenze" width="100" 
height="21" border="0"> </a><a href="articoli.htm" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('articoli','','pulsanti/articoli_press.JPG',1)"><img 
src="pulsanti/articoli_unpress.JPG" name="articoli" width="100" height="21" 
border="0"> </a><a href="domiciliazioni.htm" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('domiciliazioni','','pulsanti/domiciliazioni_press.JPG',1)"><img 
src="pulsanti/domiciliazioni_unpress.JPG" name="domiciliazioni" width="100" 
height="21" border="0"> </a><a href="curriculum.htm" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('curriculum','','pulsanti/curriculum_press.JPG',1)"><img 
src="pulsanti/curriculum_unpress.JPG" name="curriculum" width="100" 
height="21" border="0"> </a><a href="contatti.htm" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('contatti','','pulsanti/contatti_press.JPG',1)"><img 
src="pulsanti/contatti_unpress.JPG" name="contatti" width="100" height="21" 
border="0"> </a><a href="link.htm" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('link','','pulsanti/link_press.JPG',1)"><img 
src="pulsanti/link_unpress.JPG" name="link" width="100" height="21" 
border="0"> </a><a href="riservata.htm" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('riservata','','pulsanti/riservata_press.JPG',1)"><img 
src="pulsanti/riservata_unpress.JPG" name="riservata" width="100" 
height="21" border="0"></a></p>      </td>
  </tr>
  <tr>
    <td width="155" height="152" bordercolor="#333333" 
background="SFONDI/prova sfondo righine_orizzontali2(rosato).jpg" 
bgcolor="#ECE9D8"><p align="center"><font color="#660000" face="Courier New, 
Courier, monospace">Login<br>
area riservata</font></p>
      <form name="accesso">
    <input type="text" name="username" value="Username">
    <input type="button" name="send" value="Conferma" onClick="invia()">
</form>
    <td width="819" rowspan="3" background="SFONDI/prova sfondo 
righine_orizzontali3(azzurrato).jpg" bgcolor="#FFFFFF"><p 
align="justify"><font size="4">
[OMISSIS]
</td>
  </tr>
  <tr>
    <td height="169" bordercolor="#333333" background="SFONDI/prova sfondo 
righine_orizzontali2(rosato).jpg" bgcolor="#ECE9D8">
 <p align="center">
 <font color="#660000" face="Courier New, Courier, monospace">Ultimi 
Articoli</font></p>
      <p><font size="2">Non &egrave; ancora presente alcun articolo<br>
      </font></p></td>
  </tr>
  <tr>
    <td height="168" bordercolor="#333333" background="SFONDI/prova sfondo 
righine_orizzontali2(rosato).jpg" bgcolor="#ECE9D8">
 <p align="center">
 <font color="#660000" face="Courier New, Courier, monospace">Settori di 
<br>
 attività</font></p>
 <p align="center">
<script type="text/javascript">
window.onload = function() {
    new TreeMenu("menu1");
}
</script>
 <ul id="menu1" class="tree-menu">
    <li>
[OMISSIS]
 </li>
  </tr>
  <tr>
    <td height="96" colspan="2" bordercolor="#333333" 
background="SFONDI/prova sfondo righine_verticali1.jpg" 
bgcolor="#ECE9D8"><div align="center">
      <p>
[OMISSIS]
          <br>
        </a></font> </p>
</div></td>
  </tr>
</table>
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
</p>
</body>
</html> 

 usi un motore di templating) e sei a posto.
E' alle di sopra delle mie attuali capacità.
Per fare tutto "'sto lavoro" meglio aggiornare tutte le (9) pagine a mano... 
:-)

 il supporto per php e vai di documentazione
Il mio scopo è duplice. Lo studio, ma, intanto, anche creare un sito che mi 
serve prima possibile.
Per ora php l'ho abbandonato perchè mi rallentava troppo l'apprendimento. 
Avendo necessità, per ora, solo di pagine statiche sto andando di HTML e 
Javascript. Quando sarò più ferrato sulle "basi" tornerò a prendere in mano 
PHP. 


Scusa se mi permetto di darti un consiglio, ma me la sento proprio.
Capisco la tua situazione perché ci sono passato pure io in quanto
autodidatta in questo campo. Io ho avuto la fortuna di essere al livello
in cui sei tu adesso quando proporre pagine html statiche poteva ancora
avere un senso e gli effetti a tendina dei menu già erano fantascienza.
Oggi come oggi l'(x)html crudo è un prerequisito e da solo non basta a
quasi nulla, se non per delle cose private e cmq crea un feeling molto naïf.
Questo per dirti che se vuoi pubblicare qualcosa di dignitoso al volo
non ti conviene appoggiarti alle tue sole capacità con l'html.
Se non vuoi aspettare il tempo di capire come funzioni php non c'è
problema: installa Wordpress o Drupal. Sono entrambi dei CMS ben fatti
che ti permettono di essere online subito. Per il layout puoi cambiare i
template di base come ti pare, fino ad avere esattamente quello che vuoi
tu.
Del resto il layout che ci hai presentato è talmente tipico e ovvio che
lo trovi già nei template di base di entrambe quelle soluzioni
Per partire dalla "pagina bianca" non c'è problema a farlo anche con
quei template. Magari Wordpress è più semplice per uno che inizia in
quanto di base tu ti fai lo scheletro html e nei punti dove vuoi
inserisci i comandi per far uscire il contenuto gestito da Wordpress,
comandi che puoi copiare ed incollare direttamente dal template di default.
Inoltre facendo così vedresti del codice ben scritto, sia come css che
come html che come php. Vedere cosa e come hanno scritto quelli con più
esperienza rispetto a te è estremamente formativo.
L'installazione di wordpress è a dir poco triviale. Se ti serve aiuto
c'è un sacco di gente disposta a dartene, sia privatamente che
professionalmente. In lista come vedi le risposte arrivano :)
</consiglio>
Ciao
Marco
P.S.
Probabilmente lo conoscerai già, ma c'è un sito che ancora uso come
riferimento per scrivere html pulito e valido: 
http://www.w3schools.com

 problema: installa Wordpress o Drupal.
Sě potrei anche cominciare a dare uno sguardo ai CMS (tanto male non fa).
Ma a parte i due che mi hai consigliato che a quanto leggo sono piů indicati 
per i blog, cosa ne pensi di Joomila?! Piů semplice/difficile? Piů/meno 
completo? Piů orientato a...? ecc. ecc.
Grazie. 


p.s.: mi puoi anche consigliare da dove partire per documentarmi sull'uso di 
questi CSM? Ho provato a vedere le guide su HTML.it ma mi sembrano piuttosto 
datate. 

 
Wordpress è sicuramente il più semplice dal punto di vista di fare un
layout da zero
Drupal è il più estendibile, ma lascialo perdere per il momento.
Joomla è un mattone enorme. Template relativamente facili da gestire
anche con competenze non grandi, ma ha un modo di organizzare i dati che
è cerebrotico secodno me. Nasce per esigenze motlo strutturate e le
soddisfa. Per cose piccole è controproducente.
Tutti e tre funzionano egregiamente cmq.
Sul fatto che siano indicati per un blog non saprei nemmeno cosa questo
possa voler dire, ma ad ogni modo le tue esigenze sono talmente minime
che qualsiasi sistema le soddisfa. Wordpress ti offre una grande
facilità di gestione dei contenuti non eccessivamente strutturati.
Con wordpress faresti n pagine statiche (non post di un blog) e poi le
pubblicheresti.
Per gestire il template di wordpress volendo c'è perfino un comodo
editor direttamente nell'interfaccia di amministrazione. Se guardi il
sorgente della index.php del tema di default di wordpress secondo me già
capisci un bel po'. Se ci spippoli togliendo mettendo modificando e via
così in un pomeriggio arrivi ad abbozzare qualcosa. Prova ;)
Per tutti i cms documentazione ce n'è a josa, cerca su google
$nomeDelCms + $azioneDaCompiereScrittaInInglese Delle volte si fa fatica
a trovare guide per le cose più basilari. Alcune cose si danno per
scontate, ma vedrai che in poco le avrai assimilate.
Ciao
Marco

 per scontate, ma vedrai che in poco le avrai assimilate.
Ok, ma come "guida per iniziare" (installazione, primi passi, nozioni 
fondamentali, ecc.) cosa mi consigli?


Dal punto 5 della "5 minute install" guide
If you want to have your WordPress installation in its own subdirectory 
on your web site (e.g. 
http://example.com/blog/
), rename the directory 
wordpress  to the name you'd like the subdirectory to have and move or 
upload it to your web server. For example if you want the WordPress 
installation in a subdirectory called "blog", you should rename the 
directory called "wordpress" to "blog" and upload it to the root 
directory of your web server.
Come documentazione il punto di partenza migliore per wordpress è la 
loro stessa documentazione che è molto ben fatta:
http://codex.wordpress.org/Main_Page
Per l'xhtml invece vai su
http://www.w3schools.com
Per php se ti serve vai su
http://www.php.net
La parte di apache per il momento lasciala pure perdere se non sei 
proprio costretto a occupartene.
Ciao
Marco

 Dal punto 5 della "5 minute install" guide
[CUT]
Mi stavo accingendo ad installare Wordpress quando mi sono accorto che il 
mio hosting provider mi da la possibilità di installare "automaticamente" 
WordPress dal pannello Plesk.
Però c'è la versione 2.9.2 (ora siamo alla 3.0.1)  e come interfaccia non è 
disponibile l'italiano (ma solo inglese, russo, tedesco, francese, spagnolo 
e tedesco), mentre io avevo pensato di scaricare la versione italiana di 
Wordpress (anche perchè da quanto leggevo sono già impostate correttamente 
cose tipo il formato della data).
Secondo te mi conviene:
1) usare l'installazione guidata offerta dall'hosting provider (sicuramente 
più semplice ma meno aggiornata e in inglese)
2) sbattermi un po' e creare da solo il database dal pannello plesk e 
installare il Wordpress italiano 3.0.1 scaricato dal sito
3) (non so se è possibile) usare l'installazione guidata offerta 
dall'hosting provider  e poi aggiornare alla versione 3.0.1 italiano.
Se fosse possibile forse questa terza opzione sarebbe la migliore... boh
Consigli?
Grazie.
\che poi non capisco perchè devo creare il database se il mio sito non usa 
database. da quello che ho capito serve a Wordpress per gestire gli elementi 
dinamici (boh!) 

 elementi dinamici (boh!)
Tutti i parametri di configurazione di WP sono sul database, cos' come 
gli articoli, i commenti, le pagine "statiche".
ciao
Filippo B.
-- 
http://www.danzainsieme.it
http://www.boschetti.info


Wordpress archivia tutto su db, anche buona parte della configurazione.
Potrebbe archiviarla su file, ma visto che il db cmq è previsto tanto
vale usarlo.
Per imparare sicuramente la cosa migliore è la 2) Tieni conto che la
prima volta ti sembrerà una cosa complessa, ma già alla terza sarà solo
noioso per tanto file liscia.
Fra 2.9 e 3.0 non è che ci siano abissali differenze a quanto mi
risulta, puoi anche andare di plesk se proprio non vuoi metterci mano.
La 3) dovrebbe funzionare senza problemi: scarichi la nuova versione di
wordpress, la scompatti e lamandi su via ftp sovrascrivendo i file già
presenti. Al primo accesso all'interfaccia di amministrazione ti dirà
che c'è da aggiornare il db, gli dici ok e tutto funziona
Io sui miei faccio così ormai da tempo e non ha mai scazzato. Faccio
sempre un backup prima, ma visto che tu parti da un sito vuoto puoi
saltare questo passo. Poi però ricordati di tenere sempre backup delle
cose che fai
Wordpress è formato dai file sul filesystem E dal db. Plesk mi pare
abbia un sistema per backuppare il db comodamente, ma lo conosco poco
Oltre a quello c'è un plugin che ti fa backup direttamente da wordpress,
compreso nel pacchetto completo in italiano
http://www.wordpress-it.it/wordpress-in-italiano/
per installarlo c'è una guida anche lì, sempre gli stessi passi.
unzippi, mandi su ed è fatta
Ciao
Marco

Alla fine ho seguito la seguente procedura:
1) installato da plesk
2) mi č apparso direttamente sul pannello di wp il link per aggiornera alla 
3.0.1, ci ho cliccato e ha fatto tutto da solo
3) ho messo il file it_IT.mo e altri tre simili nella cartella languages e 
modificato il file di configurazione per rendere l'interfaccia in italiano 
(ma credo impostazioni data e simili siano rimasti come prima)
Ho avuto poco tempo per esplorarlo, ma ad una prima occhiata non mi pare che 
sia cosě configurabile come dicevi tu, Motosauro (ma magari devo esplorare 
meglio...)
Da quello che ho visto ci sono n template  (o temi come li chiama wp) ma 
molto rigidi (tipo: il banner in alto quando lo puoi caricare ha cmq 
dimensioni standard; caricando come banner in alto la gif animata che usavo, 
perde l'animazione e diventa come una jpeg statica; per i menu non posso 
usare tasti personalizzati (immagini); ecc.) Forse c'č un'altra strada da 
seguire ma non l'ho ancora trovata.
E poi, cavolo se č orientata ai blog! Tutta l'impostazione presuppone che tu 
debba "scrivere articoli". Addirittura nel mio plesk sta sotto la categoria 
blog , mentre joomila, drupal, mambo, ecc. ecc. stanno sotto la categoria di 
gestione di contenuti.
Insomma, nel complesso, la prima impressione non č stata delle migliori. 
Speriamo di ricredermi "scavando piů a fondo"...

 Speriamo di ricredermi "scavando più a fondo"...
Analizza i template e prova a modificarne uno, è una buon modo per 
scoprire "cose" su WP.
Prova ad utilizzare un tema che supporta i widget e usali
Vai su 
http://wordpress.org/extend/
 e dai un'occhiata ai plugins 
disponibili, scaricane e installane qualcuno, poi guardane il codice.
Vedrai che WP è un sistema piuttosto completo, estendibile e flessibile 
adatto a moltissimi impieghi.



+1
Inoltre per modificare i template di solito basta agire sulla index.php
Non ho mai detto che i temi sono configurabili da area di
amministrazione, ho detto che c'è un editor di testi integrato in WP che
permette di editare i file del template. Questo viene comodo per evitare
di fare avanti e indietro tramite ftp, tutto qui.
I template di WP poi di solito sono abbastanza facili da modificare.
Quello di base lo è di certo.
Quello che serve a te come funzionalità è un sottoinsieme di quello che
offrono tutti i CMS, quindi lo puoi ottenere da uno qualsiasi. Secondo
me WP ti risulterà più semplice come punto di partenza.
In più ti offre la possibilità di tenere un blog decentemente. Se tu
questa possibilità non la vuoi o non ti serve ignorala, izy :)
Ciao
Marco