1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og adresse og download. Filen gemmes og derefter kan du klikke på filen og installere programmet. Kryds af som vist (standard)
2 Klik dig bare videre igennem installationen. Når du starter programmet får du flg. Beskedboks: Klik på Use Portable Git, når denne er klar kan du begynde at bruge programmet Sådan bruger du APTANA: Først skal du oprette et projekt: vælg Web project, klik på next
3 Giv projektet et navn og vælg evt en ny sti (location) Klik på finish jeg har kaldt mit projekt vejledning, læg mærke til at der nu er oprettet Connections til dette projekt, det skal vi se på senere. Nu skal du oprette en html-fil *Klik på pilen ved siden af NY-ikonet og vælg File.
4 Vælg dit projekt og giv filen et navn, første fil i et nyt projekt, skal hedde index.html. HTML filer skal altid hedde.html eller.htm for at angive at det er en html fil. Klik på next: Vælg HTML-4.01 Transitional Template (*.html) og klik på finish. Nu skulle du gerne have fået flg. Html-kode:
5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>new Web Project</title> </head> <body> <h1>new Web Project Page</h1> </body> </html> Nu kan du rette koderne, så de passer til dit projekt, klik på save ( Disketten), se hvordan siden kommer til at se ud: tilføje nye filer, ved at gentage processen fra *: Husk at skrive.html klik på Next, vælg igen HTML-4.01 Transitional Template (*.html) og klik på finish. Nu skal du indsætte et link fra den første fil til nyfil : Klik på index.html filen, enten tv i menuen eller i den tværgående bjælke med filer og prewiev.
6 Du skal skrive <A Når du trykker på mellemrumstasten får du: Vælg HREF Mellem gåseøjnene skriver du nyfil.html, afslut <A tagget med > indsæt en tekst til linket og afslut linket med </A>:
7 Sådan indsætter du en ny fil: <A href="nyfil.html" >Klik her for at se den nye fil</a> Nu ser de to filer sådan ud: Klik på linket: Sådan opretter du et stylesheet.nu skal du igen oprette en ny fil, som før, men denne gang skal den hedde.css:
8 Jeg har kaldt min stylesheet fil design.css, filen skal hedde.css! Klik på næste, vælg css-template og klik på finish. Nu kan man tilføje baggrundsfarve, teksttyper osv: Jeg har bare skrevet b, så får jeg valgmulighederne som vist, jeg vælger background-color, se her: body {background-color: #ffff00; font-family: Verdana; font-size: medium; color:#0000aa } Her har jeg valgt en gul baggrundskode, man kunne også skrive yellow, tekstfonden Verdana tekststørrelsen Medium og tekstfarven blå, man kunne også have skrevet blue. Nu vil jeg indsætte et link til mit stylesheet i begge mine filer, jeg åbner min startfil og tilføjer i HEAD-delen <link rel="stylesheet" href="design.css"/> Nu ser min startfil sådan ud først koden så visning:
9 Jeg indsætter også linket i min Nyfil.html. Nu skal filen uploades, vælg connections og NEW connection : Dit domæne hedder: <navn>.hfcinformationsteknologi.dk hvor navn er dit navn Brugernavn: hfcinformationst.dk
10 Password får du direkte af mig. Når du er logget på, vil du se denne side: Til venstre ser du din computers indhold ( hvis ikke, så klik på edit)-til højre ser du serverens indhold. Klik på dit navn på serveren og træk filerne fra din computer til serveren: Nu kan du se de uploadede filer på hfcinformationsteknologi.dk under mit navn eller klik her: http://kirsten.hfcinformationsteknologi.dk/start.html Hvis du ikke står der, så kontakt mig!
11 Tilpasning af Aptana Se nu er jeg blevet meget træt af at læse hvid skrift på sort baggrund! Derfor klikker jeg på Themes, og vælger det tema, jeg bedst kan lide, prøv dig lidt frem!