Commissiewebsite (Vakidioot)

From A-Eskwiki
Revision as of 20:17, 6 June 2017 by Timb (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


Commissiepagina op de A–Eskwadraatsite

Op [1] houdt onze commissie een website bij met de laatst uitgekomen nummers. Die moeten we dus wel om de zoveel tijd bijwerken. Hiervoor hoef je niet heel veel HTML kunnen schrijven, hopelijk kun je het gewoon kopiëren van de vorige editie. Lees vooral ook de Publisherhandleiding.

We hebben een commissiewebsite, die eenvoudig te bereiken is via a-es2.nl/vakid of via de hoofdpagina van de A-Eskwadraatwebsite. Hier kunnen mensen onder andere oude Vakidiooten vinden en een (niet altijd even up-to-date) foto van de redactie.

Pagina's bewerken

Het bewerken van pagina's - bijvoorbeeld om wat tekst te veranderen - gaat heel makkelijk. Zorg er eerst voor dat je ingelogd bent op de website (met je website-account, niet met je computeraccount), en ga naar de pagina die je wilt wijzigen. Rechts op de pagina is een potloodje te vinden. Als je daarop klikt, dan kom je op een bewerkpagina.

In het grote veld kun je de HTML-code van de pagina aanpassen. Het eerste deel daarvan ziet er mogelijk wat eng uit, en dat mag je dan ook gewoon negeren. Dus scroll even door totdat je allemaal dingen met <h3>, <p> e.d. ziet. Zolang je ervoor zorgt dat iedere begin-tag ook netjes wordt afgesloten met een eind-tag (net als in LaTeX dus), zit 't wel goed. Als je klaar bent met het aanbrengen van je wijzigingen, moet je nog even op de 'Wijzig'-knop klikken, anders heb je al je werk voor niets gedaan!

Plaatjes en bestanden

Met behulp van Publisher kun je bestanden uploaden, zoals bijvoorbeeld plaatjes en webversies van de Vakidioot. Bestanden kun je uploaden door heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeelemaal naar beneden te scrollen.

Om vervolgens te verwijzen naar een bestand (bijvoorbeeld omdat je een plaatje wilt toevoegen of wilt linken naar een PDF'je), hoef je alleen maar de naam van het bestand te gebruiken. Voor plaatjes bijvoorbeeld:

<img src="bestandsnaam" alt="korte beschrijving van het plaatje"/>

Wil je alleen een hyperlink aanbrengen, dan gebruik je:

<a href="bestand of pagina waarnaar verwezen moet worden">de tekst die mensen zien (kan eventueel ook plaatje zijn)</a>

Voor de voorkanten van de Vakidioot kun je het bestand verkleinen tot hij 200 pixels breed is.

Specifieke aanpakken

Als echte wiskundigen gaan we het geval bekijken dat je in jaargang (k)(k+1) nummer n met thema T wilt uploaden.

Is n groter dan 1? Dan moet je de homepage en de jaargangpagina aanpassen. Voor volledige instructies hebben we het stappenplan voor nieuw nummer binnen jaargang:

  • Ga naar Publisher.
  • Open in een nieuwe tab het mapje (k)(k+1).
  • Upload hier twee bestanden: voorkant-n.jpg en vakid(k)(k+1)-n.pdf.
  • Ga naar de wijzigpagina van het bestand index.html.
  • Vervang de eerste regel van de vorm:
<li style="display: inline-block">
	<img src="../voorkant1970-0.png" alt="Spoiler Alert!"
		width='200px' height='284px'/>
</li>
met:
<li style="display: inline-block">
	<a href="vakid$(k)$$(k+1)$-$n$.pdf">
		<img src="voorkant-$n$.jpg" alt="$T$"
			width='200px' height='284px'/>
	</a>
</li>
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet en sluit dit tabblad.
  • Ga in de hoofdmap ook naar de wijzigpagina van het bestand index.html.
  • Vervang de regel van de vorm:
<a href="''(k)(k+1)''/vakid''(k)(k+1)''-''(n-1)''.pdf" style="border: 0">
	<img src="''(k)(k+1)''/voorkant-''(n-1)''.jpg" alt="''S''"
		style="float: right; margin-left: 30px"
		width='200px' height='284px'/>
</a>

met:

<a href="''(k)(k+1)''/vakid''(k)(k+1)''-''n''.pdf" style="border: 0">
	<img src="''(k)(k+1)''/voorkant-''n''.jpg" alt="''T''"
		style="float: right; margin-left: 30px"
		width='200px' height='284px'/>
</a>
(Merk op dat dit vrijwel precies dezelfde code is als in de jaargangpagina, maar dan met (k)(k+1) voor elk URL.)
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet.
  • Vier je succes door een uurtje op kattenfoto's te gaan surfen.

Daarentegen is aan het begin van het jaar, als n = 1, wat meer werk nodig. Voordat je een nummer kan uploaden, moet je een nieuwe map en jaargangpagina aanmaken en die pagina linken vanuit de vorige jaargang en vanuit de archiefpagina. Volg voor volledige uitleg het stappenplan voor nieuwe jaargang:

  • Ga naar Publisher.
  • Maak een nieuw mapje (k)(k+1).
  • Open in een nieuwe tab het mapje (k-1)(k).
  • Ga naar de wijzigpagina van het bestand index.html.
  • Kopieer de volledige inhoud.
  • Ga naar het andere tabblad.
  • Ga naar het mapje (k)(k+1) en dan de wijzigpagina van het bestand index.html.
  • Plak de volledige inhoud die je zojuist hebt gekopieerd.
  • Vervang overal de waarden (k)(k+1) met (k+1)(k+2), (k-1)(k) met (k)(k+1) en (k-2)(k-1) met (k-1)(k) (in deze volgorde!).
  • Doe dezelfde vervanging met 20(k)-20(k+1) enzovoort.
  • Vervang de 6 regels van de vorm:
<li style="display: inline-block">
	<a href="vakid''(k-1)(k)''-''n''.pdf">
		<img src="voorkant-''n''.jpg" alt="''T''"
			width='200px' height='284px'/>
	</a>
</li>
met:
<li style="display: inline-block">
	<img src="../voorkant1970-0.png" alt="Spoiler Alert!"
		width='200px' height='284px'/>
</li>
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet.
  • Sluit dit tabblad, zodat je teruggaat naar de Publisherpagina van de vorige jaargang.
  • Vervang de regel van de vorm:
<li style="display: inline-block; margin: 0 5px">
	20''(k)''-20''(k+1)'' »
</li>
	met:
<li style="display: inline-block; margin: 0 5px">
	<a href="../''(k)(k+1)''/">20''(k)''-20''(k+1)'' »</a>
</li>
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet.
  • Ga naar de wijzigpagina van het archief.
  • Voeg in de <ul> een regel toe van de vorm:
	<li><a href="''(k)(k+1)''">20''(k)''-20''(k+1)''</a></li>
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet.
  • Ga verder met het stappenplan voor nieuw nummer binnen jaargang.

Ten slotte hebben we nog een lijstje met commissieleden. Om die bij te werken hebben we ook een stappenplan redactieleden bijwerken:

  • Ga naar de Publisherwijzigpagina.
  • Om een nieuw lid toe te voegen, voeg in de <ul> een regel toe van de vorm:
<li><lid nr="111">Lid Anoniem</lid></li>
  • Om een oud-lid weg te halen, haal je desbetreffende regel weg.
  • De eindredacteur krijgt de tekst - degene die de kar duwt na de </lig>-sluittag.
  • De voorzitter krijgt de tekst - degene die de kar trekt na de </lid>-sluittag.
  •  !!Bewaar je veranderingen!!
  • Check dat alles er goed uitziet.
  • Zet een kopje thee om te vieren dat alles gelukt is!