Birotică Profesională -...
Transcript of Birotică Profesională -...
Birotică Profesională
Cursul 9-10
Sumar
Protocolul HTTP
Site-uri Web
Software pentru realizarea site-urilor
Web
Utilizarea BD in Internet
HTML
CSS (Cascading Style Sheets)
WWW (World Wide Web)
Sistem care conţine colecţii de texte, imagini, sunete şi clipuri video accesibile în reţeaua Internet
Se bazează pe protocolul HTTP (HyperText Transfer Protocol)
Elemente utilizate: HTML (Hypertext Markup Language)
Navigator Web
Server Web
Hyperlink (hiperlegătură)
WWW
Client
Navigator Web
Server
Server Web
cerere (GET URL)
răspuns
HTTP
D
N
S
www.ase.ro 193.226.34.67
Raspunsuri server Web
2xx – OK
3xx – The page was moved
4xx – Error
5xx – Server Error
HTTP
Pe lîngă documentele
text, serverul mai
trimite şi alte tipuri de
documente
În răspunsul pe care îl
trimite, în antete,
serverul precizează şi
tipul documentului sub
forma tip/subtip
TIP SUBTIP
text rtf
html
plain
image gif
jpeg
video mpeg
application octet-stream
mwsord
HTTP
Cerere Răspuns
GET / HTTP/1.0
GET / HTTP/1.1
Host: zone
HTTP/1.1 200 OK
Server: Microsoft-IIS/5.0
X-Powered-By: ASP.NET
Content-Location: http://10.10.10.4/index.html
Date: Mon, 08 Mar 2004 09:43:05 GMT
Content-Type: text/html
Accept-Ranges: bytes
Last-Modified: Sun, 23 Nov 2003 21:41:42 GMT
ETag: "90a5b195ab2c31:8ea"
Content-Length: 656
<html>
…
</html>
HTML
Limbaj standardizat bazat pe etichete
Utilizat pentru crearea paginilor Web
care pot fi distribuite prin intermediul
Internetului
Pagina Web – fişier text; conţine
informaţiile care vor fi afişate în
navigator, încadrate între etichete
HTML
HTML
Specificarea formatelor de afişare
pentru text
interpretate de navigatorul Web
Crearea de legături între documente
Includerea de imagini, sunete, video
în documente
HTML
Includerea unor formulare (forms) care
permit utilizatorilor introducerea unor date
pentru transmiterea lor către serverele Web
Includerea unor programe (applet-uri, plug-
ins-uri) în interiorul unei pagini Web
Scrierea unor programe de tip script care să
aducă completări funcţionalităţii paginilor
Web
Hyperlink
Folosite în documente HTML pentru a
crea legături între documente şi între
părţi ale aceluiaşi document
Pot fi asociate unui text, imagine, clip
video sau audio
Permit parcurgerea nesecvenţială a
documentelor publicate pe Web
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>
HTML
Elemente
Eticheta start
Atribute si valorile acestora
Continut element
Eticheta incheiere
Elemente vide
Elemente HTML
Structura html, head, body
p
div
ul,ol, li
h1, …, h6
br
Formatare strong, b
em, i
u
style
small
sub, sup
Elemente HTML
Tabele
table
tr
td
th
Legaturi
a
link
Elemente HTML
Preluare date
form
textarea
input
Multimedia
audio
video
img
Pagini Web dinamice
(Client)
Client side scripts (JavaScript)
DHTML (Dynamic HTML)
<object> …</object>
Applet-uri Java
Controale ActiveX
Componente multimedia (Adobe
Flash, Silverlight)
Pagini Web dinamice
(Server)
Rularea de script-uri pe server
CGI (Common Gateway Interface)
ASP, ASP.NET
JSP, Servlets (Sun/Oracle)
PHP
Pagini Web dinamice
(Server)
Client
Navigator Web
Server
Server
Web
Cerere (URL)
Răspuns (Pagina HTML)
HTTP
Date ASP.NET
CGI,
PHP,
Servlets
Site Web
Colectie de fisiere:
Pagini Web
Multimedia
Documente
Alte tipuri
Software pentru realizarea site-
urilor Web
Microsoft – Expression Web,
WebMatrix, Visual Studio
Adobe (Macromedia) – Dreamweaver
NetObjects – Fusion
Adobe – GoLive
Navigatoare Web
Internet Explorer
Firefox
Opera
Chrome
Safari
Konqueror
Server Web
IIS
Apache
OmniHTTP
Resin
Baze de date şi SGBD
Oracle
Microsoft SQL Server
MySQL
PostgreSQL
DB2
Microsoft Access
Tehnologii de conectare la
BD
ODBC (Open Database Connectivity)
ADO, ADO.NET (ActiveX Data
Objects)
JDBC
OLEDB
Utilizarea BD in Internet
Răspuns
(Pagina H TM L )
Server Client
Navigator
Web
Server
Server
Web
Cerere (URL)
HTTP
Bază de
date
ADO,
ADO.NET
JDBC,
ODBC,
OLE-DB
ASP,
ASP.NET,
CGI,
JSP,
PHP
Documente cloud
Google Docs http://docs.google.com
Documente
Foi de calcul
Prezentari
Desene
Formulare
Microsoft Office Web Apps http://office.live.com
Word, Excel, PowerPoint, OneNote
CSS
Foi de stiluri Definire reguli Stilurile sint definite pentru elementele HTML
selector
{
element: valoare;
…
}
Definire: inline (atributul style), in documentul HTML (eticheta style cu atributul type), in fisier extern .css
Asociere cu fisiere HTML, XML: <link rel="stylesheet" type="text/css"
href=“fs.css">
CSS
Selector
de tip (elemente HTML)
universal: *
de clasa (class): .clasa
identificator (id): #id
descendent ( )
copil: >
frate: +
atribut (Element[Atribut])
CSS
*
{
color:green;
}
CSS
body > p
{
background: green;
}
CSS
p + a
{
color: green;
background: yellow;
}
CSS
table a
{
color: #990000;
}
CSS
*[id]
{
background:green;
}
CSS
Stiluri font
Formatare text
Casete
Poziţionare
Tabele
Liste
Fonturi
Font: font
Familia: font-family
Stil: font-style
Dimensiune: font-size
Grosime: font-weight
Fonturi
h1
{
font-family: Arial, Helvetica, sans-
serif;
font-style: italic;
font-size: xx-large;
}
Text
Culoarea: color
Fundal: background
Culoare de fundal: background-color
Imagine de fundal: background-image
Aliniere: text-align
Indentare: text-indent
Decorarea textului: text-decoration
Transformari: text-transform
Spaţiere: word-spacing, letter-spacing
Text
.rosu
{
color:red;
text-decoration: underline;
}
Casete
Margini: margin, margin-top,
margin-left, margin-bottom, margin-
right
Chenar: border, border-style,
border-width, border-color
Spatiere: padding, padding-top,
padding-left, padding-right,
padding-bottom
Pozitionare si afisare
Poziţionare: position, z-index
Coordonate: top, left, bottom, right
Vizibilitate: display, visible
Pozitionare si afisare
#layer1
{
position:absolute;
left:112px;
top:52px;
width:819px;
height:456px;
z-index:1;
}
Valori
Valorile asociate proprietăţilor sunt predefinite în foarte multe cazuri (de exemplu pentru aliniere: left, center, right, justify).
În cazul valorilor numerice, pentru anumite stiluri CSS trebuie precizată unitatea de măsură utilizată: lungime (in, cm, mm, px, em), procente (%).
Culorile sunt definite prin: denumire (16 culori din paleta VGA)
specificarea valorii pentru fiecare culoare de bază (roşu, verde şi albastru).
Exemplu, culoarea roşu: • red
• #FF0000
• rgb(255, 0, 0).
Bibliografie
P. Pocatilu, D. Vespan (coord) – Birotica profesională, Editura ASE, 2009
Roşca s.a. – Internet, Intranet, Editura Economica, Bucureşti, 2000
T. Surcel s.a. – Informatică economică, Editura Tribuna Economică, Bucureşti, 2005
S. Tanenbaum – Computer Networks, Fourth Edition, Prentice Hall, 2003
C. Binstock et al. - The XML Schema Complete Reference, Addison Wesley, 2002, ISBN 0-672-32374-5
J.R. Gardner, Z.L. Rendon - XSLT and XPATH: A Guide to XML Transformations, Prentice Hall PTR, 2001, ISBN 0-13-040446-2
E.R. Harold - Effective XML: 50 Specific Ways to Improve Your XML, Addison Wesley, 2003, ISBN 0-321-15040-6
www.w3schools.com