Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    14

    Problemi con creazione foglio di stile css

    Ciao ragazzi,
    ho un problema che a voi sembrerà molto stupido ma io mi sto a prendere male.

    Come esercizio devo applicare un css a una pagina web che ci è stata data già con molti <div> <span> ecc..

    Posso scegliere io come organizzare il sito utilizando un css.

    E' possibile applicare un css a questo sito in maniera automatica , io non so proprio da dove incominciare.

    Vi posto la pagina web se potete aiutarmi ve ne sarei grato.

    Il fatto è che non ho molto tempo da dedicarci visto che devo preparare un esame che avrò fra pochi giorni.

    Se avete qualche suggerimento o qualcosa di pronto vi prego di aiutarmi perchè non so come fare.

    In allegato la pagina(casomai qualcuno volesse cimentarsi ad applicarci un css ).



    Ecco il fle:

    "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"><head>


    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="author" content="Sergio Luján Mora">
    <meta name="keywords" content="programación, Internet, web">
    <meta name="description" content="PI, Programación en Internet, Departamento de Lenguajes y Sistemas Informáticos, Universidad de Alicante, Alicante, España">
    <meta name="robots" content="all"><title>PI: Programación en Internet</title>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen"><!--
    Este documento XHTML está etiquetado para proporcionar la máxima flexibilidad al diseñador.
    Contiene más clases y etiquetas que las necesarias en un diseño real.
    --></head><body id="pi">
    <div id="contenedor">
    <div id="intro">
    <div id="titulo">
    <h1><span>PI: Programación en Internet</span></h1>
    <h2><span>Aprende a programar aplicaciones en Internet</span></h2>
    </div>

    <div id="resumen">
    <p class="p1"><span>Asignatura optativa perteneciente al plan de estudios de 2001 de las titulaciones de:</span></p>
    <ul class="ul1">
    [*]Ingeniería Informática.
    [*]Ingeniería Técnica de Informática de Sistemas.
    [*]Ingeniería Técnica de Informática de Gestión.
    [/list]
    <p class="p2"><span>La asignatura tiene una carga docente de 6 créditos, repartidos entre 3 de teoría y 3 de prácticas.</span></p>
    <p class="p3"><span>Para
    cursarla es recomendable haber aprobado: Bases de Datos I, Fundamentos
    de Programación I y Fundamentos de de Programación II.</span></p>
    <p class="p4"><span>Esta
    asignatura la imparte el Departamento de Lenguajes y Sistemas
    Informáticos de la Escuela Politécnica Superior de la Universidad de
    Alicante.</span></p>
    </div>

    <div id="comentario">
    <p class="p1"><span>El
    contenido de esta página es meramente informativo y su objetivo es
    servir de base para que los alumnos de la asignatura desarrollen hojas
    de estilo (CSS), como en CSS Zen Garden.</span></p>
    <p class="p2"><span>La información oficial de la asignatura se encuentra en la ficha de la asignatura del plan de estudios.</span></p>
    </div>
    </div>


    <div id="enlacesintra">
    <h3 class="intra"><span>Apartados:</span></h3>
    <ul class="ul1">
    <li class="li1">Objetivos de la asignatura
    <li class="li2">Contenidos teóricos y prácticos
    <li class="li3">Profesores
    <li class="li4">Bibliografía
    [/list]
    </div>


    <div id="apartados">
    <div id="objetivos">
    <h3><span>Objetivos de la asignatura</span></h3>
    <p class="p1"><span>El
    objetivo de esta asignatura es formar ingenieros informáticos que
    puedan satisfacer la gran demanda actual (y futura) de profesionales
    especializados en temas relacionados con Internet (incluyendo intranet
    y extranet).</span></p>
    <p class="p2"><span>Asimismo, pretende
    capacitar a los alumnos para que puedan analizar, planificar y
    programar aplicaciones cliente/servidor basadas en web.</span></p>
    </div>

    <div id="contenidos">
    <h3><span>Contenidos teóricos y prácticos</span></h3>
    <p class="p1"><span>Los contenidos teóricos se dividen en tres módulos:</span></p>
    <ul class="ul1">
    [*]Módulo I: Introducción a la programación en Internet
    <ul>
    [*]Unidad 0: Presentación y objetivos de la asignatura.
    [*]Unidad 1: Modelo cliente/servidor.
    [*]Unidad 2: Internet, intranet y extranet.
    [/list]


    [*]Módulo II: Programación de cliente
    <ul>
    [*]Unidad 3: HTML y CSS.
    [*]Unidad 4: Programación en el cliente: JavaScript.
    [/list]


    [*]Módulo III: Programación de servidor
    <ul>
    [*]Unidad 5: Programación básica de servidor.
    [*]Unidad 6: Active Server Pages (ASP).
    [*]Unidad 7: PHP.
    [/list]

    [/list]
    <p class="p2"><span>A
    lo largo del curso tendran lugar varias sesiones prácticas dirigidas
    con el fin de asentar unos conocimientos de base. El resto de las
    sesiones serán de trabajo libre para realizar la práctica que se dará a
    conocer al inicio del curso y se entregará al final del cuatrimestre.</span></p>
    <p class="p3"><span>Las sesiones de prácticas dirigidas son:</span></p>
    <ul class="ul2">
    [*]Configuración de Microsoft Internet Information Server.
    [*]HTML y CSS.
    [*]Validación de formularios con Javascript.
    [*]Programación básica de una página ASP/PHP.
    [*]Acceso a una base de datos desde un ASP/PHP.
    [*]Mantenimiento de sesiones con ASP/PHP.
    [*]Programación de un CGI.
    [/list]
    </div>

    <div id="profesores">
    <h3><span>Profesores</span></h3>
    <p class="p1"><span>Los profesores que imparten esta asignatura son:</span></p>
    <dl>
    <dt>Sergio Luján Mora</dt>
    <dd>Coordinador de la asignatura, imparte teoría y prácticas en castellano.</dd>
    <dt>Jaume Aragonés Ferrero</dt>
    <dd>Imparte teoría y prácticas en valenciano.</dd>
    <dt>Iván Mingot Latorre</dt>
    <dd>Coordinador de prácticas, imparte prácticas en castellano.</dd>
    </dl>
    <p class="p2"><span>Los
    horarios de tutorías y la localización del despacho de cada profesor se
    puede encontrar en la página particular de cada profesor.</span></p>
    </div>

    <div id="bibliografia">
    <h3><span>Bibliografía</span></h3>
    <p class="p1"><span></span></p>
    <dl>
    <dt>Programación en Internet: Clientes Web.</dt>
    <dd><span class="autores">Sergio Luján-Mora</span> <span class="editorial">Editorial Club Universitario, Alicante, 2001.</span> <span class="isbn">ISBN: 84-8454-118-5.</span></dd>
    <dt>Programación de servidores web con CGI, SSI e IDC.</dt>
    <dd><span class="autores">Sergio Luján-Mora</span> <span class="editorial">Editorial Club Universitario, Alicante, 2001.</span> <span class="isbn">ISBN: 84-8454-136-3.</span></dd>
    <dt>Programación de aplicaciones web: historia, principios básicos y cliente web.</dt>
    <dd><span class="autores">Sergio Luján-Mora</span> <span class="editorial">Editorial Club Universitario, Alicante, 2002.</span> <span class="isbn">ISBN: 84-8454-206-8.</span></dd>
    <dt>Cuestionario básico sobre Programación en Internet.</dt>
    <dd><span class="autores">Sergio Luján-Mora, Jaume Aragonés Ferrero.</span> <span class="editorial">Editorial Club Universitario, Alicante, 2005.</span> <span class="isbn">ISBN: 84-8454-413-3.</span></dd>
    </dl>
    </div>
    </div>


    <div id="enlaces">
    <div id="lselecciona">
    <h3 class="selecciona"><span>Selecciona un diseño:</span></h3>
    <ul>
    [*]Sin CSS por Sergio Luján Mora
    [*]Mi querido Commodore por Sergio Luján Mora
    [*]Viejo DOS por Sergio Luján Mora
    [*]Horrible W3.11 por Sergio Luján Mora
    [*]Windows 95 por Sergio Luján Mora
    [/list]
    </div>

    <div id="lhistorico">
    <h3 class="historico"><span>Histórico:</span></h3>
    <ul>
    [*]Anteriores diseños
    [*]Siguientes diseños
    [*]Todos los diseños
    [/list]
    </div>

    <div id="lrecursos">
    <h3 class="recursos"><span>Recursos:</span></h3>
    <ul>
    [*]Ver este CSS
    [*]Ver HTML
    [*]W3C
    [*]CSS Zen Garden
    [*]W3 Schools
    [/list]
    </div>
    </div>


    <div id="enlacesversiones">
    <h3 class="versiones"><span>Versiones anteriores:</span></h3>
    <ul class="ul1">
    <li class="li1">2005-06
    <li class="li2">2004-05
    <li class="li3">2002-03
    <li class="li4">2001-02
    [/list]
    </div>
    </div>



    <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
    <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>

    <script src="PI%20%20Programaci%C3%B3n%20en%20Internet_fil es/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    // <![CDATA[
    _uacct = "UA-1178750-1";
    urchinTracker();
    // ]]>
    </script>
    </body></html>"

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    non ho capito cerchi qualcuno che ti crei la grafica e poi te la converta in css?

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    14
    Cerco qualche dritta, qualche consiglio, qualsiasi cosa che possa aiutarmi.

    Non ci ho mai lavorato con i css e non so proprio da dove cominciare....Ora ho scaricato una guida....speriamo di capirci qualcosa.

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da kucciame
    Cerco qualche dritta, qualche consiglio, qualsiasi cosa che possa aiutarmi.

    Non ci ho mai lavorato con i css e non so proprio da dove cominciare....Ora ho scaricato una guida....speriamo di capirci qualcosa.
    probabilmente la cosa migliore è quella appunto di guardarti una guida di base (tipo quelle che trovi qui su html.it per iniziare), e porre domande specifiche. Altrimenti, saremmo anche noi nella condizione di doverti riportare una guida intera qui sul forum, che capirai bene non è fattibile

    Per creare un layout devi anche saper usare un minimo i programmi grafici, tipo photoshop o the gimp, a meno che tu non ti debba limitare alla formattazione dei testi, posizionamento degli elementi e poco altro, con elementi grafici che non vanno oltre qualche colore di sfondo o bordo

    Comunque, in xhtml i meta tag vanno chiusi



Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.