Een nieuw HTML5-bestand maken dat CSS3 in Komodo gebruikt Bewerken - dummies

Video: Komodo Edit and HTML intro 1 2024

1 7

Open Komodo Edit.

U ziet de IDE. De meeste IDE's bieden een soort Start-tabblad. Het tabblad Start kan een aantal items bevatten, maar de meeste bevatten een lijst met uw eerdere projecten en elk nieuws over de IDE die u gebruikt.

2 7

Kies Bestand → Nieuw → Bestand van sjabloon.

U ziet het dialoogvenster Nieuw bestand. IDE's bieden meestal een methode om nieuwe bestanden te maken. Met deze techniek wordt een afzonderlijk bestand gemaakt. Als u op een site met veel bestanden werkte, zou u in plaats daarvan een project als startpunt maken.

3 7

Selecteer Normaal in de lijst met categorieën en HTML5 in de lijst met sjablonen. Typ een naam voor uw bestand, zoals MyTestPage. HTML. Kies een locatie om het bestand op te slaan in het veld Directory (zoals vereist). Klik op Openen.

U ziet het nieuwe bestand geopend. Een IDE gebruikt sjablonen om de bestandsinhoud voor u te starten. De hoeveelheid inhoud die de IDE biedt, is afhankelijk van de sjabloon en het soort bestand dat u maakt. Een HTML5-sjabloon bevat meestal de verklaring, titel, hoofdtekst en titel.

4 7

Inhoud maken die op het scherm wordt weergegeven. Typ bijvoorbeeld
Hallo daar
om een bericht te maken binnen een alinea die bestaat binnen een.

U ziet tag-specifieke hulpinformatie die door de IDE wordt verstrekt. Een IDE geeft meestal nuttige informatie weer over wat er vervolgens moet worden ingevoerd. Deze handige tips maken het gemakkelijker om nuttige code te maken in minder tijd en met minder fouten.

5 7

Typ een willekeurige CSS die vereist is om de inhoud te formatteren. Sla uw werk op na elke toevoeging van de code.

U ziet CSS-specifieke Help-informatie die wordt geleverd door de IDE. Net als bij de tags biedt de IDE ook informatie over de CSS die u typt wanneer dit kan. De CSS-informatie is gedetailleerder en biedt meestal invoer zoals de toegestane waarden voor veel eigenschappen.

6 7

Kies Beeld → Browservoorbeeld.

De IDE geeft een dialoogvenster weer met de vraag wat u wilt zien en hoe u het wilt bekijken. Een IDE biedt doorgaans een manier om uw werk te bekijken. Gebruik deze weergave als uitgangspunt. Het is echter ook belangrijk om het werk in de doelbrowser voor uw toepassing te bekijken.