Creazione di una pagina Web come MySpace

August 31

Creazione di una pagina Web come MySpace


Se si desidera creare una pagina Web con alcune delle caratteristiche di una pagina di MySpace, ci sono una serie di elementi e stili è possibile includere. Le pagine di Myspace chiave sono le pagine di profilo, attraverso cui le persone indicano informazioni su se stessi all'interno di display visivamente stimolante. I grandi siti di social networking come Myspace sono basati su database, ma è possibile creare una pagina con alcuni degli elementi a MySpace caratteristiche pagina in pochi semplici passi.

istruzione

1 Crea il tuo layout di base pagina HTML. pagine Myspace genere hanno due colonne, l'uno a destra essendo leggermente più ampio di quello di sinistra. Creare un nuovo file in un editor di testo e salvarlo con estensione "HTML", immettendo la seguente struttura HTML:

<Html>

<Head> <link rel = "stylesheet" type = "text / css" href = "pagestyle.css" /> </ head>

<Body>

<Div id = "principale">

<Div id = "col1"> Prima colonna </ div>

<Div id = "col2"> Seconda colonna </ div>

</ Div>

</ Body>

</ Html>

All'interno di ogni colonna, è possibile includere il maggior numero di ulteriori "div" Come vuoi, così come altri elementi, con contenuti quali testo, immagini e multimedia.

2 Aggiungere CSS codice (Cascading Style Sheet) per lo stile della pagina. Creare un nuovo file in un editor di testo e salvarlo come "pagestyle.css" per abbinare il link nella sezione pagina di testa. Scegli un'immagine da visualizzare sullo sfondo della pagina. Per il layout di base Myspace e l'aspetto, utilizzare il seguente codice di esempio, la modifica del nome del file immagine e il percorso per soddisfare la vostra:

corpo

{Background: URL ( "images / bgimage.jpg") repeat;}

principale

{Margin: auto; width: 800px;}

col1

{Width: 44%; float: left;}

col2

{Width: 55%; float: left;}

3 Includere informazioni su di te sulla tua pagina. Se si desidera che il contenuto della pagina per essere simile a un profilo Myspace, aggiungere nulla su di te che si vuole che la gente sappia. Questo può includere i vostri dati personali come il nome, l'età e la posizione. A seconda del scopo della vostra pagina, è possibile anche inserire i tuoi gruppi preferiti, i film, artisti e quant'altro si desideri. Una breve introduzione a se stessi e un'immagine simile a quelli utilizzati come immagini profilo su Myspace può anche essere incluso, come nel seguente esempio:

<Img alt = "il tuo nome" />

4 Aggiungere funzionalità di social networking alla tua pagina. Siti di social networking come Myspace utilizzano quelli che vengono indicati come "Web 2.0" caratteristiche. Queste sono caratteristiche che rendono un sito più interattivo, e dei collegamenti ad altri siti di social networking come Facebook e Twitter. È possibile includere queste funzionalità in modo rapido usando un servizio automatico, come AddThis, attraverso il quale si crea un account, generare il codice automaticamente e incollarlo nella propria pagina. Questi strumenti consentono alle persone di condividere la pagina per e-mail, social bookmarking e social networking.

5 Include i collegamenti alle foto o altri media, e ai siti web di persone che si dispone di connessioni con. Per includere un link alla pagina o sito di social networking di un amico, utilizzare la seguente sintassi, modificando l'attributo "href" e testo del link per soddisfare:

<a href="friendpage.html"> nome dell'amico </a>

pagine di MySpace di solito includono numerosi collegamenti ad altre pagine di profilo e siti web, in modo da includere il maggior numero che vuoi.

Consigli e avvertenze

  • Per includere funzioni quali le scatole commento sulla tua pagina, è possibile trovare molti script gratuiti disponibili online. Tuttavia, la maggior parte di queste caratteristiche sono più adatti a siti web di database-backed.
  • I principali siti di ragionare come MySpace sono così largamente utilizzati è che permettono alle persone di effettuare connessioni con gli altri su larga scala, che è improbabile che si verifichi con una pagina isolata.