Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • 08 BP PagWeb

    Încărcat de

    Andrei Mirica
    16 vizualizări30 pagini

    Titlu original

    08_BP_PagWeb

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    16 vizualizări30 pagini

    08 BP PagWeb

    Încărcat de

    Andrei Mirica

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 30

    BIROTICA PROFESIONALA

    Pagini Web (HTML, CSS)

    Pagini Web
    WWW (World Wide Web) Colecie de texte, imagini, sunete i clipuri video accesibile n reeaua Internet;

    Se bazeaz pe Transfer Protocol);

    protocolul

    HTTP

    (HyperText

    Elemente utilizate: o HTML (HyperText Markup Language); o Navigator Web (browser Web); o Hyperlink (hiperlegtur).

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    WWW (World Wide Web)
    D N S www.ase.ro 193.226.34.67

    Client Navigator Web

    HTTP
    cerere (GET URL)

    Server Server Web

    rspuns

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML
    Limbaj standardizat bazat pe etichete;

    Utilizat pentru crearea paginilor Web, distribuite prin intermediul Internetului;


    Pagina Web fiier text; conine informaiile care vor fi afiate n navigator, ncadrate ntre etichete HTML;

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML Diferite formate de afiare utilizate navigatorul Web pentru afiarea unor texte; Crearea de legturi ntre documente; de

    Includerea documente;

    de

    imagini,

    sunete,

    video

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML Principalele etichete (tag-uri):
    Etichet <a> <applet> <b> <body> <br> <div> <font> <frame> <form> <h1>, , <h6> <head> <html> <i> <input> <li> <meta> <object> <ol> <p> <script> <table> <td> <textarea> <title> <tr> <u> <ul> Semnificaie ancor, legtur applet Java stil text bold corpul documentului sfrit de linie container de stiluri modificare caracteristici font sub-fereastr formular interactiv titluri de capitole antetul documentului elementul rdcin al document HTML stil text italic control n cadrul formularului (buton, text etc.) element de list (ordonat sau neordonat) meta informaii obiect list ordonat paragraf script tabel celul de tabel cmp de editare cu mai multe linii titlul documentului linie de tabel stil text subliniat lista neordonat

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web

    HyperText Markup Language HTML

    Atributele universale asociate aproape oricrui element HTML: id identificatorul unic al elementului HTML; class clasa asociat elementului HTML; dir direcia de scriere a textului (de la stnga la dreapta sau de la dreapta la stnga); lang limba utilizat pentru scrierea coninutului elementului; style stilul asociat elementului (CSS); title titlul asociat elementului.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML Atribute specifice n HTML: src stabilire cale fiier (tag img); alt specificare text alternativ n cazul n care imaginile nu sunt afiate (tag img); align stabilire modaliti de aliniere a textului (etichete h1, h2, p, img etc.); border specificare tip de linie utilizat (etichete img, table etc.).

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML
    <html> <head> <meta http-equiv="Content-Type content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> <p><a href="http://www.google.ro/">Google</a></p> </body>

    </html> http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    Pagini Web
    HyperText Markup Language HTML
    Includere formulare (forms) pentru introducere date si transmiterea lor ctre serverele Web; Includere programe (applet-uri, plug-ins-uri) n interiorul unei pagini Web; Scriere programe de tip script pentru completare funcionaliti pagini Web.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    10

    Pagini Web
    HyperText Markup Language HTML Limbaj utilizat pentru publicarea resurselor n Web;

    Faciliti ale HTML: o publicarea online a documentelor; o gsirea informaiei via hipertext; o proiectarea de formulare pentru ncrcarea informaiei prelucrate la distan; o includerea de elemente multimedia i a diverselor aplicaii n documentele HTML.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    11

    Pagini Web

    HyperText Markup Language HTML Un document HTML este format din:

    Linie cu informaia privind versiunea de HTML utilizat; Seciune header (HEAD): titlu, cuvinte cheie utilizate de motoarele de cutare i alte date care nu sunt considerate ca elemente de coninut ale documentului; Seciunea documentul propriu-zis (BODY, FRAMESET): prezint coninutul documentului n diferite modaliti n funcie de aplicaia browser.
    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    12

    Pagini Web
    Hyperlink
    Folosit n documente HTML pentru a crea legturi ntre documente i ntre pri ale aceluiai document; Asociate unui text, imagine, clip video sau audio; a

    Permit parcurgerea nesecvenial documentelor publicate pe Web.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    13

    Pagini Web
    Dezvoltare site-uri Web: Pagini statice conin doar elemente HTML, fara interactivitate; cod surs al paginilor statice vizualizat identic cu cel al fiierului stocat pe disc la serverul Web; Pagini dinamice coninutul poate diferi la fiecare nou accesare; parametri ai variatiei de continut: poziionare geografic utilizator, ora, pagini vizitate anterior, profil utilizator.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    14

    Pagini Web
    Pagini Web dinamice (Client) Client side scripts;

    DHTML (Dynamic HTML) - combin HTML, foi de stiluri (CSS) i script-uri;

    Applet-uri Java (<OBJECT> </OBJECT>) - cod binar descrcat pe maina client de pe server i executat local, n maina virtual Java (JVM);
    Controale ActiveX (<OBJECT> </OBJECT>) asemntoare applet-urilor Java i ruleaz pe platforma Windows.; Elemente multimedia (?! Adobe Flash, Silverlight -> HTML 5, mobile content).

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    15

    Pagini Web
    Pagini Web dinamice (Server) Rularea de script-uri pe server;

    CGI (Common Gateway Interface); cod script executabil in Perl sau C; ASP, ASP.NET (Active Server Page);

    JSP (Java Server Page), Servlets aplicatie Java procesare server-side;


    PHP (Hypertext Preprocessor).

    (Sun)

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    16

    Pagini Web
    Pagini Web dinamice (Server)
    Client HTTP Cerere (URL) Navigator Web Server Web
    ASP.NET CGI, PHP, Servlets

    Server

    Date

    Rspuns (Pagina HTML)

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    17

    Pagini Web
    Site Web Colectie de fisiere: Pagini Web; Multimedia; Documente; Alte tipuri.

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    18

    Pagini Web
    Utilizare Baze de Date in Internet
    Client HTTP Cerere (URL) Navigator Web Server Server Web
    ASP, ASP.NET, CGI, JSP, PHP ADO, ADO.NET JDBC, ODBC, OLE-DB

    Server Baz de
    date

    Rspuns
    (Pagina H TM L )

    Interfete acces la baza de date: ADO - ActiveX Data Objects; JDBC Java DataBase Connectivity; ODBC Open DataBase Connectivity; OLE-DB Object Linking and Embedding DataBase
    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    19

    Pagini Web
    Baze de Date si Sisteme de Gestiune a Bazelor de Date: Oracle Microsoft SQL Server DB2 Access MySQL

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    20

    Pagini Web
    Software pentru realizarea site-urilor Web Microsoft Expression Web 4, Visual Studio, FrontPage Adobe (Macromedia) Dreamweaver NetObjects Fusion Adobe GoLive

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    21

    Pagini Web
    Navigatoare (browser-e) Web Internet Explorer Chrome Firefox Opera Safari Netscape Navigator Konqueror

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    22

    Pagini Web
    Servere Web: IIS Internet Information Server Apache HTTP, Apache Tomcat Nginx Lighttpd Jigsaw

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    23

    Pagini Web
    CSS Cascading Style Sheet:

    Foi de stiluri;
    Definire reguli;

    Stilurile sint definite pentru elementele HTML:


    selector { element: valoare; }

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    24

    Pagini Web
    CSS Cascading Style Sheet:

    Definire: o inline (atributul style); o in documentul HTML: atributul type; o in fisier extern .css.

    eticheta

    style

    cu

    Asociere cu fisiere HTML, XML:

    <link rel="stylesheet" href=fs.css">

    type="text/css"

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    25

    Pagini Web

    CSS Cascading Style Sheet: Imbuntire mod n care un document HTML este vizualizat n browser; Rezolva problema limitrii modului de formatare oferit de HTML;

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    26

    Pagini Web
    CSS Cascading Style Sheet: Exemplu Style Sheet stocat n fiierul special.css:
    P.special { color : green; border: solid red; }

    Aplicarea stilului:
    <HTML> <HEAD> <LINK href="special.css" rel="stylesheet" type="text/css"> </HEAD> <BODY> <P class="special">Paragraf scris cu verde. </BODY> </HTML> http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro 27 http://www.itcsolutions.eu

    Pagini Web
    CSS Cascading Style Sheet:

    Specificare inline a stilului: <P style="font-size: fuchsia">Stil aplicat InLine.

    12pt;

    color:

    <HEAD> <STYLE type="text/css"> H1 {border-width: 1; border: align: center} </STYLE> </HEAD>

    solid;

    text-

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    28

    Pagini Web
    CSS Cascading Style Sheet: Aplicare pentru elemente <H1> ce aparin unei clase specifice:
    <HEAD> <STYLE type="text/css"> H1.myclass {border-width: 1; border: solid; text-align: center} </STYLE> </HEAD> <BODY> <H1 class="myclass"> Element H1 afectat de stil </H1> <H1> Element H1 care nu este afectat de stil </H1> </BODY>

    http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro http://www.itcsolutions.eu

    29

    Pagini Web
    CSS Cascading Style Sheet: Limitarea sferei de aciune a modificrilor de stil pentru un singur element H1:
    <HEAD> <STYLE type="text/css"> #myid {border-width: 1; border: solid; text-align: center} </STYLE> </HEAD> <BODY> <H1 class="myclass"> Element H1 care nu este afectat </H1> <H1 id="myid"> Element H1 afectat de stil </H1> <H1> Element H1 care nu este afectat </H1> </BODY> http://www.biroticaprofesionala.ase.ro http://www.acs.ase.ro 30 http://www.itcsolutions.eu

    S-ar putea să vă placă și