Fortsæt læsning »]]> Der findes dage hvor man vågner, og bare har lyst til at kunne redigere et website der ikke er CMS.
Har du et website – eller brug for ét – hvor alle sider er individuelt designede, hvilket gør CMS problematisk?
Eller et website på en server uden database?
Måske et website designet i Flash?
– og dét vil du gerne kunne redigere i en browser?
Naturligvis!
eGospel© kan placeres på enhver server, og bruges til at redigere helt almindelige HTML sider og tekster i Flash. WYSIWYG, naturligvis!

eGospel© understøtter redigering af

• HTML 4
• XHTML
• HTML5
• CSS
• JavaScript
• .sim-filer (redigerbar tekst i Flash)
• txt og rtf filer

eGospel© kan anvendes i

• Internet Explorer
• Safari
• Firefox
• Chrome
• Mac OS X
• Windows
• Linux
• iOS

eGospel© er udviklet til dig af Nordisk Grafik.

Fortsæt læsning »]]>

Admaker XPress (www.adx.dk) – den optimale startside på nettet

Fortsæt læsning »]]>
Her kan du finde en evigt voksende mængde ninja-trix til InDesign, Photoshop m.v. – af typen du ikke finder i manualer og på hjælpesiderne. Hver gang vi støder på en ting som det kunne være fedt at vide for andre grafikere skriver vi det ned her. Hvis du har et godt trick der mangler, eller mangler et trick der ikke står her, er du hjerteligt velkommen til at bidrage med input og spørgsmål på support@nordiskgrafik.com

Gå direkte til
Tastaturgenveje
InDesign
Illustrator
Photoshop
Flash
Dreamweaver
Acrobat PDF

Tastaurgenveje

I alle Adobe programmer kan disse bruges til navigation i stedet for at skifte værktøj til hånden og forstørrelsesglasset:

• Hånden: [Mellemrum] ([Alt] når du arbejder med tekstværktøjet)
• Zoom ind lup: [Ctrl]+[Mellemrum]+ klik og træk
• Zoom ud lup: [Ctrl]+[Alt]+[Mellemrum]+klik

InDesign

Importer tekster fra Word® med afsnitsformater til InDesign dokument med afsnitsformater (Paragraph Styles)

1. Opret et nyt InDesign dokument.
2. Opret i dokumentet de afsnitsformater/Paragraph Styles du skal bruge; rubrik, mellemrubrik, brødtekst etc.
3. Sørg for at tekstforfatteren har benyttet afsnitsformater i Word®. Du kan evt. true vedkommende med en røvfuld… Hvis de er svære at finde, så kig til venstre for dér hvor der står “Times New Roman”. Det er ordet “Normal” du leder efter.
4. Når du placerer ‘Vørd’-dokumentet skal du sørge for at have sat flueben i Import Options (dén der dukker op når du trykker Ctrl/Æble-D).
5. Når du har valgt filen og trykket OK dukker der en Word Import Options menu op.
6. Sæt hak i Preserve Styles and Formatting from Text and Tables.
7. Sæt også hak i Customize Style Import, og klik på Style Mapping.
8. Du kan nu vælge hvilke af Word’s afsnitsformater der skal blive tryllet om til dine egne afsnitsformater (Paragraph Styles) i InDesign dokumentet; fx Normal => Brødtekst, Heading 1 => Rubrik, osv.
9. Tryk OK og OK, og placer teksten i dokumentet.
10. Tip: Du kan evt. bruge dokumentet acoupfortherich.doc til at teste funktionen. Husk at autoflow’e teksten (hold shift nede når du klikker den ind på siden), da den fylder ca. 100 A5 sider.

Dokumentfletning (Data Merge) med Excel fil… … …

• Det korrekte svar er nej. Du kan ikke flette med en Excel-fil. Dertil er Excel filer for komplekse. Findes de ønskede data i en Excel fil må du først gemme den som en komma-separeret CSV fil eller en tabulator-separeret TXT fil.

Object Style med indbygget Paragraph Style og Next Style…

1. Opret to Paragraph Styles: Fakta_brød og Fakta_rubrik. Tekstfarven skal være hvid i begge.
2. I Fakta_rubrik vælges Next Style: Fakta_brød
3. Opret en Object Style ved navn Fakta_boks. Fyldfarve: Mørk blå, Corner Options: Roundet 3 mm.
4. Paragraph Styles: Fakta_rubrik, sæt flueben i Apply Next Style.
5. I General kan evt. sættes en tastaturgenvej, fx Ctrl + Num 9
6. Markér et tekstfelt og vælg Object Style’n Fakta_boks

De tastaturgenveje du troede ikke fandtes

• Spring til målpalletten (uden at bruge mus!!!) Æble(Ctrl) + 6
• Skift mellem Tekst og Afsnit i målpaletten Æble(Ctrl) + Alt + 7

Nested Styles – et alternativ til tabeller

1. Opret tre Character Styles, fx Hotel, Beskrivelse og Pris
2. Opret en Paragraph Style (fx Hoteller) og gå til Drop Caps and Nested Styles
3. Vælg New Nested Style: Hotel through 1 Tab Character
4. Vælg New Nested Style: Beskrivelse through 1 Tab Character
5. Vælg New Nested Style: Pris through 1 Forced line break
6. Indsæt eller skriv en tekst med flere linier hoteller sådan: Hotelnavn [tabulator] beskrivelse [tabulator] pris [return]
7. Brug tabulatorne til at styre placeringen af teksten.

Kopier alle indstillinger til en anden computer

1. Find mappen [Bruger]/Bibliotek/Preferences/Adobe InDesign/Version 5.0 (på en Mac) / C:\Documents and Settings\[bruger]\Application Data\Adobe\InDesign\Version 5.0 (på en windows PC)
2. Kopier mappen ned på fx en USB-dims
3. Overskriv den tilsvarende mappe på den anden computer
4. Derved overføres alle dine egne tastaturgenveje, workspaces, glyph-sets, scripts, find-change queries og generelle indstillinger

• – Tricket kan også bruges til Photoshop, Illustrator og Bridge

Brug din egen vrøvletekst

• Opret en tekstfil i rent tekstformat (txt) og gem den med navnet placeholder.txt i den samme mappe som selve programmet ligger i.
• Herefter vil din egen tekst blive sat ind når du vælger Type > Fill With Placeholder Text
• Du har ikke overskrevet en eksisterende fil, så hvis du bliver træt af din egen tekst kan du slette placeholder.txt filen igen, så går InDesign tilbage til at skrive latin.
• [ Find evt. layouttekster her ]

Mange billeder eller logoer på én side (CS3 – CS4)

1. Opret en billedkasse i det rigtige format
2. Højreklik, vælg Fitting > Fitting on Empty Frame > Fit Content Proportionally
3. Vælg Edit > Step and Repeat – først på den nen led, og så på den anden
4. Ctrl + D – vælg alle logoer/billeder og klik dem ind i rammerne
5. Når du indsætter flere billeder på én gang kan du ’bladre’ med højre og venstre piletast, og slette billeder med Esc.

Mange billeder eller logoer på én side (CS5)

1. Vælg File > Place (eller Ctrl/Æble + D)
2. Markér de filer du vil indsætte
3. Træk en firkant på siden imens du indstiller hvor mange felter du vil have i højden og bredden ved at benytte højre og opadrettede piletast
4. Du kan evt. tilpasse billederne i felterne ved hjælp af Fitting bagefter

Slip af med ‘søge’-/’gribe’-feltet i billeder

Gå til View > Extras > Content Grapper

– ‘content grapper’. Enormt praktisk eller skide irriterende?

Tilbage til toppen

Illustrator

Uskarpe skærmbilleder

Når du eksporterer din kniv-skarpe vektor grafik til jpg, gif eller png får du somme tider nogle ‘grå’ og uskarpe streger.

I Illustrator CS5 er der en nem løsning:

1. Vælg View > Pixel Preview
2. Zoom ind til min. 600%
3. Åben Transform panelet (Window > Transform) og sæt flueben i Align to Pixel Grid
4. Voilá!
5. Eksporter igen til ‘Web & Devices’

Tilbage til toppen

Photoshop

Et foto lyver altid!

Ordet Photoshop dækker over programmet Adobe® Photoshop™, men er også blevet til et begreb på moderne engelsk, der betyder at et billede er blevet manipuleret – ikke altid ved hjælp af programmet Photoshop iøvrigt.

Her kan ses en film fra Dove’s Selvværds-kampagne der understreger sandheden i overskriften “Et foto lyver altid”.

Photoshop online

• Sidder du på en netcafé og skal bruge Photoshop til en enkelt opgave? Der findes en gratis online version af Photoshop Elements på adressen photoshop.com. Alt hvad der kræves er et gratis Adobe ID, som også er brugbart på kuler.adobe.com og acrobat.com

