Web Design: dynamische webpagina
advertisement
Web Design 2
Dynamische webpagina’s
Guy Gesquière
Recap
Statische webpagina’s
• HTML-tags
• Webpagina = bestand op server
• Onderhoud kan probleem zijn
• Enkel deze webpagina’s zijn bruikbaar voor
•
•
search engines (Google, …)!!!
Bestandsextentie: htm of html
Homepage = index.htm of index.html
Recap (2)
Dynamische webpagina’s
• Webpagina’s worden dynamisch
•
samengesteld op de server en vervolgens als
HTML-pagina doorgestuurd naar de client
(browser)
Bestandsextentie:
• asp (Active Server Page)
• jsp (Java Serve Page)
• php (Personal Home Page)
Statische webpagina
http://www.abc.be/index.htm
URL
123.111.222.012
DNS
ip-adres
index.htm
Client (browser)
Web server
Statische webpagina (2)
Statische webpagina (3)
Web server:
O.S.: Windows / Linux
Web server SW: IIS / Apache
Dynamische webpagina
http://www.abc.be/dwp.asp
URL
123.111.222.012
DNS
ip-adres
html-pagina
Client (browser)
Web server
Dynamische webpagina (2)
Dynamische webpagina (3)
Web server:
O.S.: Windows / Linux
Web server SW: IIS / Apache
(Database: SQLServer / mySQL)
Script Engine: VBScript / PHP – Perl - Python
WISV LAMP
ASP basics
www.w3schools.com
ASP staat voor Active Server Pages
ASP is een programma dat draait onder IIS
IIS staat voor Internet Information Services
Wat is een ASP File?
Een ASP file is hetzelfde als een HTML
file
Een ASP file kan tekst, HTML, XML, en
scripts bevatten
Scripts in een ASP file worden op de
server uitgevoerd
Een ASP file heeft de extentie ".asp"
Hoe verschilt ASP van HTML?
HTML?
Als een browser een HTML file oproept,
verstuurd de server een file
Als een browser een ASP file oproept,
geeft IIS de oproep door aan de ASP
engine. De ASP engine leest de ASP
file, regel per regel en voert de scripts in
de file uit. Tenslotte wordt de ASP file
naar de browser verstuurd als zuivere
HTML
Wat kan ASP?
ASP?
Antwoorden op gebruikersvragen of gegevens
vanuit HTML formulieren
Toegang tot gegevens of databases en het resultaat
naar een browser terugsturen
Security, vermits ASP vanuit de browser niet kan
bekeken worden.
Vermits ASP files als zuivere HTML worden verstuurd,
kunnen ze bekeken worden door elke browser
Doordachte ASP programmering kan het netwerk
verkeer minimaliseren
The Basis Syntax Regel
Een ASP file bevat normale HTML tags,
zoals een HTML file. Een ASP file kan
echter ook server scripts bevatten,
omgeven door de delimiters <% en %>.
Server scripts worden op de server
uitgevoerd, en kunnen elke expressie,
statement, procedure, of operator
bevatten die geldig is voor de gebruikte
scripting taal.
VBScript (standaard voor ASP)
ASP)
<html>
<body>
<% response.write("Hello World!") %>
</body>
ASP directive
</html>
JavaScript
<%@ language="javascript"%>
<html>
<body>
<% Response.Write("Hello World!") %>
</body>
</html>
User Input
<form method=“post" action="simpleform.asp">
First Name: <input type="text" name="fname">
Last Name: <input type="text" name="lname">
<input type="submit" value="Submit">
</form>
User Input: Request.Form
simpleform.asp:
<body>
Welcome
<%
response.write(request.form("fname"))
response.write(" " & request.form("lname"))
%>
</body>
------------------------------------------------------------------------Welcome Bill Gates
VBScript
Subset van Visual Basic
Scriptcode voor:
• Server-side scripting (IIS)
• Client-side scripting (IE <> Netscape/FireFox)
www.trainingtools.com/online/vbscript/index.htm
www.NETgLearning.com
ASP en Database
Voorbereidingen
•
•
•
Database maken
Toegangsrechten verlenen
ODBC Data Source Name (DSN) opzetten
ASP
•
•
•
•
Connecteren met de database
Records selecteren
Records tonen
Disconnecteren van de database
DSN-less connecteren
naar MS Access database
set oConn = server.createobject("ADODB.connection")
set oRS = server.createobject("ADODB.recordset")
oDB = Server.MapPath("..\private\database.mdb")
oConn.open "driver={Microsoft Access Driver (*.mdb)};dbq=" & oDB
Records Selecteren … SQL
oRS.Open sSQL, oConn, CursorType, LockType
Source: sSQL=“select …;”
Active Connection: oConn
CursorType: default = 0 = adOpenForwardOnly
LockType: default = 1 = adLockReadOnly
Record Navigatie
oRS.MoveNext
Do while not oRS.eof
response.write oRS(“field”)
oRS.MoveNext
Loop
Disconnecteren
oRS.close
set oRS = nothing
oConn.close
FTP
File Transfer Protocol (FTP)
• Om bestanden te beheren op uw website
• miFiles (www.simdata.com.au)
• Kan in nood ook via I.E.
Search Engine Marketing
80% van websites via search engines
75% van zoekopdrachten via Google
60% van websites via Google!!!
Search Engine Marketing (2)
URL aanmelden (www.dmoz.org/be)
URL met trefwoorden
Webpagina’s met trefwoorden
• Spiders (6w – 6m)
• Statische pagina’s zonder frames
• Landingspagina’s per doelgroep
Optimalisatie Landingspagina’s
HTML title
Meta tags
•
•
Keywords
Description
HTML body: frequentie & relevantie trefwoorden
Trefwoorden in URL
Alt tags
Link populariteit
GEEN FRAMES!
Opdracht
Per groep een website maken in de voorziene Jet
webruimte
ftp://studentftp1.arteveldehs.be
Log-in en paswoord: wordt doorgemaild na
ontvangst van de groepsamenstelling
Wekelijkse feedback: 10:45u – 11:15u – 11:45u –
12:15u
(NIET op maandag 16 januari 2006!)
Tegen 16 januari 2006 eerste mock-up op de
website met duidelijke vermelding van uw keuze!
Opdracht (2)
Minimale eisen:
Homepage
Keuze 1:
•
•
•
Request formulier
DSN-less MS Access database
ASP of PHP pagina
Keuze 2:
•
Tegen 06 februari 2006 met uw website op basis van
een “keyword” (mag geen exotisch woord zijn!) in de
20 eerste resultaten terechtkomen van een Google
zoekopdracht.
Opdracht (3)
Website klaar tegen maandag 06
februari 2006!
Verdediging per groep op maandag 06
februari 2006:
• Groep 1: 10:45u
• Groep 2: 11:15u
• Groep 3: 11:45u
• Groep 4: 12:15u
