nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

IWEB Notities - Basis webpagina beschreven

RudyProsser

<\/HEAD>

Leermiddel voor de Introduction to Web Development Using ArcGIS API for JavaScript<\/A> (IWEB) cursus onder leiding van een instructeur.<\/P>

<\/P>

Algemene verwijzingen:<\/H3>Mozilla Developer Network (MDN)<\/A> > Webtechnologie voor ontwikkelaars<\/A><\/LI>w3schools.com<\/A><\/LI><\/UL>
<\/P>

HTML-document:<\/H3>Wat is HTML? De anatomie van een HTML5-document<\/A><\/LI>HTML-basics<\/A> > Anatomie van een HTML-document<\/A><\/LI><\/UL>
<\/P>

Tutorials:<\/H3>Esri Training<\/A> > Basisprincipes van JavaScript Web Apps<\/A><\/LI>Leer coderen in HTML en CSS<\/A><\/LI>MDN<\/A> > Leer webontwikkeling<\/A><\/LI><\/UL>
>
Introductie tot HTML<\/A><\/P>
>
Introductie tot CSS<\/A><\/P>
w3schools.com<\/A><\/LI>
>
Leer HTML
> Leer CSS

<\P>
Basis webpagina<\H3>
`<!DOCTYPE html> <html> <head> <meta charset=\"utf-8\"> <meta name=\"viewport\" content=\"initial-scale=1,maximum-scale=1,user-scalable=no\">  <title>IWEB | Basis Webpagina</title>  <link rel=\"stylesheet\" href=\"https:\/js.arcgis.com/4.16/dijit/themes/claro/claro.css\">  <style> body { font-family: \"Tahoma\",\"Helvetica\",sans-serif; } </style>`
</head>
<body class=\"claro\">
<h1>Introduction to Web Development Using ArcGIS API for JavaScript</h1>
</body>
</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<></SPAN> href="https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/html" rel="nofollow noopener noreferrer" target="_blank"><html><\/A><\/LI>HTML <html> tag<\/A><\/LI><\/UL>
<\/P>

<head>...<\/head><\/H3>Het <head>-element biedt metadata over het document. Inhoud in de head-sectie, anders dan het <title>-element, wordt niet weergegeven in de browser.<\/P><\/P>Referenties:<\/STRONG><\/P><head><\/A><\/LI>HTML <head> tag<\/A><\/LI><\/UL>
<\/P>

<meta charset="utf-8"><\/H3>Identificeert voor de browser de tekenencoding die op de pagina wordt gebruikt. UTF staat voor Unicode Transformation Format<\/EM> en 8 geeft aan dat het 8-bits blokken gebruikt om een teken weer te geven. <meta charset="utf-8"> wordt gebruikt in HTML5-pagina's. De declaratie van de tekenset moet binnen de eerste 1024 geladen tekens staan.
<\/SPAN><\/P><\/SPAN><\/P>Referenties: <\/STRONG><\/P><meta><\/A><\/LI>HTML <meta> charset-attribuut<\/A><\/LI><\/UL>
<\/P>

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"><\/H3>Het viewport meta-element stelt webontwikkelaars in staat te bepalen hoe inhoud wordt weergegeven op mobiele apparaten. Vanwege kleinere schermformaten op mobiele apparaten renderen mobiele browsers webpagina's in een virtueel venster - de viewport - dat meestal breder is dan het daadwerkelijke scherm. Het gebruik van viewport betekent dat de inhoud niet wordt samengedrukt om op het scherm van het apparaat te passen. De eigenschap initial-scale regelt het zoomniveau wanneer de pagina voor het eerst wordt geladen. De eigenschappen maximum-scale, minimum-scale en user-scalable regelen hoe gebruikers mogen in- of uitzoomen op de pagina.<\/P><\/P>Het instellen van initial-scale en maximum-scale van de viewport op 1 en user-scalable=no betekent dat de pagina correct wordt weergegeven op het mobiele apparaat en voorkomt dat de gebruiker kan in- of uitzoomen op de pagina. Dit is gunstig omdat dezelfde gebaren worden gebruikt om in en uit te zoomen op elke interactieve kaart die op het apparaat wordt weergegeven.<\/P><\/P>Referenties: <\/STRONG><\/P>Gebruik van het viewport meta-tag om lay-out op mobiele browsers te regelen<\/A><\/LI>Responsive Web Design - De Viewport<\/A><\/LI><meta><\/A><\/LI><\/UL>
<\/P>

