photo4u.it


sito personale

 
Nuovo argomento   Intervieni in questo argomento    Indice del forum -> Off-Topic
Mostra argomento precedente :: Mostra argomento successivo  
Autore Messaggio
Knight76
utente


Iscritto: 30 Nov 2006
Messaggi: 178

MessaggioInviato: Mar 11 Dic, 2007 5:34 pm    Oggetto: sito personale Rispondi con citazione

Ciao a tutti,
ho visto che molti di voi hanno dei siti personali veramente ben fatti e dall'aria molto professionale. Dopo qualche anno che scatto mi piacerebbe farmene uno anch'io ma non so bene da che parte iniziare. Voi come avete fatto? Vi siete appoggiati a qualche web designer oppure ve lo siete fatto da soli magari creando i template in photoshop?
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Visita il sito di chi scrive Bacheca utente
Marco Scotto
operatore commerciale


Iscritto: 18 Dic 2004
Messaggi: 5969
Località: Cagliari

MessaggioInviato: Mer 12 Dic, 2007 8:31 pm    Oggetto: Rispondi con citazione

Personalmente per il mio sito ho utilizzato Joomla come base per i testi e Gallery2 per le immagini, con il relativo plug-in per Joomla.
Non è una procedura complessa ma ci devi stare dietro e avere un minimo di nozioni di php+apache+css. Oppure aver voglia di imparare a fare queste quattro cose. E soprattutto tempo.
Se non hai uno di questi tre requisiti, come è normale, allora l'ideale è utilizzare qualche programma (ad esempio Lightroom) per creare la gallery e poi trasferirla direttamente sul tuo spazio web.
Per come la vedo io, il risultato che si vuole ottenere è direttamente proporzionale al tempo che ci si vuole impiegare per imparare a fare certe cose, prima di decidere di spendere dei soldi per un prodotto magari mediocre.

_________________
Canon Eos 7D, Canon Powershot G12 , lenti varie.
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Visita il sito di chi scrive Bacheca utente
dago
non più registrato


Iscritto: 04 Lug 2005
Messaggi: 2447

MessaggioInviato: Gio 13 Dic, 2007 12:42 pm    Oggetto: Rispondi con citazione

il mio è fatto tutto in html e js con il blocco note. ho preso vari script e poi ho assemblato il tutto.
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Bacheca utente
dariohonda
utente attivo


Iscritto: 19 Apr 2006
Messaggi: 2273
Località: Torino

MessaggioInviato: Gio 13 Dic, 2007 7:40 pm    Oggetto: Rispondi con citazione

nessun web designer, solo un pò di smanettamento e un pò di html
www.dariobologna.com

_________________
SITO Personale SITO Professionale
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Visita il sito di chi scrive Bacheca utente
Italian Comrade
utente


Iscritto: 04 Nov 2007
Messaggi: 145
Località: Italia Centrale

MessaggioInviato: Ven 14 Dic, 2007 4:13 pm    Oggetto: Rispondi con citazione

Mi associo alla combriccola dell' HTML.
Puoi aprire un blog con:
https://www.blogger.com/start
che ti si traduce in uno spazio web gratuito.

Ti presenta dei template preconfezionati e già puoi giocarci senza addentrarti nella programmazione HTML.
Poi andrai su Layout => Modello => Modifica HTML
cancelli TUTTO e ci copi-incolli questo:

Codice:

<html>
<head>
    <title>testing page</title>
    <b:skin><![CDATA[

]]></b:skin>
  </head>

  <body>
  testing page 03
</body>
</html>



=> SALVA MODELLO (click)
A questo punto comincia a scrivere, provare inserire immagini, costruire TABLE e DIV, tra i tag :

<body>

</body>

dove ora ho scritto 'testing page 03'.

Attenzione che blogger è molto critico per la convalida (SALVA MODELLO);
ad esempio, non accetta &nbsp; ma vuole &#160; per lo spazio vuoto addizionale.
Se dimentichi o sbagli a chiudere un tag, inevitabilmente compare il messaggio di errore e
la convalida non procede; cosa che invece è (entro certi limiti) tollerata da molti Editor di Testo.

Fammi un fischio se l'interesse ti prende.
Intanto, facendo <body BGCOLOR="#404040"> vedrai che la pagina ti diventa grigia come sfondo,
una tonalità che trovo molto indicata per far risaltare le foto.
Se hai già un'immagine in qualche web-gallery (anche questa di photo4u), la puoi far apparire con:
Codice:
<IMG SRC=""/>

e tra gli apici "" ci schiaffi l'URL che ti da' la web-gallery.
Questo ad esempio, chiama la prima foto che appare oggi in 'Fotografie' qua su photo4u :
Codice:
<IMG SRC="http://www.photo4u.it/album_thumbnail.php?pic_id=277295"/>

