Go F.A.Q. yourself

F.A.Q.FAQ (Frequently Asked Questions) HTML

VOORDAT JE NAAR DE DOCENT STAPT

Heb je al een medestudent om hulp gevraagd?

  • Er zit veel kennis in de klas, vraag aan tenminste 2 personen of ze je kunnen helpen 

ONLINE PROBLEMEN

Hoe zet ik iets online

Hoe kan ik mijn werk ook al weer vinden online

  • Type in the browser: studentnummer.hosts1.ma-cloud.nl/HTML/hoofdstuk50 (of hosts2)

Maar dan kan ik het nog niet vinden

  • heb je hosts wel in het meervoud geschreven?
  • heb je hosts 1 of 2?
  • controleer de hoofdletters
  • controleer de spaties
  • heet je eerste pagina wel index.html?
  • zit er misschien nog ergens een spatie achter de naam van een map?
  • heb je iets in een mapje in een mapje gestopt? Dan moet je link ook 2 mapjes diep verwijzen.
  • zit je server misschien vol? Dan heb je een mail ontvangen – dingen weggooien op je server of bestanden gaan verkleinen
  • heb je wel internet?

GEEN AFBEELDINGEN

Mijn afbeeldingen doen het niet

  • klik met ctrl op het vraagteken – inspecteer – dan zie je de code
  • staat je map links wel online?
  • is jouw map links met een hoofdletter of kleine letter?
  • ben je misschien de s vergeten achter links
  • heb je de juiste extensie getypt? jpg, png, gif, hoofdletters?
  • pdf gebruik je alleen om je werk te laten zien, niet om je site mooi te maken
  • als je ander plaatje op die plek zet, doet die het wel – dan is je plaatje kapot, niet je code. Plaatje opnieuw exporteren in Photoshop
  • Controleer de rechten van jouw bestand in FileZilla. Dat doe je door te rechtermuisklikken op het bestand. Een plaatje of een html-pagina behoren de rechten 644 te hebben. Een map mag 755 hebben. (zie hieronder bij ‘Ik krijg een 403 melding’).

IK KRIJG EEN 403 MELDING EN MIJN PAGINA OF HET PLAATJE DOET HET NIET

Rechten voor bestanden en mappen instellen

  • Het kan zijn dat je een map of bestand online hebt gezet waarvan de rechten niet goed staan. In FileZila doe je rechtermuisklik op je bestand of map, en je selecteert “bestandsrechten“. Voor mappen zijn de bestandsrechten 755, voor bestanden (jpg, html, etc…) 644. Als je de bestandsrechten van meerdere mappen in mappen wilt aanpassen, kun je de opties ‘Toepassen op alle bestanden en/of mappen’ gebruiken.
Bestandsrechten voor files
Bestandsrechten voor mappen
Bestandsrechten voor files
Bestandsrechten voor files, zoals *.html, *.jpg, etc…

BESTANDEN ONLINE

Welke bestanden doen het online?

  • jpg, jpeg, gif, png, svg, pdf
  • pdf alleen om je werk te laten zien/downloaden. Niet in de background!

Welke bestanden doen het NIET online?

  • PSD, AI, INDD, Word, PP, etc. Daar moet je plaatjes van maken

FILEZILLA

Ik kan geen verbinding maken via Filezilla

  • Je moet verbinden met het knopje links boven het woordje Host. Niet de velden die daaronder staan
  • Heb je SFTP geselecteerd voor de hosting van het ma (ma-cloud.nl)?
  • Controleer of Inlogtype op Normaal staat
  • Controleer je wachtwoord
  • Klopt de Hostnaam nog: hosts1.ma-cloud.nl (of hosts2)
  • Of je hosts1 of hosts2 hebt log je in op: panel.ma-cloud.nl

Ma-cloud is vol ofwel mijn server is vol

Mijn server is vol, wat nu

  • kijk wat er zo zwaar is, waarschijnlijk je map links van portfolio, zet de volgorde op Bestandsgrootte, dan komt het zwaarste boven
  • Filmpjes niet groter dan 100MB, beter ergens anders online zetten (Youtube, Vimeo, MS Stream)
  • Maak je PDF’s niet zwaarder dan 5MB
  • Plaatjes niet zwaarder dan een halve MB (500kb), zo doe je dat. 

DIV’S

Mijn divs komen niet naast elkaar

  • hebben ze allemaal float: left; ?
  • is er wel genoeg ruimte voor die div om daar naast te floaten?
  • heb je in de HTML de divs wel afgesloten? Anders gaan ze in elkaar zitten.
  • Open en sluit je je tags netjes en in de goede volgorde? Bijna elke tag die je opent, moet je ook afsluiten.
  • Staat je <html> en <body> en zo wel in de goede volgorde?
  • Zie je je <div> niet? Dan staat die misschien niet in de <body> tag.
  • In je CSS staat misschien een float:left of right staan die er niet hoort… of je bent dat juist vergeten.

EXTERNE CSS

Mijn externe CSS werkt niet

  • heeft jouw css-bestand exact dezelfde naam zoals jij het typt in het HTML-document?
  • kan jouw css wel gevonden worden – zit die niet in de map links misschien?

FULL SCREEN

Er zit een witte rand om mijn fullscreen ontwerp

  • even helemaal bovenin toevoegen aan je css: 
    * {
   margin: 0;
   padding: 0;
}

     

WAAROM HTML?

Waarom moet ik HTML leren, ik ga later alleen maar posters/flyers/logo’s maken

 VIDEO’S 

Hoe maak in video’s kleiner

  • Bekijk dit filmpje. Kun je hem niet kleiner krijgen dan 100MB, zet hem dan ergens anders online (Youtube, Vimeo, wachtwoord erop indien privé)

PDF’S

Hoe combineer ik verschillende bestanden tot 1 pdf

NAVIGATIE

Hoe centreer ik mijn navigatie

  • float: left; verwijderen uit de li 
    ul {
   text-align:center;
   width: 70%; /*Of hoe breed je je navigatie ook wil hebben...*/
   margin: 0 auto;
}
li {
   display:inline-block;/*En niet float:left; dus*/
}

     

HOE STOP IK MIJN FLOATING DIV’S

Floating divs zijn heel handig. Maar dat floaten lijkt  soms niet te stoppen. Daar is een ‘hack’ voor: de clearfix.

  • Zet de volgende code in je CSS 
    .clearfix::after {
   content: "";
   clear: both;
   display: table;
}
  • En in je html zet je na het laatste floating element (div, ul, li, p, a, etc…): 
    <div class="clearfix"></div>

    Lees hier meer over clearfix

Ontbreekt er nog iets? Laat een reactie achter: