Att göra Web-sidor på Macintosh Av Jacob Palme 95-10-30, senast ändrad 96-11-26 21.06. Original filnamn: web-sidor-med-mac.mw6. Detta dokument kan laddas ner från följande URL-er: I Adobe Acrobat format: http://www.dsv.su.se/~jpalme/wbm/web-sidor-med-mac.pdf I HTML-format: http://www.dsv.su.se/~jpalme/wbm/web-sidor-med-mac.html Innehållsförteckning Innehållsförteckningen ger en översikt över olika metoder du kan använda. Kortare beskrivningar av olika metoder...2 Metod 2: Göra HTML-filerna med Word på Macintosh, konvertera till HTML och skicka över dem till Web-servern med FTP, kort beskrivning... 2 Metod 3a: Variant av metod 2, där du inte ändrar och korrigerar i HTML-filen utan enbart I Wordfilen... 3 Metod 3b: Variant av metod 3a, där samma Word originalfil kan sparas som Text Only och då bli en HTML-fil, eller skrivas ut på papper och då bli ett Wordutskrivet pappersdokument... 3 Metod 4: Använda Adobe Acrobat, som skapar Webfiler från Word mycket enklare än med konvertering till HTML... 3 Metod 5: Använda en HTML-editor, t.ex. Pagespinner, Adobe Pagemill, Netscape Gold, Claris Home Page eller Microsoft Frontpage... 3 Jämförelse av RTFtoHTML (version 3) och Microsofts konverterare Hypertext Markup Language (följer med Microsoft Internet Assistant version 2)...4 Utförligare beskrivning av metod 1: Köra NCSA Telnet, logga in på Web-servern och redigera med Emacs...5 Utförligare beskrivning av metod 2: Göra HTML-filerna på Macintosh och skicka över dem till Web-servern med FTP...5 Steg 1: Gör första utkastet med ordbehandlare, t.ex. Word... 5 Steg 2: Spara i RTF-format från ordbehandlaren... 6 Steg 3: Kör RtfToHtml för att få första utkast till HTML-fil... 7 Steg 4: Redigera med godtycklig ordbehandlare, t.ex. Word, i HTML-filen. Spara som ren textfil, inte som Word-fil.... 8 Steg 5: Skicka över filen till Web-servern med ett FTP-program, t.ex. Fetch, Xferit, Anarchie eller NCSA Telnet... 9 Steg 6: Bara om man vill ha med bilder i Web-dokumentet:...14 Steg 7: Testa med två olika Web-klienter, t.ex. Netscape och Microsoft Internet Explorer...20 Steg 8: Upprepa steg 4-8 tills du blir nöjd...21
Att göra Web-sidor på Macintosh Sida 2 Kortare beskrivningar av olika metoder Metod 2: Göra HTML-filerna med Word på Macintosh, konvertera till HTML och skicka över dem till Web-servern med FTP, kort beskrivning Steg 1: Gör första utkastet med ordbehandlare, t.ex. Word Steg 2: Spara i RTF-format från ordbehandlaren Steg 3: Kör RtfToHtml eller Microsoft Internet Assistant för att få första utkast till HTML-fil Alternativ till steg 2-3: Spara från Word med konverteraren Hypertext Markup Language. Steg 4: Redigera med godtycklig ordbehandlare, t.ex. Word, i HTML-filen. Spara som ren textfil, inte som Word-fil. Steg 5: Skicka över filen till Web-servern med FTP-program, t.ex. Fetch eller Xferit. Anmärkning: Fetch måste vara inställd på "Translate ISO characters" för att ÅÄÖ skall översättas korrekt. Steg 6: Bara om man vill ha med bilder (Om du använt Microsoft Internet Assistant behövs ofta inte steg 6a och 6b men däremot steg 6c): Steg 6a: Om bilderna är i linjegrafik, konvertera dem till bitmappat format. Bäst är enligt min erfarenhet att göra detta med SuperPaint och använda funktionen Cut To Painting i Edit-menyn. Steg 6b: Konvertera till GIF-format, t.ex. med GraphicConverter. Anmärkning: Med kommandot "Trim Selection" i GraphicConverter kan man ta bort för stora vita fält runt den bild man vill få med i WWW. Steg 6c: Skicka över GIF-bilderna till Web-servern. Steg 7: Testa med två olika Web-klienter, t.ex. Netscape och MacWeb. Steg 8: Upprepa steg 4-8 tills du är nöjd. Steg 1: Gör första utkastet med ordbehandlare, t.ex. Word Steg 2: Spara i RTF-format från ordbehandlaren Steg 3: Kör RtfToHtml för att få första utkast till HTML-fil Steg 4: Redigera med godtycklig ordbehandlare, t.ex. Word, i HTML-filen. Spara som ren textfil, inte som Word-fil. Steg 5: Skicka över filen till Web-servern med FTP-program, t.ex. Fetch eller Xferit. Steg 6: Bara om man vill ha med bilder: Steg 6a: Om bilderna är i linjegrafik, konvertera dem till bitmappat format. Bäst är enligt min erfarenhet att göra detta med SuperPaint och använda funktionen Cut To Painting i Edit-menyn. Steg 6b: Konvertera till GIF-format, t.ex. med GraphicConverter. Steg 6c: Skicka över GIF-bilderna till Web-servern. Steg 7: Testa med två olika Web-klienter, t.ex. Netscape och MacWeb. Steg 8: Upprepa steg 4-8 tills du är nöjd.
Att göra Web-sidor på Macintosh Sida 3 Metod 3a: Variant av metod 2, där du inte ändrar och korrigerar i HTMLfilen utan enbart I Wordfilen. Fördel: om du skall ofta skall ändra mycket i texten, eller ofta vill skriva ut växelvis på papper med Word och lägga upp i Weben. Nackdel: Du måste lära dig RtfToHtml eller Microsoft Internet Assistant grundligare, och använda speciella formatmallar/styles på det sätt som beskrivs I manualen för RtfToHtml (någon manual för Microsoft Internet Assistant har jag inte kunnat hitta). Metod 3b: Variant av metod 3a, där samma Word originalfil kan sparas som Text Only och då bli en HTML-fil, eller skrivas ut på papper och då bli ett Word-utskrivet pappersdokument Metod 4: Använda Adobe Acrobat, som skapar Webfiler från Word mycket enklare än med konvertering till HTML Nackdel: Mottagaren måsta ha Adobe Acrobat Reader för att kunna läsa filen. Viktigt se till att du har 35 mm marginal i A4-pappers över- och underkant för att folk i Nordamerika skall kunna skriva ut det på sina papper i formatet Letter. Metod 5: Använda en HTML-editor, t.ex. Pagespinner, Adobe Pagemill, Netscape Gold, Claris Home Page eller Microsoft Frontpage Dessa editorer producerar direkt HTML-dokument, de flesta av dem även GIF-filer för bilderna. Det är bara att skicka in HTML- och GIF-filerna med fetch när dokumentet är klart.
Att göra Web-sidor på Macintosh Sida 4 Jämförelse av RTFtoHTML (version 3) och Microsofts konverterare Hypertext Markup Language (följer med Microsoft Internet Assistant version 2). Egenskap RTFtoHTML Microsoft IA Innehållsförteckning med hyperlänkar till kapitelrubriker genereras automatiskt Fotnoter översätts automatiskt till hyperlänkar som pekar på fotnotens text Bredd på tabellceller Kan översätta hopslagna (mergade) tabellceller korrekt Konvertering av bilder Ja Ja Använder den som är inbyggd i mottagarens webläsaren Nej Producerar PICT-bilder, som man själv får översätta till GIF eller JPEG med Graphic Converter efteråt Nej Nej Försöker efterlikna originaldokumentets tabellbreder Ja Producerar GIF-bilder direkt Teckenstorlek Väljer inte teckenstorlek Väljer teckenstorlek om bokstäver i originaldokumentet har liten eller stor grad. Sammanfattning Bättre om man vill ha en enkel översättning som man själv vill snygga upp efteråt Enklast att använda om man inte vill korrigera efteråt.
Att göra Web-sidor på Macintosh Sida 5 Utförligare beskrivning av metod 1: Köra NCSA Telnet, logga in på Web-servern och redigera med Emacs Utförligare beskrivning av metod 2: Göra HTML-filerna på Macintosh och skicka över dem till Web-servern med FTP Steg 1: Gör första utkastet med ordbehandlare, t.ex. Word Hejsan från Sven Svensson Det här är meningen att det skall bli min hemsida i World Wide Web. Jag är... Här är en bild som jag har ritat: Brev Möte A Möte B Möte C Läst Oläst Struktur > Kontroll
Att göra Web-sidor på Macintosh Sida 6 Steg 2: Spara i RTF-format från ordbehandlaren
Att göra Web-sidor på Macintosh Sida 7 Steg 3: Kör RtfToHtml för att få första utkast till HTML-fil
Att göra Web-sidor på Macintosh Sida 8 Anmärkning: Felutskrifterna I fönstret ovan beror på att filen innehåller formatmallar/styles som RtfToHtml inte känner till. Det går bra ändå, men om man väljer formatmallar/styles som RtfToHtml känner till, kan man få en snyggare HTML-fil, som behöver mindre manuellt korrigeringsarbete efteråt. Detta beskrivs utförligare I RtfToHtml-manualen. Steg 4: Redigera med godtycklig ordbehandlare, t.ex. Word, i HTML-filen. Spara som ren textfil, inte som Word-fil.
Att göra Web-sidor på Macintosh Sida 9 Här kan du göra ändringar I HTML-filen. T.ex. kan du sätta in <hr> efter <p> på sjunde raden för att få en horisontell linje i utskriften. När du sparar filen ovan från Word, är det viktigt att se till att den sparas som en ren textfil, och inte i Words speciella format. Steg 5: Skicka över filen till Web-servern med ett FTP-program, t.ex. Fetch, Xferit, Anarchie eller NCSA Telnet Nedan visas hur man gör när man använder Fetch. Innan man gör överföringen, måste man se till att Fetch är inställd så att den automatiskt översätter ÅÄÖ från Macintosh teckenuppsättning till den ISO-standard (ISO 8859-1) som WWW använder sig av. Det gör man så här i Fetch:
Att göra Web-sidor på Macintosh Sida 10 Kryssa i rutan Translate ISO characters i Fetch-fönstret ovan. En annan icke-önskad funktion i Fetch är att den lägger till ".txt" i slutet på filer man skickar över till web-servern, och html-filer måste sluta med ".html" och inget annat för att duga. För att ta bort denna funktion i Fetch gör man så här:
Att göra Web-sidor på Macintosh Sida 11 Ta bort krysset framför "Add file format suffixes" i fönstret ovan. Nu kan du börja överföringen. Logga in med Fetch på den dator och den mapp där HTML-filerna skall ligga. Vid kursen lägger vi HTML-filerna på datorn mars, konto wwwkurs, mapp WWW. Obs att mappens namn skall skrivas med stora bokstäver, WWW, inte www. Mars är nämligen en unixdator, och på sådana är det noga med stora och små bokstäver:
Att göra Web-sidor på Macintosh Sida 12 Klicka på Open Connection i fönstret ovan. Fyll i datornamn, User ID, Password och Directory ovan. Password meddelas muntligt vid kursen. Klicka på Put File för att skicka in HTML-filen till Web-servern i fönstret ovan.
Att göra Web-sidor på Macintosh Sida 13 If the window below does not say Format: Text, then you have forgotten to save the document in text format from word.
Att göra Web-sidor på Macintosh Sida 14 Steg 6: Bara om man vill ha med bilder i Web-dokumentet: Steg 6a: Om bilderna är i linjegrafik, konvertera dem till bitmappat format. Det finns flera olika program som kan göra det, själv brukar jag använda Aldus Superpaint och kommandot Cut to Painting i Edit-menyn: RtfToHtml har sparat bilden i PICT-format i filen sven.svensson1.pict (om orginaldokumentet hade innehållit flera bilder, hade dessa sparats i filer sven.svensson1.pict, sven.svensson2.pict o.s.v. av RtfToHtml). Jag sparar bilden i SuperPaint, efter att ha gjort om den till bitmappat med kommandot Cut to Painting, i en PICT-fil med namnet sven.svensson.bitmapped. Sedan måste man konvertera PICT-bilden till GIF-format, då GIF är det mest allmänt stödda bildformatet i World Wide Web. Detta kan man på Macintosh göra med t.ex. programmen GifConverter eller GraphicConverter. Nedan visas hur man gör med GraphicConverter: Öppna först filen sven.svensson1.bitmapped med GraphicConverter. Bilden ser nu ut så här:
Att göra Web-sidor på Macintosh Sida 15
Att göra Web-sidor på Macintosh Sida 16 Det är inte bra att ha med så mycket vitt i bilden när man lägger in den i World Wide Web. Därför markerar jag en fyrkant runt det jag vill ha kvar av bilden så här:
Att göra Web-sidor på Macintosh Sida 17 Sedan använder jag kommandot Trim Selection i Edit-menyn för att ta bort onödigt vitt på bilden:
Att göra Web-sidor på Macintosh Sida 18 Efter detta ser bilden ut så här i GraphicConverter: Spara nu bilden i GIF-format:
Att göra Web-sidor på Macintosh Sida 19 För sedan över filen sven.svensson1.gif till Web-servern med Fetch: I fönstret ovan måste jag ändra filens namn från sven.svensson1.gif till sven.svensson1.gif. Tänk på att stora och små bokstäver är olika på Unix-datorer, och Web-servern är en Unix-dator! Vidare måste jag ändra MacBinary II ovan till Raw Data.
Att göra Web-sidor på Macintosh Sida 20 Steg 7: Testa med två olika Web-klienter, t.ex. Netscape och Microsoft Internet Explorer Använd kommandot Open Location i File-menyn i Netscape: Observera ~-tecknet före "wwwkurs" ovan. Det är en unixkonvention för "arean tillhörande kontot "wwwkurs". För att åstadkomma ~-tecknet på Macintosh tangentbord håller du Alt nere, trycker på tangenten som ser ut så här ^ släpper Alt och trycker på blankstegstangenten.
Att göra Web-sidor på Macintosh Sida 21 Steg 8: Upprepa steg 4-8 tills du blir nöjd