in formato thumbnail.
Questo l' URL del formato intero:
Codice:
<IMG SRC="http://www.photo4u.it/album_pic.php?pic_id=277295"/>


Poi tutta 'sta roba va centrata, distanziata, allineata ...
e per questo si fanno le TABLE.
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Bacheca utente
Italian Comrade
utente


Iscritto: 04 Nov 2007
Messaggi: 145
Località: Italia Centrale

MessaggioInviato: Ven 14 Dic, 2007 4:56 pm    Oggetto: Rispondi con citazione

P.S. : d'un tratto vedo che le foto non mi appaiono più sul testing blog
o mi appaiono a tratti; forse è una lentezza di risposta del server di photo4u.
Beh, comunque il procedimento è quello.
Potete anche caricare le foto dal vostro computer al server di blogger usando la funzione POST del blog;
anche se poi di fatto il post non appare sul blog/sito.
Si riapre il POST con Modifica poi Modifica HTML e si recupera l' URL che corrisponde alla foto caricata (il primo).
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Bacheca utente
Italian Comrade
utente


Iscritto: 04 Nov 2007
Messaggi: 145
Località: Italia Centrale

MessaggioInviato: Ven 14 Dic, 2007 5:49 pm    Oggetto: Rispondi con citazione

Questo per allineare 6 Thumbnails, come pure altri contenuti (blocchi di testo).
Si metteranno i tag IMG SRC tra <TD ALIGN= (ecc.ecc.)> e la sua chiusura </TD>
cioè si è messo in una cella della tabella:

Codice:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD ALIGN="center" VALIGN="middle"> </TD>
<TD ALIGN="center" VALIGN="middle"> </TD>
<TD ALIGN="center" VALIGN="middle"> </TD>
</TR><TR>
<TD ALIGN="center" VALIGN="middle"> </TD>
<TD ALIGN="center" VALIGN="middle"> </TD>
<TD ALIGN="center" VALIGN="middle"> </TD>
</TR>
</TABLE>


Dove <TR> impone l'inizio di una riga di celle, e </TR> determina la fine della riga;
quindi, </TR><TR> determina una andata a capo con la successiva serie di celle TD.

Inserire il valore "1" in BORDER="" nel tag TABLE, aiuta a visualizzare la ripartizione
in sede di costruzione, specialmente se le tabelle diventano parecchie.
Poi una volta finito il progetto, si riporta BORDER="0" se non si vuole il bordo: bordo che appare attorno ad ogni cella.
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Bacheca utente
Italian Comrade
utente


Iscritto: 04 Nov 2007
Messaggi: 145
Località: Italia Centrale

MessaggioInviato: Sab 15 Dic, 2007 12:58 pm    Oggetto: Rispondi con citazione

Un DIV di mia ideazione per aggiungere musica al sito, ottenendo la barra musicale da YouTube,
e solo la barra, che compare in fondo ai video; funziona con Netscape/Firefox, qualche incognita con IExplorer:
Codice:
<DIV ALIGN='' STYLE='HEIGHT: 38px; WIDTH: 368px; OVERFLOW: hidden;'>
<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0'>
<TR>
<TD ALIGN='center' VALIGN='middle'><A HREF='#sound02'>SUONO<BR/></A></TD>
</TR><TR>
<TD>
<object height='355' width='425'><param name='movie' value='http://www.youtube.com/v/5w0Xy_6WIY0&amp;rel=1'/><param name='wmode' value='transparent'/><embed height='355' src='http://www.youtube.com/v/5w0Xy_6WIY0&amp;rel=1' type='application/x-shockwave-flash' width='425' wmode='transparent'/></object>
</TD>
</TR><TR>
<TD><A NAME='sound02' STYLE='FONT-SIZE: 0px;'>&#160;</A></TD>
</TR>
</TABLE>
</DIV>

LA CODIFICA DELL' AMPERSAND
Negli URL YouTube troverete la " & " come in:
www.youtube.com/v/5w0Xy_6WIY0&rel=1

Per blogger.com, la dovrete sostituire con:
www.youtube.com/v/5w0Xy_6WIY0&amp;rel=1
o con:
www.youtube.com/v/5w0Xy_6WIY0&#38;rel=1
altrimenti vi nega la convalida.

&amp; o &#38; sono una codifica che corrisponde al carattere &
così come &copy; e &#169; rendono il carattere © del Copyright.
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Bacheca utente
Italian Comrade
utente


Iscritto: 04 Nov 2007
Messaggi: 145
Località: Italia Centrale

MessaggioInviato: Dom 16 Dic, 2007 9:08 am    Oggetto: Tabella entro Tabella Rispondi con citazione

