Wilt u dringend een website maken met uitsluitend HTML en deze op internet zetten? Dan zal het voor u niet moeilijk zijn om de voltooide code te kopiëren en mijn instructies te volgen.
Het is waar dat het moeilijk is om met één programmeertaal een volwaardige bron te creëren, maar een visitekaartjewebsite van meerdere pagina's is heel goed mogelijk.
Als iemand dit als doel heeft en geen zin heeft om andere talen te leren, dan is dit artikel voor hem of haar.
Kortom, in een zelfgeschreven versie, zonder gebruik van een CMS, bestaat er niets eenvoudigers.
En voor degenen die iets coolers nodig hebben, zijn er aan het einde van het artikel links naar artikelen met bloksjablooncode met behulp van CSS, en dynamische sitecode met behulp van PHP.
We zullen als het ware op deze pagina een website in pure html maken - een website binnen een website, volledig functioneel en klaar om gevuld te worden met inhoud.
Laten we het hele proces in drie delen verdelen.
1. Maak een sitemap op uw computer.
2. Website-creatie.
3. Overdracht van de site van onze computer naar hosting, dat wil zeggen naar internet.
Een websitemap maken op uw computer
Het eerste punt is het eenvoudigste. Hoe je een map kunt maken, wordt heel duidelijk weergegeven in het artikel (alle links van deze pagina worden in een apart venster geopend om niet te verdwalen).
Ik zal je in detail laten zien wat en in welke map je het na de code van de hoofdpagina moet plaatsen, zodat je al iets hebt om naar de map te gaan.
Laten we dan verder gaan met het tweede punt, het meest creatieve.
Een websitesjabloon maken
Om een sjabloon te maken, heeft u een editor nodig waarin u de onderstaande code moet plakken.
Dit kan een eenvoudig Windows Kladblok zijn of een andere teksteditor.
Laten we een meerlaagse HTML-tabel nemen als basis voor de sjabloon. Voorheen, vóór de komst van CSS, werden alle websites in tabellen geschreven, maar nu is de blokindeling populairder geworden.
Maar tot op de dag van vandaag is de tabelstructuur niet verouderd en wordt deze met succes gebruikt.
Bijvoorbeeld een investerings-CMS H-script met complexe functionaliteit, geheel vormgegeven op basis van tabellen.
Hier is dus een website met een minimaal ontwerp.
Hoe u in de toekomst tafels kunt ontwerpen, wordt in het artikel gedetailleerd weergegeven.
|
<!--Maak een containertabel, waarin we het volgende specificeren
ontwerp:
border="1" - frame rond de container. Door het getal te verhogen, kunt u de dikte van het frame vergroten.
align="center" - plaats de container in het midden van het scherm.
Rules="rows" - verwijder de dubbele rand.
style="breedte:60%;" - voeg stijleigenschappen toe die maken
de container en het hele terrein zijn "rubber".
Het is onmogelijk om op deze manier een volwaardig adaptief ontwerp te maken.>
Новые теги HTML5В HTML5 для структуры кода введено несколько новых тегов: |