Et sammenkopieret lag

• For at oprette et nyt lag, der er en ‘sammenklappet’ kopi af alle synlige lag: Ctrl + Alt + Shift + E / Æble + Alt + Shift + E

Warhols Monroe billede

1. Åben portrætbillede
2. Omdan Background i lagpaletten til et lag ved at dobbeltklikke på det.
3. Gør lærredet fire gange så stort ved at bruge Canvas Size eller Crop Tool
4. Læg et ‘tegnings’-filter på portrættet, fx Cutout
5. Opret et nyt lag og mal oven på portrættet i klare farver med penslen
6. Giv det malede lag en blandingstilstand, fx Multiply med 71% opasitet
7. Læg et Hue/Saturation justeringslag oven på det malede lag, og indryk det ved at Alt-klikke imellem lagene
8. Marker de tre lag i lagpaletten med Shift-tasten
9. Træk med Alt-tasten nede tre kopier af de valgte lag, sådan at billederne nu ligger side-by-side
10. Juster farverne ved at klikke i Hue/Saturation justeringslagene ét ad gangen, og ændre Hue
11. Voila!

Fra Photoshop billede i lag til Flash slideshow

1. Resulatet bliver en flash originalfil og en swf-fil til at uploade på internettet i en html side. Denne type slideshow kan tilpasses i det uendelige med interaktivitet og knapper etc.
2. Gør billedet klar i Photoshop med lag. tekster etc.
3. Sæt størrelsen ved hjælp af Image > Size (fx 800×600 pixels) og opløsningen til 72 PPI
4. Gem billedet som PSD
5. Åben Flash og opret et nyt dokument. Størrelsen er ligeyldig, FPS 30
6. Vælg FIle > Import > Import to stage
7. I dialogboksen der viser vælges Photoshop layers = Flash Layers og flueben i både Place at original position og set stage size to same size as photoshop …
8. I Flash ligger alle lag nu i første frame i tidslinien, i de oprindelige lag
9. Lad det nederste billede ligge
10. Billedet i laget ovenpå flyttes (ved hjælp af musen i tidslinien til frame 90. Højreklik og vælg Insert keyframe.
11. Højreklik på billedet og lav det om til flash grafik (Convert to symbol – i dialogboksen vælges Graphic)
12. Klik i samme lag i frame nummer 110. Opret en ny keyframe (Højreklik og vælg Insert Keyframe)
13. Klik et tilfældigt sted imellem de to frames (90 og 110), højreklik og vælg Create Motion Tween)
14. Klik nu på den første keyframe (90), og vælg nede i proporties-palletten Color = Alpha = 0
15. I frame nummer 200 oprettes frames (højreklik > insert frame) i alle lag
16. Prøv at afspille ved at trykke ctrl + enter
17. HVis filmen skal stoppe i frame 200 skal der indsættes et nyt lag. I dette lags frame 200 indsættes en tom keyframe (højreklik > Insert blank keyframe)
18. I denne keyframe skal der sættes en action ind. Højreklik på den nye keyframe og vælg Action. I den pallet der dukker op skrives:
19. stop();
20. Prøv igen at afspille ved at trykke ctril + enter
21. Du burde nu kunne se hvordan det fungerer. Ved flere billeder gentag fra punkt 9…

Fra Photoshop billede i lag til Flash slideshow video eller en animeret GIF-fil

