Páginas web

Jordi: http://condemor.alwaysdata.net/

Regli: regli.alwaysdata.net

Jessica: jessrb.alwaysdata.net

Carmen: http://cmateos.alwaysdata.net/

Mario: mdelacruzmelocv.alwaysdata.net

Víctor: http://soulsart.alwaysdata.net/

José Antonio: http://barranquera.alwaysdata.net/

Vera: http://vbt.alwaysdata.net/

Roser: roser.alwaysdata.net

Roger: http://rcr.alwaysdata.net

Publicar una web

Para publicar una web necesitamos un servidor web. Un sitio que nos proporcione un alojamiento para nuestros archivos. Normalmente son de pago, pero hay sitios que nos dan una opción gratuita. Nosotros crearemos una cuenta aquí:

https://www.alwaysdata.com/en/

Para subir los archivos necesitamos una cuenta ftp. En el caso de always data se crea así:

Con esta cuenta nos iremos a cualquier programa cliente de ftp, por ejemplo filezilla, y configuramos la cuenta ftp:

Una vez hecho esto y conectados a la cuenta sólo tenemos que arrastrar los archivos a la carpeta www del servidor.

Proyecto web

Hay que desarrollar una página web que incluya, al menos los siguientes apartados:

Inicio (descripción de la empresa, fotos)

Servicios (lo que hace la empresa)

Galería de fotos

Equipo

Contacto (dirección, teléfono y mapa)

El diseño puede ser one page o con cinco páginas diferentes. NO SE PUEDEN USAR PLANTILLAS pero sí podemos usar bootstrap y cualquier elemento o animación que consideremos conveniente.

Layout bootstrap responsive


<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<style>
header{
height: 20vh;
}

footer{height:10vh;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">

</div>
</div>

<div class="row">
<div class="col-md-2 col-sm-12">

</div>
<div class="col-md-8 col-sm-9">

</div>
<div class="col-md-2 col-sm-3">

</div>
</div>

<div class="row">
<div class="col-md-12">

</div>
</div>

</div>
</body>
</html>

Layout bootstrap


<!DOCTYPE html>

<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>

</head>
<body>
<div class="container">
<header class="row bg-info">
<div class="col-md-12">
<h1>Cabecera</h1>
</div>
</header>
<main class="row">
<aside class="col-md-3 bg-success"><h1>hola</h1></aside>
<section class="col-md-9"><h1>que</h1></section>
</main>
<footer class="row bg-dark">
<div class="col-md-12">
<p class="text-light">Pie de la página</p>
</div>
</footer>
</div>
</body>
</html>