<\/H3>Je kunt je webpagina van commentaar voorzien door tekst tussen '' te plaatsen. Commentaar wordt niet weergegeven in de browser.<\/P><\/P><title>IWEB | Basic Web Page<\title><\H3> Specificeert de titel van het document. De titel van het document wordt weergegeven in de titelbalk van het browservenster, op een tabblad van een pagina, of als tekst bij het toevoegen van een bladwijzer.<\P> <\P> Referenties:<\STRONG> <\P> <title><\ /A > <\ LI > < LI > < A href= "http: \/ \/www.w3schools.com \/TAGs \/tag_title.asp " rel= "nofollow noopener noreferrer " target= "_blank "> HTML <title> Tag<\ /A > <\ LI > <\ UL > <\ P > <\ P > < H3 id= "toc-hId-372444125 " id= "toc-hId-372444125 "><link rel= "stylesheet " href= "< A class= "link-titled " href= "https:\/ \/js.arcgis.com \/4.2 \/dijit \/themes \/claro \/claro.css " title= "https:\/ \/js.arcgis.com \/4.2 \/dijit \/themes \/claro \/claro.css " rel= "nofollow noopener noreferrer " target= "_blank "> https: \/ \/js.arcgis.com \/4.16 \/dijit \/themes \/claro \/claro.css<\ /A> "><\ H3 > < P > Het <link>-element wordt gebruikt om externe bronnen te laden, in dit geval Dojo's claro stylesheet. Externe stylesheets kunnen in meerdere documenten worden gebruikt.<\ P > <\ P > < STRONG > Referenties:<\ STRONG > <\ P > < UL > < LI > < A href= "https:\/ \/developer.mozilla.org \/en-US \/docs \/Web \/HTML \/Element \/link " rel= "nofollow noopener noreferrer " target= "_blank "><link><\ /A > <\ LI > < LI > < A href= "http: \/ \/www.w3schools.com \/tags \/tag_link.asp " rel= "nofollow noopener noreferrer " target= "_blank "> HTML <link> tag<\ /A > <\ LI > < LI > < A href= "https:\/ \/developer.mozilla.org \/en-US " rel= "nofollow noopener noreferrer " target= "_blank"> MDN<\ /A > > < A href= "https:\/ \/developer.mozilla.org \/en-US \/docs \/Web " rel= "nofollow noopener noreferrer " target= "_blank"> Web technology for developers<\ /A > > < A href= "https:\/ \/developer.mozilla.org \/en-US \/docs \/Web \/CSS " rel= "nofollow noopener noreferrer " target= "_blank"> CSS<\ /A ><\ LI ><\ UL ><\ P ><\ P >< H3 id= "toc-hId-2115254460 " id= "toc-hId-2115254460"><style>...</style><\ H3 >< P > Het <style>-element specificeert de stijl die moet worden gebruikt voor het document of delen ervan. Het gebruik van het <style>-element beperkt de stijl tot het huidige document.<\ P >< P >< STRONG > Referenties:<\ STRONG ><\ P >< UL >< LI >< A href= "https:\/ \ /developer.mozilla.org \ /en-US \ /docs \ /Web \ /HTML \ /Element \ /style" rel ="nofollow noopener noreferrer" target ="_blank"><style><\ /A ><\ LI >< LI >< A href ="http: \ / \ /www.w3schools.com \ /tags \ /tag_style.asp" rel ="nofollow noopener noreferrer" target ="_blank">HTML <style> tag<\ /A ><\ LI >< A href ="https:\/ \ /developer.mozilla.org \ /en-US" rel ="nofollow noopener noreferrer" target ="_blank">MDN<\ /A >>< A href ="https:\/ \ /developer.mozilla.org \ /en-US \ /docs \ /Web" rel ="nofollow noopener noreferrer" target ="_blank">Web technology for developers<\ /A >>< A href ="https:\/ \ /developer.mozilla.org \ /en-US \ /docs \ /Web \ /CSS" rel ="nofollow noopener noreferrer" target ="_blank">CSS<\ /A ><\ LI ><\ UL ><\ P ><\ P >< H3 id ="toc-hId--436902501" id ="toc-hId--436902501"><body>...</body><\ H3 >< P > De inhoud die in de browser moet worden weergegeven, wordt geplaatst in het <body>-element.<\ P >< P >< STRONG > Referenties:<\ STRONG ><\ P >< UL >< LI >< A href ="https:\/ \ /developer.mozilla.org \ /en-US \ /docs \ /Web \ /HTML \ /Element \ /body"

Vind meer berichten getagd met

Reacties

AndréPiasta

Thanks Rudy.

André Piasta | Senior Certified ArcGIS Instructor

Esri Canada | 150-2 Research Dr | Regina SK S4S 7H9

T 306-205-7344 | M 306-529-5576 | esri.ca<http://esri.ca/>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.