Tutorials | Gepost op:
07 december 2010 - 01:36 |
30 reacties |
Een kleine oproep voor mensen die geïnteresseerd zijn om een (kleine) tutorial te schrijven voor Sitemasters maar geen idee hebben over wat. Op de volgende pagina kan je alle ideeën terugvinden voor een tutorial. http://www.sitemasters.be/?pagina=tutorials/ideeen Vind je iets interessants terug in de lijst of heb je iets van "hé daar ken ik iets over", aarzel dan niet en schrijf een tutorial erover. Delen die kennis! Als je geen tutorial kan toevoegen, stuur een pm naar iemand van de crew en we fixen het voor je.
Stijn
Lid
|
|
|
Gepost op:
15 december 2010 - 22:39 |
|
|
|
HTML gevorderde

|
Stijn schreef: [..quote..]Welke codeĀ 
Ik bedoelde de code in de template en die gebruikt wordt bij de tutorials.
Met tabellen en inline-style. Lijkt me nou niet helemaal niet meer van deze tijd? |
|
|
|
Gepost op:
16 december 2010 - 01:00 |
|
|
|
PHP expert

|
Argumenteer hierover met Joël. |
|
|
|
Gepost op:
27 december 2010 - 18:00 |
|
|
|
Lid

|
Ik sluit me aan bij Waldio.
Ik ontzie het om tutorials te schrijven omdat ik ze zelf moet in HTML typen en met die tabellen. Ik vind dit erg lastig.
Kan er niet op Sima gwn een WYISWYG-editor komen om tutorials te schrijven? Dan schrijf ik er zeker... 
|
|
|
|
Gepost op:
27 december 2010 - 18:25 |
|
|
|

Lid

|
|
|
|
Gepost op:
27 december 2010 - 18:52 |
|
|
|
0

|
|
|
|
Gepost op:
27 december 2010 - 23:33 |
|
|
|
HTML gevorderde

|
Het hoeft niet perse een editor, maar wat logische/handige code is wel gewenst.
Een voorbeeld:
Om het pijltje + top tekst toe te voegen moeten we nu dit in typen:
<IMG SRC="images/pijl.gif" ALT=""> <A HREF ="#top">top</A>
<IMG SRC="images/pijl.gif" ALT=""> <A HREF ="#top">top </A>
Wat ik zeg stopt dit allemaal in een class:
a.top {
background: url('http://www.sitemasters.be/images/pijl.gif') no-repeat 2px;
padding-left: 20px;
text-decoration: none;
}
a.top { background: url('http://www.sitemasters.be/images/pijl.gif') no-repeat 2px; padding-left: 20px; text-decoration: none; }
En de HTML code wordt dan:
<a href="#top" class="top">top</a>
<a href="#top" class="top">top </a>
|
|
|
|
Gepost op:
28 december 2010 - 20:41 |
|
|
|
Lid

|
Dat zou ook een handigere oplossing zijn.
Hopelijk maakt Sitemasters er snel werk van. |
|
|
|
Gepost op:
28 december 2010 - 23:47 |
|
|
|
HTML gevorderde

|
Ik heb nog even nagedacht. En zoiets is ook handig:
Nu heb je:
<HR NOSHADE>
<A NAME="wat"></A><B>1. Wat is HTML ?</B>
<HR NOSHADE>
<A NAME="wat"></A><B>1. Wat is HTML ? </B>
Maak daar weer een css van en je krijgt dit:
strong {
border-bottom: 2px solid #555;
border-top: 2px solid #555;
margin: 10px 0;
line-height: 20px;
display: block;
}
strong { border-bottom: 2px solid #555; border-top: 2px solid #555; margin: 10px 0; line-height: 20px; display: block; }
<a name="kop1"></a><strong>Wat is HTML?</strong>
Hieraan zitten 2 voordelen:
- Strong tags zijn belangrijker voor zoekmachines dan b.
- De gebruiker hoeft veel minder te typen en het is makkelijk.
Zo is die tabel voor de code ook onnodig. Maakt gewoon een code blok en geef die een margin-left en een border mee en je bent klaar.
Ik hoop dat dit een keer gaat veranderen. |
|
|
|
Gepost op:
29 december 2010 - 11:07 |
|
|
|
Lid

|
Waldio schreef: Ik hoop dat dit een keer gaat veranderen.
Ik hoop ook dat het verandert, niets dan voordelen hierbij. Desnoods wil ik het nog veranderen |
|
|
|
Gepost op:
29 december 2010 - 16:17 |
|
|
|
Erelid

|
Of gewoon UBB? Wiki-markup? Die parsers zijn zelfs open-source te krijgen, en daarmee krijg je tenminste consistentie.
Want straks vergeet iemand de name van een anchor in te voeren, of de class van een element, en dan is het weer niet gelijk.
Also, als je informatie in een Wiki-markup opslaat kan je ze heel eenvoudig migreren naar een volledig nieuwe layout door wat CSS en eventueel je parser aan te passen (bv. als je wil dat secties, meestal opgesplitst door headings, ingeklapt worden, of als je plots beslist dat het hoogste element IN een tutorial niet H2 maar H3 wordt).
Is ook zo'n "geweldig idee" dat ik al eens mee te hebben voorgedragen "back in my days" en waar uiteindelijk niks mee gedaan is.. |
|
|
|
|
|