Jump to content

Actie: Probeer PIA VPN voor slechts €1,94 per maand & gratis virusscanner!

  • Hoog gebruiksgemak en snelle VPN
  • Goede kwaliteit voor een scherpste prijs
  • Torrents, Usenet en Netflix mogelijk
  • Plus 2 maanden gratis en 30 dagen niet goed geld terug
  • Tijdelijk gratis PIA viruscanner

En de handleiding: Private Internet Access :goed:



Search the Community

Showing results for tags 'html'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Algemeen
    • Algemeen
    • Nieuwe leden
    • Internet, Netwerken, VPN en Privacy
    • (Anti)Virus - Firewalls - Spyware
    • Hardware - Telefonie - Navigatie - TV
    • De huiskamer
  • Downloaden en uitpakken
    • Downloaden via Nieuwsgroepen & Spotnet
    • Downloaden via Torrents & Popcorn time
    • Downloaden via alle overige methoden
    • Repareren, uitpakken, branden en overige problemen
  • Games en Consoles
    • Alles over Games en Consoles
  • Films, series, video's, audio en e-books
    • Afspelen van Films en Series
    • Films kopiëren, Rippen en Branden
    • Alles over Films, Series, TV en E-books
    • Audio en muziek
  • Programma's & Software
    • Software algemeen
    • Besturingssystemen
    • Apple Software, Hardware en Besturingssystemen
  • Duken.nl
    • Bugreport, Feedback, Request & Mededelingen
    • F.A.Q. en Handleidingen
    • De Bazaar
  • Maak een eigen gratis forum / club's Discussies
  • The Homebrew Channel's Homebrew Forum

Categories

  • Downloaden
  • Na het downloaden
  • Handige tips

Categories

  • Software reviews
    • Welke VPN provider is het beste?
    • Reeder 5 voor macOS
    • Infuse Pro 5 Apple TV Review
    • Alfred 4 voor macOS Review
    • Bartender 3 voor macOS review
  • Hardware reviews
    • Xiaomi Redmi Note 7 Review
    • ALLDOCUBE M5X 4G Tablet Review
    • Alfawise V8S Robot Stofzuiger Review
    • NOKIA X6 (6.1) Review
    • Xiaomi Mi TV Box Review
    • Jison case en portemonnee Review
    • Alfawise JD T8610 WiFi camera Review
    • ELE MGCOOL Band 5 Review
    • Teclast tablet P80 Pro review
    • Alfawise T1 Mini PC Review
    • Lenovo Cardio Plus HX03W Review
    • 8Bitdo SF30 Pro draadloze controller review
    • Alfawise X 3200 beamer met Android Review
    • Teclast F7 Review
    • Xiaomi Mi A1 Review
    • Xiaomi Mi Robot Stofzuiger Review
    • Xiaomi Mi Band 2 Smartband
    • Lenovo Xiaoxin TB - 8804F Review
    • T95Z Plus Android tv box Review
    • RC Off-road auto WLtoys No. 12428 Review
    • Elephone S8 Review
    • OUKITEL K6000 Plus Review

Categories

  • Movie torrent, NZB and download info
  • Serie torrent NZB download and info

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Facebook


Instagram


Twitter


Skype


WhatsApp


Awards


Geslacht


Extra


Download met


Browser


Provider


Locatie


Favoriete Films


Luistert graag naar


Sport


Helden


Tv programma's / Series


Overige Intresses

