Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Capa de Presentación

    Загружено:

    Rebeca Villalba Cardenas
    10 просмотров3 страницы

    Оригинальное название

    Capa de presentación.docx

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    10 просмотров3 страницы

    Capa de Presentación

    Загружено:

    Rebeca Villalba Cardenas

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    Capa de presentación

    Esta capa mostrará la interfaz del usuario a través de la explicación de un


    fichero clave que contiene el código necesario para que generar la
    siguiente vista.

    Código:
    Llamada a ficheros externos
    La primera parte del código está definida a través de llamada obligatorias
    a otros ficheros en otras carpetas las cuales definen la forma de navegación
    y el encabezado que será utilizado en todas las páginas que se utilice.

    <!--
    autor: Proyeccion social WEB VIRTUAL 2018
    -->
    <?php include 'includes/header.php'; ?>
    <!-- Navigation -->
    <?php include 'includes/navigation.php'; ?>

    <!DOCTYPE html>
    <html lang="en">
    Información de pestaña
    Este código define la información que se visualizara sobre la pestaña en
    la parte superior al abrir la página, de modo que se incluye el nombre de
    institución y el logotipo que lo identifica.
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Colegio Nuestra Señora de Lourdes</title>
    <link rel="shortcut icon" href="imagen/ico.png">
    Estilos globales
    Este código define todos los estilos que serán utilizados para la
    presentación de la página los cuales son importados de las diferentes
    carpetas en las cuales estos ya se hallan codificados.

    <link
    href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,3
    00i,400,400i,700,700i" rel="stylesheet">
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-
    awesome.min.css">
    <link rel="stylesheet" href="css/animate/animate.min.css">
    <link rel="stylesheet" href="css/owl-
    carousel/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl-
    carousel/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/style.css">
    </head>
    <body id="page-top">
    Inicio
    El código de esta sección muestra el carrusel que contiene la imagen y un
    cuadro de texto funcional en el cual se puede colocar cualquier texto que
    se considere es la presentación principal que se observa debajo del menú.

    <section id="home">
    <div id="carousel" class="carousel slide carousel-fade" data-
    ride="carousel">
    <!-- Carousel items -->
    <div class="carousel-inner">
    <div class="carousel-item active slides">
    <div class="overlay"></div>
    <div class="slide-1"></div>
    <div class="hero ">
    <hgroup class="wow fadeInUp">
    <h1>Colegio <span ><a href="" class="typewrite" data-
    period="2000" data-type='[ " Religioso", " franciscano"]'>
    <span class="wrap"></span></a></span> </h1>
    <h3>Educamos con valores y a la par de Dios</h3>
    </hgroup>
    <button class="btn btn-general btn-green wow fadeInUp"
    role="button">Contactenos</button>
    </div>
    </div>
    </div>
    </div>
    </section>

    Вам также может понравиться