UNA TABELLA DENTRO UN' ALTRA TABELLA - La Centratura.

La TABELLA verde vista precedentemente, è stata ora ampliata da più celle distribuite
su quattro righe, che nel precedene esempio erano due; si parla sempre di riga in orizzontale.
Inoltre, ad ogni cella è stato dato un contenuto: il tag <IMG SRC="" />
capace di richiamare un'immagine, una fotografia.
La pagina che ne vien fuori, è visibile più in basso: nella prima, con BORDER="0"; nella seconda, con BORDER="1".
Le immagini in realtà non appaiono perché il tag non è completato dall' URL tra gli apici ("");
appare una sagoma rettangolare che è il risultato degli Attributi WIDTH="120px" HEIGHT="80px".
Queste saranno le Dimensioni in pixel in cui apparirà l'immagine, anche se l' URL richiama
un'immagine di dimensioni diverse: questa verrà automaticamente ridimensionata nella visualizzazione.
Occorre però aggiustare i Valori degli Attributi WIDTH e HEIGHT (Larghezza e Altezza)
per conservare le proporzioni originali tra i lati, altrimenti la foto risulta deformata.

In ultimo, questa Tabella multi-celle e multi-righe, è stata racchiusa entro la
TABELLA rossa, che è composta da una sola cella.


<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<TR>
<TD BGCOLOR="#777777" ALIGN="center" VALIGN="top">

    <TABLE BORDER="0" CELLPADDING="10px" CELLSPACING="0" WIDTH="60%">
    <TR>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    </TR><TR>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    </TR><TR>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="80px" HEIGHT="120px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="80px" HEIGHT="120px"/></TD>
    </TR><TR>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="80px" HEIGHT="120px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="80px" HEIGHT="120px"/></TD>
    <TD ALIGN="center" VALIGN="middle">
<IMG SRC="" WIDTH="120px" HEIGHT="80px"/></TD>
    </TR>
    </TABLE>

</TD>
</TR>
</TABLE>



16TD TABLE; in 1TD TABLE.gif
 Descrizione:
 Dimensione:  39.1 KB
 Visualizzato:  File visto o scaricato 419 volta(e)

16TD TABLE; in 1TD TABLE.gif



16TD TABLE; in 1TD TABLE; BORDER=1.gif
 Descrizione:
 Dimensione:  44.46 KB
 Visualizzato:  File visto o scaricato 419 volta(e)

16TD TABLE; in 1TD TABLE; BORDER=1.gif


Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Bacheca utente
Marty McFly
utente attivo


Iscritto: 02 Ago 2006
Messaggi: 4792
Località: Roma

MessaggioInviato: Mer 19 Dic, 2007 6:06 pm    Oggetto: www.davidelena.it Rispondi con citazione

Io pure me lo sono fatto da autoditatta.
HTML + CSS + SimpleViewer (quest'ultimo per le gallery).

www.davidelena.it

_________________
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Visita il sito di chi scrive Bacheca utente
Michael
utente attivo


Iscritto: 04 Dic 2006
Messaggi: 12033
Località: Napoli

MessaggioInviato: Mer 19 Dic, 2007 6:35 pm    Oggetto: Rispondi con citazione

Riducete le foto come da regolamento per cortesia, 800x600.
_________________
Regolamento Come pubblicare le vostre foto
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Bacheca utente
pask
utente attivo


Iscritto: 15 Feb 2006
Messaggi: 5941
Località: Salerno

MessaggioInviato: Gio 20 Dic, 2007 12:05 pm    Oggetto: Rispondi con citazione

Io ho usato un po' di Front Page (una cosa orribile, ma comoda solo per qualcosina) e un po' di Dreamweaver...
_________________
Io non vivo nel mondo reale.
Vivo nel mondo astratto, creato dalla mia fantasia.
Ed è un bel posto...
Vai ad inizio pagina
Vai a fine pagina
Mostra il profilo utente Galleria utente Invia un messaggio privato Invia email Visita il sito di chi scrive Bacheca utente
Mostra i messaggi a partire da:   
Nuovo argomento   Intervieni in questo argomento    Indice del forum -> Off-Topic Tutti gli orari del forum sono CET (Europa)
Pag. 1 di 1

 
Vai a:  
Non puoi iniziare nuovi argomenti
Non puoi rispondere ai messaggi
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi
Non puoi allegare files in questo forum
Puoi scaricare gli allegati in questo forum



Tutti i contenuti presenti sul sito sono di proprieta' esclusiva degli autori, sono vietate la riproduzione e la distribuzione degli stessi senza previa esplicita autorizzazione.

Visualizza la policy con cui vengono gestiti i cookie.

© 2003, 2016 photo4u.it - contatti - based on phpBB - Andrea Giorgi