Primero..
El formulario para elegir el archivo:
Este es el archivo que yo nombré Index.html
<title>Titulo de la pagina</title> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="ufile" /> <input type="submit" value="Upload" /> </form><footer>Powered by<a href='http://creacionesprofesionales.blogspot.com'>Creaciones profesionales</a>
Luego:
Este es el codigo que permite la subida del archivo al servidor, sin él, la pagina anterior no va a ningun lado. Lo llamé upload.php
<?php
//Powered by creaciones profesionales
//The files have a link on a page for downloading
//and filenames are also put in the progress bar so
//the file can be viewed in the browser (ie. PDF files)
//so replace a few characters. Since the file links are
//loaded onto another page via php and filenames
//are displayed, I wanted to use this method instead
//of url_encode() [just looks funny when displayed]
$SafeFile = $HTTP_POST_FILES['ufile']['name'];
$SafeFile = str_replace("#", "No.", $SafeFile);
$SafeFile = str_replace("$", "Dollar", $SafeFile);
$SafeFile = str_replace("%", "Percent", $SafeFile);
$SafeFile = str_replace("^", "", $SafeFile);
$SafeFile = str_replace("&", "and", $SafeFile);
$SafeFile = str_replace("*", "", $SafeFile);
$SafeFile = str_replace("?", "", $SafeFile);
$uploaddir = "uploads/";
$path = $uploaddir.$SafeFile;
if($ufile != none){ //AS LONG AS A FILE WAS SELECTED...
if(copy($HTTP_POST_FILES['ufile']['tmp_name'], $path)){ //IF IT HAS BEEN COPIED...
//GET FILE NAME
$theFileName = $HTTP_POST_FILES['ufile']['name'];
//GET FILE SIZE
$theFileSize = $HTTP_POST_FILES['ufile']['size'];
if ($theFileSize>999999){ //IF GREATER THAN 999KB, DISPLAY AS MB
$theDiv = $theFileSize / 1000000;
$theFileSize = round($theDiv, 1)." MB"; //round($WhatToRound, $DecimalPlaces)
} else { //OTHERWISE DISPLAY AS KB
$theDiv = $theFileSize / 1000;
$theFileSize = round($theDiv, 1)." KB"; //round($WhatToRound, $DecimalPlaces)
}
echo <<<UPLS
<table cellpadding="5" width="300">
<tr>
<td align="Center" colspan="2"><font color="#009900"><b>Upload Successful</b></font></td>
</tr>
<tr>
<td align="right"><b>File Name: </b></td>
<td align="left">$theFileName</td>
</tr>
<tr>
<td align="right"><b>File Size: </b></td>
<td align="left">$theFileSize</td>
</tr>
<tr>
<td align="right"><b>Directory: </b></td>
<td align="left">$uploaddir</td>
</tr>
</table>
UPLS;
} else {
//PRINT AN ERROR IF THE FILE COULD NOT BE COPIED
echo <<<UPLF
<table cellpadding="5" width="80%">
<tr>
<td align="Center" colspan="2"><font color="#C80000"><b>File could not be uploaded</b></font></td>
</tr>
</table>
UPLF;
}
}
?>
por ultimo crea un directorio llamado uploads
Diseño Web Pagina corporativa con Photoshop
Con Photoshop podremos obtener un atractivo diseño de pagina Web Corporativa en muy pocos pasos y con estilizado efecto de sombreado 3D.
Haremos uso de herramientas como estilos de capa, ajustes basicos, edicion de formas y elementos, ademas de opciones de medicion y composicion para posicionar todos los bloques de forma comoda.
Entre los procesos disponibles para nuestra labor podremos ver como realizar la medicion del layout, generar sombras simuladas, aplicar estilos de capa, revisar la definicion de las secciones, y usar las formas libres de manera creativa.
link: http://www.youtube.com/watch?v=ANDz2zKvG9Q
link: http://www.youtube.com/watch?v=ANDz2zKvG9Q
para crear una pagina móvil hay que tener un editor html y por supuesto un servidor en donde alojar nuestra pagina web para empezar hay que abrir un documento en html
para empezar hay que crear la base de la pagina y hay que poner el siguiente código
para empezar hay que crear la base de la pagina y hay que poner el siguiente código
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
</head>
<body>
Tu contenido va aquí</body>
</html>
si estas usando dreamweaver puedes oprimir f12 o vista previa para ver como queda
Como puedes observar solo es texto imágenes o lo que hayas puesto no tiene un header o un footer para poner un header y demás secciones teneos que hacer lo siguiente
para crear una pagina generalmente se usa la opción
<div data-role="page">
y las demás opciones de
<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div><!-- /header --> <div data-role="content"> <p>Page content goes here.</p> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer</h4> </div><!-- /footer --> </div><!-- /page --> </body> </html>
te quedara así muestra
Aqui termina la parte 1 siguenos para que te enteres de nuestras próximas actualizaciones
Les presento el hosting de imagenes del blog
Pueden acceder a el libremente solo que seria una ayuda muy grabde que den un click en la publicidad para que nunca tenga que borrar las imagenes
Pueden entrar dando click en el siguiente link
hosting de imagenes del blog
Suscribirse a:
Entradas (Atom)
- Follow Us on Twitter!
- "Join Us on Facebook!
- RSS
Contact