1. Resultatet bliver en FLV flash videofilm, der kan afspilles, og indsættes i forskellige sammenhænge, men den kan ikke viderebearbejdes med interaktivitet, knapper m.v. – alternativt en animeret gif…
2. Opret et PSD-billede med mange billeder i lag.
3. Sørg for at alle lag er vist.
4. Åben Animation panelet (Window > Animation)
5. Hvis du ser nogle lange grønne bjælker viser panelet Timeline Animation. Det ønsker vi ikke. Vælg Convert to Frame Animation i panelmenuen.
6. Nu ser du et enkelt billede i panelet. Det er første frame. – og foreløbigt eneste…
7. Vælg i panelmenuen (en lille trekant og tre streger i øverste højre hjørne af panelet) funktionen Make Frames from Layers.
8. Du har nu lige så mange frames som du har lag.
9. Marker alle frames (hold shift nede imens du klikker).
10. På undersiden af hver frame står der en tid. Den tid bestemmer hvor længe den frame skal vises. De skal først alle sammen sættes til No Delay (altså nul tid). Så længe de alle er markerede kandu nøjes med at stille tiden på det ene, så retter de andre med.
11. Vælg nu frame nummer ét og to.
12. Klik på det lille symbol der ligner en perlekæde i bunden af panelet. Den hedder Tween Animation Frames. Når du klikker på den dukker der en dialogboks op. Vælg Frames to Add: 20.
13. Der bliver nu oprettet 20 frames mellem første og anden frame, der tilsammen skaber en overgang. Prøv evt at afspille den med den lille play-knap i bunden af panelet.
14. Gør det samme på alle de andre frames.
15. Når du har oprettet en Tween imellem alle de frames der blev skabt af de oprindelige lag, og altså ikke er en del af en overgang, skal du finde dem i tidslinien (Frame nummer 1, 22, 43 etc.), og rette deres tid fra No Delay til fx 4 sekunder. Derved har du de oprindelige billeder at kigge på i tre sekunder hver, og imellem dem en overgang på 20/24 sekundt. Det kører lidt langsommere når du ser det i panelet.
16. Nu skal ‘filmen’ eksporteres. Sørg for at gemme den som en PSD-fil først.
17. For at eksportere til en Flash video film vælger du File > Eksport > Render Video. I dialogboksen vælges Quicktime: Flash Video (FLV).
18. For at eksportere til en animeret gif vælges File > Save for Web and Devices og i dialogboksen vælges GIF. Det er ikke nær så pænt som en Flash…

Batch… – ændringer på mange billeder automatisk

1. Placer filerne i en mappe for sig.
2. Åben det ene i Photoshop.
3. Åben paletten Actions (Window > Actions). Her ligger der en mappe med defalt actions. Den hedder Default Actions…
4. Opret en mappe ved hjælp af det lille mappe-symbol i bunden af paletten, og kald den fx “Mine Actions”
5. Opret nu en ny action ved hjælp af det lille “ny” symbol (ligner en lille notesblok) i bunden af paletten.
6. Navngiv den “150ppi”
7. Den er nu begyndt at indspille den nye action.
8. Foretag den ønskede rettelse; fx Image > Image Size > ret ppi til 150. Sørg for at der er flueben i “Resamble Image”.
9. Tryk på den lille stop knap i bunden af Actions paletten (firkanten).
10. Luk billedet. Når du bliver spurgt om du vil gemme ændringer skal du svare nej!
11. Vælg nu File > Automate > Batch…
12. Play: Set > Mine Actions, Action > 150ppi
13. Source > Folder
14. Choose > den mappe billederne ligger i
15. Destination > Save and close
16. Klik på OK og gå på værtshus imens potentielt tusindevis af billeder bliver behandlet.

Billed-skablon til indsættelse af billede.

1. Åben det relevante foto
2. Opret et nyt lag
3. Opret en markering af en passende størrelse
4. Fyld markeringen med fx hvid (shift+Backspace)
5. Fjern markeringen (Ctrl+D)
6. Lav laget om til et SMart Object
7. Tilpas dit Smart Object ved hjælp af Ctrl+T (evt. Warp mode)
8. Opret evt. en maske…
9. Dobbelklik på Smart Object’et og indsæt relevant foto
10. Gem og luk
11. Ta-daaaaaaaaaaaaaaaaaaaaaaaa

Find billeder – find inspiration…

• http://www.sxc.hu
• http://istockphoto.com

Tilbage til toppen

Flash

Full screen – den hurtige metode

1. I den første scenes første frame, i et nyt lag, indsættes følgende actionscript direkte i keyframen
2. (du kan bare copy-paste):

//Don’t scale the movie when the stage size changes Stage.scaleMode=”noScale”; //Function to toggle between fullscreen and normal size//the toggle fullscreen button calls this function when pressed function toggleFullScreen(){ //if normal size, go to fullscreen, else go to normal size if(Stage["displayState"]==”normal”){ Stage["displayState"]=”fullScreen”; }else{ Stage["displayState"]=”normal”; } } //Create a listener for each time the Stage is resized var resizeListener:Object = new Object(); //Called each time the stage is resized resizeListener.onResize = function () { //Move the button to the center of the screen toggleFullScreenButton._x=Stage.width/2; toggleFullScreenButton._y=Stage.height/2; } //Add the listener to Stage Stage.addListener(resizeListener);

on(press){
toggleFullScreen();
}

