Pääsivu
Johdanto
Yleistaulukko
Arvostelut
Pistetaulukko
Johtopäätökset
|
|
TopStyle Pro 3.0 tarjoaa käynnistyksen yhteydessä pientä opetusohjelmaa läpi käytäväksi. Lisäksi editori kyselee muutamia asetuksia ennen tositoimiin ryhtymistä. Opetusohjelman läpikäyminen voisi ollakin hyvä idea, koska ohjelma näyttää aika vaikealle muihin editoreihin verrattuna. Paneelit saa piilotettua F4-näppäimellä, jos toimintoja tuntuu olevan liikaa tarjolla.
Oletuksena esille tulee tyhjä dokumentti, joka onkin Web-sivun sijasta CSS-tyylitiedosto. TopStylen aiempia versioita on tullutkin monen editorin mukana nimenomaan CSS-tyylitiedostojen tekemiseen. Valmiita pohjia on html- ja xhtml-tiedostoille.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> </head> <body> </body> </html>
Editori onkin parhaimmillaan tyylitiedostojen tekemisessä. Normaalien Web-sivujen tekeminenkin on mahdollista, mutta ei aivan täydellistä. Tagien suoraan lisäämiseen sivulle ei ole mitään työkaluja. Tagit saa valittua listasta, joka tulee esiin kun kirjoittaa pienempi kuin-merkin. Sopivan tagin ollessa kohdalla, enter hyväksyy lisäyksen ja täydentää tagin myös lopputagilla. Attribuuttien kirjoitus koodiin onnistuu samaan tapaan tagin valinnan jälkeen välilyöntiä painamalla. Esiin tulevasta attribuuttilistasta sitten voi valita haluamansa ja hyväksyä sen enterin painalluksella. Kun halutut attribuutit on kirjoitettu, suurempi kuin-merkki lisää automaattisesti lopputagin.
Oikealla on ”Tag Inspector”-palkki, josta pääsee kätevästi muuttelemaan attribuuttein määreitä. Samaan paikkaan voi välilehdeltä valita tiedostoselaimen. Linkkien tekeminen on tätä kautta kätevämpää ja nopeampaa, kuin tagin kirjoittaminen itse. Jos linkitettävällä html-tiedostolla on title-tagi, sen sisältö tulee automaattisesti linkkitekstiksi. Myös kuvien lisääminen dokumenttiin raahaamalla se tiedostolistasta onnistuu kuten myös thumbnail-näkymästä vasemmasta reunasta.
Tekeillä olevan sivun esikatselu päivittyy jatkuvasti alhaalla näkyvässä palkissa. Täydellä ruudulla esikatseluikkuna voi olla ruudun kokoinen tai sitten pienempi esimerkiksi 640x480, jolloin näkee sivun käyttäytymisen kyseisellä resoluutiolla.
Jos koodin vääntäminen TopStylellä tuntuu hankalalle, ulkoisen editorin käyttäminen on tehty helpoksi. Ulkoisten editorien listassa on jo oletuksena joitakin asennettuja ohjelmia ja itse voi niitä lisätä tarpeen tullen. Tiedostot voi tehdä vaikka MacroMedian HomeSitella tai AceHTML:llä. Kun tiedoston tallentaa ja palaa takaisin TopStylen puolelle, se huomaa dokumentin muuttuneen ja kysyy että ladataanko se uudelleen. Homma toimii hyvin.
Oikoluku osaa vain Amerikan Englannin, mutta netistä saa Suomenkielen lisäpaketin. Se on tosin kehno, eikä tunne juuri muita kuin sanojen perusmuotoja. Lisäksi se usein ehdottaa yhdyssanojen erilleen laittamista. Etsi + korvaa toiminto osaa etsiä korvattavia kaikista avoinna olevista tiedostoista.
CSS-tyylisivujen suunnittelussa editori on haka. Ohjelma tuntee mm. CSS1, CSS2, CSS Mobile ja eri selainten standardien mukaiset tyylit. Tyylitiedostoa voi kirjoittaa kuten html-koodiakin. Kaarisulkeen kirjoittamisen jälkeen voi popup-menusta valita haluamansa tagin tyylin muokkauksen. Jos se tuntuu hankalalle, voi ottaa Selector Wizardin käyttöön, jolla tyylien tekeminen helpottuu. Tehtyjä tyylimäärittelyjä voi muokata listasta, kuten html-tagejakin. Tyylien vaikutuksen näkee suoraan alhaalla olevasta esikatseluikkunasta. Valmiin tyylitiedoston voi linkittää projektin, tietyn hakemiston tiedostoihin tai valittuihin tiedostoihin linkkinä, style-tagien sisään suoraan tai @import:na. Style checker tarkistaa tyylitiedostojen oikeellisuuden.
Projektinhallinta on mukana, jossa on monia toimintoja, joilla projektin sisältämiä tiedostoja voi tutkia eri lajitteluperusteilla. Ftp:tä ei ole mukana, joten tiedostot joutuu lähettämään jollakin toisella ohjelmalla serverille.
TopStyle Pro 3.0 on parhaimmillaan tyylitiedostojen tekemisessä, mutta html-sivujakin sillä saa aikaiseksi. Tämä ja hyvä html-editori yhdessä on kuitenkin parempi vaihtoehto, jolloin voi käyttää myös html-editorin PHP-, ASP- yms. ohjelmointiominaisuuksia.
| Spider Writer 5.2 <– Edellinen – Seuraava –> WebScripter 4 Standard |