Found 6 results

  1. HTML, Structuur & CSS In dit deel gaan we echt een begin maken aan de HTML. We gaan een logische structuur opbouwen zodat het in de toekomst makkelijk is om onze code te begrijpen en daarop verder te bouwen. De HTML dient als skelet voor je website, bijna alles bouwen we daar omheen. De Code HTML5 kent een paar handige functies die helpen bij het logisch opstellen van je code. Deze gaan we tussen de body tags plaatsen om een grove structuur aan te leggen. Het is handig om je design er bij te pakken, zo weet je zeker dat je niets vergeet. We delen de pagina in 3 delen op. De header (niet verwarren met head), de wrapper en de footer. De header en footer zijn altijd hetzelfde, de wrapper kun je zien als content die vaak aangepast wordt. <!DOCTYPE html> <html> <head> <title>Downloadsite</title> </head> <body> <header> </header> <div id="wrapper"> </div> <footer> </footer> </body> </html> Zoals je kunt zien staan onze nieuwe tags (header, div, footer) een stukje verder dan de andere tags. Dit doen we om duidelijk te maken waaronder deze tags vallen. Zo zie je duidelijk dat header onder body valt. De div tag met daarin een id dat wrapper heet kun je zien als een apart aangewezen gebied gereserveerd voor alle content die daarin komt. Elke tag kunnen we een id meegeven op deze manier, je kunt zelf de naam kiezen voor de id. Wij kiezen wrapper omdat dit de meest gebruikte naam is voor je content. Met een id kun je een individuele tag een naam geven, dit is later handig omdat we individuele tags gaan opmaken met css. Later hier meer over. De header invullen Zoals in het design te zien is hebben we een ontzettend mooi geschreven logo genaamd "Downloadsite" en een soort slogan daaronder. Onder de slogan hebben we een navigatie. Wat willen we hiermee doen? Nou, meestal kom je terug naar de index pagina (homepage) van de website als je op het logo klikt. Dit kunnen we al regelen met HTML! Met de <a> tag kunnen we van de <h1> tag een klikbare link maken die ons doorverwijst naar de homepage. Het is misschien een beetje gek om te doen, aangezien we al op de homepage zitten, maar het is nog gekker om het weg te halen. Om erachter te komen wat deze tags nu precies betekenen kun je kijken op w3schools (google maar ). Wat je ook kunt doen is de onderstaande code overtypen (niet kopiëren) naar je codeer programma en kijken wat het precies doet. De navigatie gaan we lekker simpel houden, met de <ul> tags geven we aan wat voor lijst we willen gaan maken. Wij gebruiken een unordered list. De <li> staat voor list, je kunt het vergelijk met een takenlijstje. Daar staat alles netjes onder elkaar vaak met een witte regel er tussen. koffie appelsap melk Omdat de list tags tussen de <ul> tags staan, schuiven we ook deze een tab (4 spaties) naar voren om een duidelijk onderscheid te maken. <a href="index.php"><h1>Downloadsite</h1></a> <p>Download hier de leukste muziek </p> <ul> <li><a href="about.php">over downloadsite</a></li> <li><a href="upload.php">uploaden</a></li> <li><a href="policy.php">policy</a></li> </ul> Deze code gaat dus tussen de <header> tags. De footer In de footer plaatsen we een klein stukje tekst. Hiervoor gebruiken we de <p> tags dat staat voor paragraph. Het plaatje werkt net iets anders. In onze mappenstructuur hebben we een mapje dat images heet. Hier zetten wij ons plaatje neer dat wij in onze footer willen laten zien. Met de / geef je aan hoe diep je in de map zit (hetzelfde als in windows). Net als bij de <a> tag geven we in de tag zelf aan wat we willen gaan doen. src="" staat voor "source is" De alt tag is optioneel, hier geven we een alternatieve naam mee voor het plaatje. De <img> tag kun je niet afsluiten met </img>, dit omdat je er simpelweg niks in kan zetten. <p>Copyright by Kees Padhaas</p> <img src="images/plaatje.png" alt="padhaas"> Zet deze code tussen je<footer> tags. De wrapper hoeven we nog niet in te vullen. Die wordt pas ingevuld door de gebruikers van de website wanneer zij een liedje uploaden. Dit komt pas terug in een veel later stadium van deze handleiding. De CSS CSS is de tweede taal die we gaan leren. Met CSS kun je de HTML opmaken en praktiseren voor de gebruiker. Om een CSS bestand aan te maken pakken we ons codeer programma erbij en openen we een nieuw bestand. We slaan dit bestand op als style.css in de map css van onze mappen-structuur. De HTML en CSS zitten nu gescheiden in de folders en zijn dus nog niet verbonden met elkaar. Dit gaan we in ons index.php bestand doen. Zoals ik in de vorige handleiding uitgelegd heb stoppen we het grootste deel van de code die de gebruiker niet ziet tussen de <head> tags. Het is voor een beginner onbelangrijk om deze code te onthouden en te begrijpen, maar je moet wel weten dat het bestaat. <link href="css/style.css" type="text/css" rel="stylesheet"> Voeg deze code tussen de <head> tags. Niet te verwarren met <header> De cake is gebakken, nu gaan we het versieren. Open je style.css. We gaan ons logo een mooi kleurtje meegeven. In CSS selecteren we het stukje HTML dat we gaan versieren. Dit kunnen we doen door alle tags een id mee te geven, en te selecteren met css. Dit gaan we niet doen, omdat het dan een rommeltje wordt in index.php en style.css. We selecteren de header, vervolgens selecteren we h1. CSS selecteert nu alle <h1> tags in de <header> tag. In ons geval is dat ons prachtige logo. Na het selecteren van de html gebruiken we { om aan te geven dat we hier code voor gaan toepassen en } om aan te geven dat we klaar zijn met code toepassen. Tussen de accolades zetten we de code. header h1{ color:red; } Zet deze code in het CSS bestand. De kop is er af! Het begin van onze website is af. Als het goed is zie je alle tekst die we willen laten zien, en is ons logo rood. Wanneer je code afwijkt, of je hebt het gevoel dat iets niet klopt kun je altijd in de comments naar hulp vragen. Ook kun je jezelf helpen met firebug (zie handleiding 1) om de fout op te sporen. Tips voor de volgende handleiding Raak bekend met css: http://www.w3schools.com/css/ Ga rommelen met code, probeer andere tags te gebruiken in HTML of werk alvast verder aan je CSS. Het zou ook leuk zijn als leden komen met een alternatieve HTML opbouw, het kan namelijk nog slimmer! Succes!
  2. Algemeen, Design, HTML Allereerst een korte uitleg over deze reeks tutorials. De tutorial is gemaakt voor leden/bezoekers met weinig kennis van webdesign. Tijdens deze 'code along' leer je niet alles, ik zal verwijzen naar goede artikelen/tutorials om jullie de goede weg uit te wijzen. Let's start! Je hebt wat software nodig om te beginnen. Alle software die je zoekt is gratis, en ik raad je aan om er dan ook niet voor te betalen. Natuurlijk zijn er uitzondering, maar die zijn niet nodig voor deze tutorial. Wat gaan we maken? Een website waarin je muziek kunt uploaden en downloaden. Codeer programma: Dit is het programma waar we onze code in typen. Er zijn vele tientallen soorten, versies voor zowel windows, Linux, IOS of Android. Download Notepad ++ http://notepad-plus-...oad/v6.5.1.html Omdat we net beginnen, ga ik er van uit dat jullie geen server of host hebben om de website op te draaien. Deze gaan we lokaal simuleren met XAMPP. Download XAMP http://www.apachefri...indows.html#641 Websites testen we in een internet browser (duuuh), daar gebruiken we Firefox (aanbevolen) of Chrome en Internet Explorer voor. Het liefste alle 3. Internet Explorer gebruiken we alleen om te kijken of het in Internet Explorer werkt. Alle browsers interpreteren code anders, en IE is hier heel erg goed in. Voor Chrome en Firefox bestaat de add-on Firebug. Deze tool gebruiken we om code te testen terwijl de website in de browser open staat. Firebug is optioneel, maar zeker aan te raden. Tutorial Firebug. Download Firefox: https://addons.mozil.../addon/firebug/ Download Chrome: https://chrome.googl...pknfglimnifench Oké! We zijn nu klaar om te coderen, maar voordat we dit doen hebben we een design nodig om te coderen. Dit prachtige design heb ik speciaal gemaakt voor de tutorial. Voel je vooral niet gedwongen om je aan dit ontwerp te houden. Houd er wel rekening mee dat een ander design staat voor een andere code. Misschien leuk voor de html'ers en de css'ers om iets anders te maken. De HTML HTML staat voor HyperText Markup Language. Net zoals de Nederlandse taal veranderd ook HTML met de tijd mee. Dit gebeurt omdat websites continu veranderden en meer toepassingen krijgen dan vroeger. Wij gebruiken het nieuwste HTML5, deze wordt ondersteund door alle nieuwe browsers. Open je codeer-programma (Notepad ++) en plak daar de volgende code in: <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> !DOCTYPE html => Geeft aan welke versie HTML je gaat gebruiken. In ons geval is dat HTML5. HTML => Je ziet 2 zogenaamde HTML tags staan. De eerste geeft aan waar we met onze HTML code gaan beginnen. De tweede geeft aan wanneer we stoppen met HTML Head => Deze tags bevatten informatie die je browser nodig heeft. Wat je tussen de head tags zet zie je niet op de internetpagina zelf. Title => Dit is hoe we de pagina gaan noemen. Kijk naar de tabbladen boven of onder je adres-balk. Naast het DukeN icoontje zie je de tekst Tutorial 0.0 | Maken van download site | Algemeen, Design, HTML. Zo noemen we deze pagina. Dit is belangrijk omdat gebruikers en zoekmachines direct zien waar de pagina over gaat. Geef zelf een goede naam voor de website die we gaan maken en zet deze tussen de Title tags. Gefeliciteerd, je bent nu begonnen met coderen! Mappenstructuur &amp; XAMPP We bouwen onze code niet op 1 pagina, maar op verschillende pagina's met verschillende extensies. Het is belangrijk om deze te organiseren. Bouw de bovenstaande mappenstructuur na. Wanneer je de mappenstructuur nagemaakt hebt gaan we XAMPP installeren. Wanneer XAMPP geïnstalleerd is krijg je een menu te zien zoals op de onderstaande foto. Wij hebben een nieuwere versie van XAMPP geïnstalleerd, klik op start bij de eerste twee modules (Apache en Mysql). Wanneer XAMPP running aangeeft bij beide modules zijn we al klaar. Klik nu op explorer (rechts, mappenicoontje) en open deze. Zoek naar de map htdocs en open deze, kopieer je mappen-structuur naar htdocs. Open nu Notepad ++ en sla je code op in htdocs als index.php. Open nu: http://localhost/index.php. Het is allemaal gelukt als je een lege pagina krijgt en in het tabblad je zelf-ingegeven title ziet. Wanneer het niet lukt en je een 404 error krijgt is er iets misgegaan. Geen zorgen, van fouten leren we erg veel! Lees de tutorial nog eens door en probeer zelf je fout te vinden, wanneer dit niet lukt kun je het natuurlijk hieronder vragen. Tips voor de volgende tutorial! Leer om te gaan met de volgende tags: <a> <--Een link toevoegen--> <p> <--Een paragraaf (tekst) toevoegen--> <h1> <--Een titel toevoegen--> <div> <--Erg belangrijk. kom erachter wat een div is--> <ul> <--En waar worden de ul en de li voor gebruikt?--> <li> Dé website om hier achter te komen is: http://www.w3schools.com/html/
  3. hey Weet er iemand hoe ik een video automatisch kan laten spelen? Wat moet ik hieraan toevoegen?
  4. Hallo allemaal, Ik moet voor school een moeie website bouwen alleen het probleem is dat ik er niet zo goed in ben. Ik ken wel een beetje die basis codes enzo maar ik heb een hekel aan posities en dat soort dingen dus zou iemand mij kunnen helpen met het maken van de layout? Zo zou ik het een beetje willen hebben: Een titelbar met alleen rechts een logo daaronder navigatiebalk Dan gaan we naar het gedeelte waar de tekst moet komen gewoon een groot stuk en dan rechts nog een soort van navigatiebalk of eigenlijk meer popup balk of hoe je het ook wilt noemen en helemaal onderin nog een klein balkje met copyright en dergelijke. Zou iemand een klein CSS scriptje voor me kunenn schrijven? Mvg DisasterZany
  5. Hallo, Ik heb afgelopen weekend een app gemaakt geschreven in Html en ik geloof dat er ook java in zit. (Het is gewoon een mobiele website die ik in dreamweaver heb gemaakt en omgezet heb naar android). Hij staat ook op internet: www.tinyurl.com/rijksapp Nu wil ik als uitbreiden toevoegen dat leerlingen hun login naam en wachtwoord kunnen opslaan en dat de app ze dan automatisch inlogt bij onder andere het leerlingen gedeelte van onze school. Ook wou ik als uitbreiden toevoegen dat ze hun klas en leerlingennummer kunnen opslaan en dat de app dan automatisch de links die bij de rooster horen aanvult. Dus de waarde "klas" en "leerlingenummer" worden X en dan doet de app automatisch deze X aanvullen in de Link naar hun rooster, dus bv zo: www.schoolpagina.nl/pagina/rooster_X.html Zou iemand mij kunnen uitleggen of het überhaupt mogelijk is binnen html en hoe je dat dan zou moeten doen. Zo nee kan het dan wel gedaan worden binnen android taal zelf? (Ben nog maar begonnen met android taal met het programma eclipse, dus ben daar echt niet ervaren in). Alvast bedankt voor de interesse. MvG, Eray
  6. Hier zijn een paar leuke tips om van van jouw mobiele website een iPhone web applicatie te maken, zodat gebruikers van jouw website een app-like bladwijzer kunnen maken en jouw site sneller kunnen bekijken! Het kiezen van een Website icoon voor de iPhone homescreen Bij het kiezen van een icoon maakt het niet veel uit of je hem zelf goed aanpast voor het iPhone beginscherm. De iPhone kan namelijk zelf ze volgende aspecten toevoegen: ronde contouren schaduw glimmende spiegeling Dit is een voorbeeld icoon: En dit is hoe dat er dan uit zal zien op je iPhone scherm: Nu denk je vast, hoe zet ik dit nou in mijn website en wat is dat rechter icoon dan? Nou daar hebben we ingesteld dat de iPhone niet de visuele aspecten toevoegd en om het op je website toe te voegen kun je de volgende codes toevoegen: plaats het icoon bestand in PNG formaat in je root folder waar je pagina zelf ook staat genaamd apple-touch-icon.png of apple-touch-icon-precomposed.png. Met deze methode zal dit icoon voor dehele website toegepast worden(elke pagina). Wanneer je precomposed in de afbeeldingsnaam zet zullen er geen visuele aspecten worden toegevoegd. ​ Je kunt ook een regel toevoegen in je header, zoals: <link rel="apple-touch-icon" href="/custom_icon.png"> of <link rel="apple-touch-icon-precomposed" href="/custom_icon_precomposed.png"> ​ Verberg Safari componenten Voeg deze META tag toe om er voor te zorgen dat de Safari componenten worden verborgen, je krijgt dus een volledig scherm: <meta name="apple-mobile-web-app-capable" content="yes"> Status Balk Uiterlijk Je kunt de Status balk van je web app/website veranderen door middel van de volgende code: <meta name="apple-mobile-web-app-status-bar-style" content="black"> Er zijn drie verschillende kleuren: 1standaard (default) 2zwart (black) 3zwart-doorzichtig (black-translucent) NOTE: Wanneer je dit instelt naar 'default' of 'black', de webinhoud zal dan worden weergegeven onder de status balk. Wanneer je het instelt op 'black-translucent', de webinhoud wordt dan weergegeven op het gehele schermthe web content is displayed on the entire screen, gedeeltelijk verduisterd door de status balk. Specificeer een Opstart afbeelding On iPhone OS, similar to native applications, you can specify a startup image that is displayed while your web application/website launches. By default, this image is a screenshot of the web application with the page that the user has visited the last time. If you want customize it, add a link element to the webpage, like this: <link rel="apple-touch-startup-image" href="/startup.png"> Hier een voorbeeld voor een Duken.NL startup: De afbeelding moet een .PNG bestand zijn met een afmeting van 320x460 pixels. NOTE: deze optie werkt alleen wanneer apple-mobile-web-app-capable is ingesteld op yes. Opmerkingen & conclusie Al deze tips werken alleen op de webpagina's die zijn opgeslagen op het begin scherm door middel van het toevoegen van een bladwijzer, wanneer je gewoon via safari naar je website gaat zul je deze aanpassingen niet ervaren. Onthou dat elke nieuwe link die geopend wordt, er voor zal zorgen dat je deze instellingen verliest. Ik denk ook dat dit wel een idee is om in de Duken.NL mobiele site te implementeren. bron
×
×
  • Create New...