• Der skal også indsættes en kode i HTML-filen for at det virker, men det behøver du ikke at bekymre dig om, hvis du bare vælger Publish Settings, og på fanen HTML vælger Template “Flash Only – Allow Fullscreen”.

Redirect til ikke-flash side

• Når du har lavet et flash-site, og ønsker at sende ikke-flash browsere direkte til en HTML udgave af siden, så indsæt dette script i Flash-sidens HTML, midt i HEAD sektionen:

<!– ===================================================== –> <!– ========== Redirect-script start ==================== –> <!– ===================================================== –> <SCRIPT LANGUAGE=JavaScript1.1> <!– var MM_contentVersion = 8; var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave flash"].enabledPlugin : 0; if ( plugin ) { var words = navigator.plugins["Shockwave Flash"].description.split(” “); for (var i = 0; i < words.length; ++i) { if (isNaN(parseInt(words[i]))) continue; var MM_PluginVersion = words[i]; } var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion; } else if (navigator.userAgent && navigator.userAgent.indexOf(“MSIE”)>=0 && (navigator.appVersion.indexOf(“Win”) != -1)) { document.write(‘<SCR’ + ‘IPT LANGUAGE=VBScript\> \n’); //FS hide this from IE4.5 Mac by splitting the tag document.write(‘on error resume next \n’); document.write(‘MM_FlashCanPlay = ( IsObject(CreateObject(“ShockwaveFlash.ShockwaveFlash.” & MM_contentVersion)))\n’); document.write(‘</SCR’ + ‘IPT\> \n’); } if ( MM_FlashCanPlay ) { doNothing(); } else{ window.location.replace(“http://www.ditwebsite.dk/htmlside“); } //–> </SCRIPT> <!– ===================================================== –> <!– ========== Redirect-script slut ===================== –> <!– ===================================================== –>

Tilbage til toppen

Dreamweaver

Fix Spry Horizontal Menubar

• Hvis du har brugt Dreamweavers predefinerede Spry Horizontal Menu Bar får du en horisontal (vandret) menu, med undermenuer der popper lodret ned, undtagen i Internet Exploder… – dér er den også vandret!
• Det kan heldigvis fixes.

1. I dit site findes der en mappe der hedder SpryAssets. Inde i den findes der en fil der hedder SpryMenuBarHorizontal.css. Åben den og tilføj følgende kode et sted:

ul.MenuBarHorizontal li ul li { clear: left; }

Én af internettets hele store guruer har sendt følgende åbne brev til Bill Gates, Microsoft:

“Will you, for the love of God, STOP developing Internet Explorer!!!”

Husk at downloade Adobes Widget Browser, så du kan hente de sidste nye widgets, fx. spry-menuer:

http://labs.adobe.com/downloads/widgetbrowser.html

Tilbage til toppen

Acrobat PDF

[ PDF indstillinger ] Hent PDF instillinger fra Nordisk Grafik til web, tryk og preflight

[ Excel til PDF konverter ] Løser problemerne i Excel/Acrobat med at konvertere regneark til PDF

[ CutePDF ] Alternativ til Acrobat Professional

Tilbage til toppen

Fortsæt læsning »]]> Visual Lightbox

1. Hent filen [visuallightbox.zip] ned på din computer og pak den ud (unzip)
2. Kopier mappen lightbox ind i din website-mappe. Den indeholder nogle små billeder og JavaScript filer som driver hele værket
3. Kopier alle billederne fra mappen “billeder” til billed-mappen i dit website
4. Åben filen “galleri.html” i Notesblok, TextEdit eller Dreamweaver
5. Markér koden fra “<!– lightbox script: start –>” til “<!– lightbox script: slut –>” og kopier den
6. Sæt den ind lige efter “<body>” i den HTML-fil hvor du ønsker dit billed-galleri
7. Gå tilbage til “galleri.html” og markér koden fra “<!– Billedgalleri: Start –>” til “<!– Billedgalleri: Slut –>”
8. Sæt den ind i den HTML-fil hvor du ønsker dit galleri, dér hvor det skal være (fx i en Div eller en tabel)
9. Du kan nu tilpasse den sidste kode efter behov, ændre størrelsen, filer etc.:

