ProgramaoeAcessoa

SistemasdeInformao
MaterPages,Menus,SiteMap
JoaquimSousaPinto
Pr Requisitos:
VisualStudio2005
ou
VisualStudio2005Express(free)
http://msdn.microsoft.com/vstudio/express/
Northwind andpubsSampleDatabasesfor
SQLServer2000
http://www.microsoft.com/downloads/details.a
spx?FamilyID=06616212035646a08da2
eebc53a68034&DisplayLang=en
OuprocuraremMicrosoftSearch por:
Northwind sampledatabase
Bibliografiarecomendada
MattGibbs,DanWahlin,
ProfessionalASP.NET 2.0AJAX,
WROX,Junho,2007,0470109629
Objectivodestemdulo
UtilizaodeMasterPages
AsMaterPages soutilizadaspara
controlarodesigngeraldeumsite
Todasaspginasqueforemadicionadasao
sitetendoporbaseumaMasterpage vo
herdartodaaestruturaporeledefinida
Navegaonosite
AsMasterPages sotambmumbom
localparacolocaroselementosde
navegaonosite:
Menus,SiteMap
OquesoMenuseSiteMaps
Exemplo1
sitemap
menus
OquesoMenuseSiteMaps
Exemplo2
sitemap
menus
1.1 Criaodeumsite
Duasescolhasimportantes:
Comoarmazenaroprojecto(FileSystem,http
ouFTP)
linguagemdeprogramao(C#,Basic,J#)
OVisualStudio
toolbox
Osvriosdocumentosemedio
Propriedadesdo
objectoseleccionado
Ficheirosdasoluo
Servidoresdedados
Help dinmico
Vistaestrutural
dodocumento
paraoelemento
seleccionado
Vistasdodocumento
Outrasjanelas
informativas
automaticamentecriadoumsitecom
umapginapordefault (Default.aspx).
IssosignificaquesecarregarmosemF5=Run o
siteest prontoparaserexecutado
CriaoumaMasterPage
Vendoemsource modemode,
verificamosque umapginahtml
igualaqualqueroutra
Noentanto,quandoligadaaoutras
pginaselasherdarotodosos
elementosdeaparncia
Colocarumttulodemodoapoderser
utilizadoemtodasaspginasdosite(por
default!)
Importarrecursosparaoprojecto
Criarfiledeestilos(stylesheet.css)
Os recursos
carregados
para o projecto
Osestilossocolocados
sequencialmenteedentrode{}
DaSolution Explorer arrastarafile
paraohead damasterpage
Ocontentplaceholder namasterpage
Esta azonaqueficar sobocontrolodecadapgina.Tudo
oqueestiverforadestarea responsabilidadeda
Masterpage (MP)
UmaMPpodecontermaisqueumContentPlaceHolder
Construindoamatrizdosite
apagarocontentPlaceHolder
Layout /Insert Table escolherolayout
preferido
eest desenhadaaestruturageraldo
nossosite
header,footer,side bar and content area
InserirumContentPlaceHolder na
readecontedos
Grficamente:
alteraraalturadofooter para36px
ColocarotextoCopyrightUniversidade
deAveiro,2007
=alt+0169nokeypad numrico
Oucopiandopeloclipboard
Ouinserindodirectamenteemmodotexto
©(completo!Pontoevrgulaetudo)
Ouinserindodirectamenteemmodotexto
©(completo!Pontoevrgulaetudo)
Menulateral(Style)
Backgroundcolor= LightGray
Verticalalign=top
Height =300px
Noheader:
Inserirumanovalinha,demodoaqueoheader
passeaserconstitudoporduaslinhas
Acertaraalturadasclulas
32px
100px
Formataralinhadecimadoheader
darkGrey
Inserirumaclula esquerdana2
linhadoheader
Inserirologo2.jpgnaclulada
esquerda
Centrarotextonaclula(<td>)a
figuraficaaocentro
Umttulovisvelparaosite
Inseriroboneco2.jpgnalinhadecima
Eamasterpage est completa
Faltaassocilaaumapgina!
Associaodamaster aumapgina
Nadefault.aspx existente,apagar
tudo menosa1 linha
Na1 linhaassociaraMasterPage
Emdesignmode vseamasterPage e
umContent1 (noactivo)
CantosuperioresquerdodaContent1
Adefault.aspx est completa!F5
Defeito: isto deveria estar em cima
Defeito: isto
deveria estar
colado em cima
Quero uma linha
a separar o ttulo
do contedo
Apagaroespaonotopo,alinharo
<td>top
Comoalinhaseparadoraafectaa
linhadatabela,seleccionaro<tr>
Pronto!Vamosagoratratarde
introduzirmenusesitemaps
masissos fazsentidoseositepossuir
vriaspginas.
Criaraspginasseguintes,todasbaseadas
namasterpage1.masterecadaumadelas
comumpequenotextoidentificativo:
Login.aspx
ChangePassword.aspx
ForgotPassword.aspx
CreateAccount.aspx
ManageAccounts.aspx
DisplayReports.aspx
Exerccio:
Criarpginabaseadanamasterpage
aLogin.aspx j est .
Criarumsitemap
Umsistemap contmaorganizao
lgicadasfilesdeumsite
Aorganizaolgicapodenoserigual
organizaofsica.
Osficheirosfisicamentepodemestar
todosnomesmodirectriomas
logicamenteteremumaorganizao
hierrquica
Oficheirocomositemap
Ositemap organizadohierarquicamente
FicheiroXMLorganizadohierarquicamente
Nemtodasaspginasestorepresentadas...
ForgotPassword.aspx
ChangePassword.aspx
Trsnveislgicos:
1
2
3
Aindafaltaaadmin.aspx.
Trocaseonomenainterface
Criarmenubaseadonositemap
Manualmentealterar:align=absmiddle e
juntaraimagemcomoSiteMapPath
Destemodoaimagemeotextoficam
perfeitamentealinhados
Talcomooplaneado.
Talcomono planeado Porqu?
Descubraoproblemaeverifiquepossveissolues
ocomportamentopordefeitodoselementos
(definidosnastylesheet.css podeseralterado).
Este onossositebase?Ento
Consequncias?
Sepretendercriarumnovoprojectoweb,passaaestar
disponvelemMy templates onovotemplate acabado
decriar
Casosejacriadoumnovoprojectocombaseneste
template seroimediatamenteincorporadastodasas
pginaserecursoscriados
J sabemos:
Criarumsite
Criarpginas
Criarmastepages
Criarfolhasdeestilos
FazerumsitebaseadonumamasterPage
Definirlayouts
Aplicarstylesheets
DesenharumsiteMap
UtilizarositeMap emmenus
UtilizarositeMap paranavegaonosite
Guardarumprojectocomomodelo/template