• Den første den af koden (“<a href=”billeder/vlimage01.jpg” rel=”width:768,height:576″ title=”Globetrotter”>”) er det billede/website der linkes til, og som åbner i en Visual Lightbox, med den angivne størrelse, med den angivne tekst under.
• Anden del af koden (“<img src=”billeder/vlimage01_sm.jpg” width=”115″ height=”86″ border=”1″ />”) er dét miniature-billede der vises og klikkes på
• Den tredie del af koden (“</a>”) afslutter funktionen
• Den fjerde del af koden (“&nbsp;”)er et tvungent mellemrum der ikke ombryder linien
• Derefter gentages koden med en ny miniature og et nyt link
• Denne type visual lightbox kan vise billeder, film, musik, websites m.m.
• Den udtonede baggrundsfarve kan ændres i filen lightbox/overlay.js “colour: ‘#000′,”
• Selve lightboxens farver kan ændres i filen lightbox/multibox.css
• Se eksempel på adx.dk (Klik på Rejselinks eller Flytider)

Facebook og Twitter App’s på dit website

• facebook.com/badges/
• twitter.com/about/resources/widgets

Få opdateringer fra  din Facebook side på dit website med Atom/RSS:

1. Opret en Facebook side (ikke profil) om dit band/dine varer/dine interesser.
2. Åben Facebook siden uden at logge ind, i Firefox. Klik på det lille RSS-symbol længst til højre i adresselinjen.Alternativt kan du bruge adressen:http://www.facebook.com/feeds/page.php?format=atom10&id=1111111111111111- og erstatte alle 1-tallene med dit profils nummer (står i adressen når du går ind på din Facebook-side)
3. Kopier adressen
4. Opret en gratis konto på feed.informer.com og paste rss-adressen ind i dit feed.
5. Under “Publish Digest” kopierer du koden og sætter den ind i en Div eller tabel-celle på dit website.

Læs også siden Sociale Netværk

HTML5 og CSS3

HTML5 er endnu ikke erklæret en ‘stable release’ af internetkonsortiet (www.w3.org), men understøttes af mange browsere.

Klik ind på de følgende sider for at se tips og tricks og hente koder til HTML5 og CSS3. – måske skal du hente den sidste nye Firefox eller Google Chrome først…

• http://html5demos.com
• http://www.html5rocks.com
• http://www.w3schools.com/html5

Internet Explorer 8 og der under understøtter ikke CSS3, men bruges af ca. 25% af alle internetbrugere (se statistik her). Delvis understøttelse kan opnåes ved hjælp af en feature der kan findes på dette link css3pie.com

QR Kode

Læs mere på vores side om QR [ klik her ]

Google webfonts

Der er nu et imponerende udvalg af skrifttyper på Google Webfonts, som du kan bruge ganske gratis på dit website: http://www.google.com/webfonts

Specielle karakterer i HTML

Udenlandske bogstaver
Symboler

Tjek din kode

W3C HTML Validator
W3C CSS Validator
W3C RSS Validator
W3C Link Validator
Adobe BrowserLab (se dit site i forskellige browsere på én gang)
Loadtime: Du kan tjekke websites loadtime, flaskehalse etc. på http://fpt.pingdom.com/

Fortsæt læsning »]]> Myter

Der findes et hav af myter omkring opfindelsen af internettet. De fleste myter nævner det amerikanske miliær, CIA eller KGB, men deres spæde eksperimenter med at forbinde computere via telefonnettet har lige så lidt at gøre med internettet, som brevduer har med opfindelsen af telegrafnøglen…

Fakta

Tim Berners-Lee

I marts 1989 opfandt Tim Berners-Lee internettet for sin arbejdsgiver CERN, det fælleseuropæiske atomforskningsagentur. Den første internetserver var en NEXT Cube med 64 Mb RAM, 256 Mb harddisk og en label med påskriften “Don’t power down!!!”
Samme Tim Berners-Lee er medstifter af internetkonsortiet W3C, der står for standardisering og udvikling af internettets protokoller: FTP, HTTP, HTML, CSS etc.
De første par år var der ikke mange virksomheder der troede på internettet, og teenagere havde held til at registrere domænenavne som cocacola.com og disney.com. Da Coca Cola og Disney pludseligt fik øjnene op for internettets muligheder måtte de betale formuer for domænerne. – det første registrerede domæne var iøvrigt http://symbolics.com…

Én branche der til gengæld kastede sig frådende over internettet fra starten var pornobranchen, der oprettede de første betalings-sites, og i de første ti år af nettets eksistens var forud for alle andre med hensyn til at udnytte grafiske og tekniske muligheder.

Den første internetserver

Antallet af internetservere, -sites, -brugere og -teknologier er vokset eksplosivt siden 1995, hvor verden for alvor fik øjnene op for nettet, og på internettet opstod der så store nye markeder for kontaktannoncer, postordresalg og annoncering, at begrebet dot-com-economy opstod.

Umidelbart før IT-boblen brast var Yahoo! vurderet til samme værdi som Mercedes-Benz. Yahoo! Havde da 200 ansatte, imens Mercedes havde over 50.000!

Alternative udnyttelser af internettet opstod, med chat, online gaming, internettelefoni, webcams og RSS-feeds.

Internettets største force, og samtidigt største problem er dets anarkistiske tilsnit. Uden en overordnet styring af hvilke informationer der bliver uploadet, kan alle udgive hvad de ønsker af politiske ytringer, ucensurerede holdninger, børneporno, bombeopskrifter, opfordinger til oprør og vold m.m. De kinesiske myndigheder benytter de mest vidtrækkende midler for at censurere internettet, med en vis succes, men også de vestlige landes regeringer viser interesse for at begrænse og/eller overvåge brugen af nettet. De fleste danske udbydere har fx lukket for adgangen til Piratebay.com (pga. systematisk brud på lov om ophavsret), og besøgende på børnepornografiske websites risikerer at møde et website tilhørende politiet (se her).

Pakistan har ved flere lejligheder blokkeret adgangen til Facebook og YouTube, og afbrydelse af internettet som helhed har været udbredt i alle de berørte lande under det arabiske forår. Det sidste har medført at Twitter har opnået stor udbredelse i mellemøsten, da det er helt problemfrit at både modtage og sende ‘tweets’ pr. sms.

Den manglende struktur kan gøre informationssøgning til et mareridt, sammenlignet med et klassisk bibliotek.
For at forstå hvilke problemer der belaster internettet skal du forestille dig et bibliotek hvor bygningen kan udvides i det uendelige, men hvor ind- og udlån er låst fast i et system der ikke kan opdateres eller re-struktureres, hvor bøger kan stilles til rådighed uden kontrol, hvor forældede værker ofte forbliver på hylderne, og hvor der er konkurrerende bibliotikarer.

Uagtet at PDF-filer let kan printes og Flash-sites sikrer at grafikken er stabil og flot animeret, skal begge formater præsenteres på et HTML-baseret site for at kunne kaldes frem i en browser. HTML er en teknologi der var betydeligt mere kompliceret at designe i, end fx design til print og tryk, og uensartet præsenteret i de forskellige browsere.

Hen imod slutningen af det tredie årtusindes første tiår steg brugernes forventninger til websites, og begrebet web 2.0 opstod. Sitets ejer skal kunne opdatere sidens tekst og billeder i browseren, og gæster på sitet skal kunne bidrage til sitet, og tilpasse personlige indstillinger for deres besøgsoplevelse.
Personlige relationer bliver til på nettet, og plejes dér.
Nyheder bliver i stigende grad formidlet på nettet, på bekostning af de traditionelle nyhedsmedier.
Nu om dage lærer man at læse på dr.dk/oline, finder en kæreste på dating.dk, holder kontakten på facebook.com, læser nyheder på pol.dk, udfylder selvangivelse på skat.dk, finder vej på maps.google.com, køber tøj på hm.com og møbler på ikea.dk, mister alle sine penge på pokerstars.com og bliver nakket på worldofwarcraft.com, med den største selvfølge.

Internettet mister først sin eksistensberettigelse når der opstår mere strukturerede alternative netværk, med en mere tidssvarende teknologi.

Når alle ulemper ved internettet er listet op er det svært at forestille sig en verden, hvor man ikke kan opdatere sin Facebook profil på sin iPhone…

Da Tim Berners-Lee præsenterede sit første forslag til internettet skrev hans chef, Mike Sendall, med kuglepen på forsiden: “Vague, but exciting…” 

Klik her for at læse det oprindelige dokument.

Læs evt. også Sociale Netværk og HTML trix.

Forkortelser

www: ‘World Wide Web’, et (ofte overflødigt) pronomin til websiteadresser

IP: ‘Internet Protocol’, en server- eller computer-adresse

IP: 123.456.789.321

URL: Internetadresse, fx www.nordiskgrafik.com

HTTP: ‘Hyper Text Transfer Protocol’, protokol til formidling af HTML-sider (fra server til computer)

FTP: ‘File Transfer Protocol’, protokol til formidling af filer (fra computer til server m.m.)

HTML: ‘Hyper Text Markup Language’, kodesprog til at skabe websider

<!-- her følger en kort tekst med link og et billede -->
<div id="container">
<p>Dette er et <a href="http://www.dr.dk" target="_blank">link til D.R.</a></p>
<img src="foto.jpg" border="0" />
</div>

XHTML: Nyere og ‘renere’ udgave af HTML

CSS: ‘Cascading Style Sheet’, kodesprog, gerne i en separat fil, der styrer skriftsnit m.m. på et website

/* Her følger en beskrivelse af container-div'en */
#container {
position: absolute;
top: 150px;
left: 50%;
margin-left: -200px;
width: 400px;
height: 300px;
z-index: 3;
overflow: hidden;
font-face: helvetica, arial, verdana, sans-serif;
font-size: 12px;
}

RSS: ‘Really Simple Syndication’, en protokol til at overføre en konstant strøm af korte tekster og enkelte billeder fra en nyhedsblog til RSS-læsere, som kan være indbygget i mailprogrammer, browsere, App’s, widgets m.m. De nyeste udgaver hedder RSS2 og ATOM. Et RSS-feed kan fx komme fra en blog på blogspot.com, og overføres automatisk til din computers pauseskærm.

XML: ‘Xtensive Markup Language’, en HTML-inspireret måde at organisere data. Bruges bla. i mobiletelefoners adressebog, og samtidig årsagen til at MS Office dokumenter nu hedder .docx og .xlsx

<Persona>
<fname>Anders</fname>
<sname>Nielsen</sname>
<email>anders@email.com</email>
<mphone>+4512345678</mphone>
<wphone>+4587654321</wphone>
</persona>

@: Snabel A, bruges til at skille bruger fra server, fx i e-mail adresser. Oprindeligt en forkortelse af A og D, fra Anno Domini (I det herrens år).

#: Hashtag. Bruges til at gøre udvalgte ord søgbare, fx på Twitter

.com: Commercial, kommercielle websites

.net: Network, netværkssider

.gov: Government, amerikanske offentlige sider

.org: Organization, oraganisationer

.dk: Danske Kongerige, danske websites

.no: Norge, norske websites

.co.uk: Commercial United Kingdom, kommercielle websites i Storbritanien

.tv: Tuvalu, websites fra det lille ørige i stillehavet, bruges dog af mange TV-selskaber

Bit: Mindste dataenhed; 0 eller 1

Kbit: Kilo bits; 1.000 bits

Mbit: Mega bits; 1.000.000 bits

Bit Rate: Hastigheden hvormed bits bliver transporteret (dvs. hastighed på et netværk eller en internetforbindelse)

Byte: Otte bits, kan være ét bogstav eller tal

Kb/Kbyte: Kilo bytes; 1.000 bytes

Mb/Mbyte: Mega bytes; 1.000.000 bytes

Gb/Gbyte: Giga bytes; 1.000.000.000 bytes

Tb/Tbyte: Terra Bytes; 1.000.000.000.000 bytes

– se mere på www.whatsabyte.com

Fortsæt læsning »]]>  Faciliteret undervisning i brug af Adobe og Quark software m.m. kan bookes ved henvendelse til vores samarbejdspartnere. Begge tilbyder åbne hold såvel som skræddersyet undervisning for ned til én person.
‘Faciliteret’ betyder at der stilles lokaler, computere, øvelsesfiler, morgenmad, frokost, kaffe m.m. til rådighed.
Alternativt kan kurser foregå i dit eget firma.
Adobe InDesign, Photoshop, Illustrator, Acrobat, Flash Pro, Flash Catalyst, Edge, Muse, Dreamweaver, Bridge, Device Central, Media Encoder, QuarkXPress, HTML, CSS, CMS, Lay-out & Design, Målgruppesegmentering…

Jensen Kurser København
Bella Center – International House
Center Boulevard 5
2300 København S
Tel: 70 12 02 00

Jensen Kurser Århus
Fredensgade 34B
8000 Århus C
Tel: 87 31 43 00

Jensen Kurser på nettet
www.jensens.dk

MicroWorld København
Rebslagervej 8-16
2400 København NV
Tel: 70 15 20 20

MicroWorld Århus
Voldbjergvej 16B
8240 Risskov
Tel: 70 15 20 20

Microworld på nettet
www.microworld.dk