Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller
|
|
- Sofia Samuelsson
- för 8 år sedan
- Visningar:
Transkript
1 Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 3 timmar. I ASP.NET 4.5 finns en stor mängd nya funktioner för att förenkla utvecklingen av användargränssnittet, tex. master pages, teman, och skins. Allts som allt mer än 50 nya kontroller för att effektivisera utvecklingen av vanliga användargränssnitt. I denna labb skaffar du dig erfarenhet av att använda en del av dessa funktioner genom att förbättra utseendet på det du skapade i labb2. Först skall du lägga till en master page till ditt webbprojekt. Sedan skall du lägga till ett tema för dina sidor. Slutligen skall du lägga till en MultiView kontroll som ger dina besökare möjlighet att välja hur data om böckerna skall visas och du skall kombinera DataList kontroller med anpassade HTML hanterare för att skapa en ny vy över Comic databasen. Ungefär så här kommer sidan att se ut när den är klar: Redovisning av uppgiften sker i form av en enkel laborationsrapport, gärna i pdf-format, med koden bifogad som en text.
2 2 Labbförberedelser Ladda ner filen med teman (Themes.zip)från kurswebbplatsen till din dator och packa upp den (teman som kommer från Microsoft). Ladda ner en kopia av filen ImageGrabber.ashx som ni hittar under Filer->Komponenter på kurswebbplatsen. Övning 1 Skapa en master page Du skall i denna övning skapa en master page för dina sidor Default.aspx, Details.aspx, Admin.aspx, och även för kommande sidor som vi kommer att skapa senare. Sedan skall du modifiera dina existerande sidor för att göra dem till content pages. Uppgift 1. Öppna Web site Detaljbeskrivning a. Kopiera katalogen där filerna från Lab2 finns till en ny katalog. Döp om katalogen till Lab3 b. Starta Microsoft Visual Studio och öppna kopian av labb2 med Open Web Site. c. Högerklicka på C:\..\Lab3 i Solution Explorer fönstret och välj New Folder. Döp mappen till Images. d. Högerklicka på Images mappen och välj Add Existing Item för att lägga till en bild till mappen. Det finns några bilder på kurswebbplatsen som ni kan ta ner och använda, annars kan ni även använda egna bilder, men tänk på att de inte bör vara allt för stora. 2. Lägg till en master page 3. Ange layout för master page a. Högerklicka på C:\..\Lab3 i Solution Explorer och välj Add New Item. b. Välj Master Page som template och döp den Site.master. Kontrollera så att C# är valt som språk och att rutan Place code in separate file är ikryssad Add. d. Välj Firefox som Target Schema for Validation i drop-down listen I verktygsfältet. Skapa en mapp (New Folder-kommandot) och döp den till Styles. I mappen skapar du en ny.css-fil och döper den till Master.css. Antingen författar du dina egna css-regler eller så tar du förslaget i bilaga 1. Öppna filen Site.master i solution explorer. Byt till source-läget för att se källkoden. Skapa en hänvisning till den css-fil du skapade i a). Lägg till följande i <head-avsnittet. <link rel="stylesheet" href="styles/master.css" type="text/css /> Innanför formtaggen lägger du till element för rubrik och vänstermeny. <div id = "header"> </div> <div id = "menu"> </div> Ge div-elementet som innehåller ContentPlaceHolder id content. <div id="content"> Växa tillbaka till design, sidan skall nu se ut ungefär så här:
3 3 Detta är utseendet i VS 2008, utseendet i nyare versioner varierar. 4. Lägg till innehåll på master page a. Dra en HyperLink kontroll från verktygsfältet till rubriken på sidan. b. Ange HyperLink kontrollens ImageUrl egenskap till ~/Images/filnamn.gif och dess NavigateUrl egenskap till ~/Default.aspx. c. Ta bort height-attributet från css-filen så höjden anpassas till bildens höjd. 5. Gör dina befintliga sidor till content pages a. Dubbelklicka på Default.aspx i Solution Explorer för att öppna den. b. Växla till kod läge och lägg till ett MasterPageFile="~/Site.master" attribut Page direktivet längst upp. c. Ta bort <!DOCTYPE>, <html>, <head>, <body>, <form>, och <div> elementen från sidan. Lägg till ett <asp:content> element som innesluter allt innehåll som finns kvar på sidan: <asp:content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="server"> </asp:content> d. Lägg till ett Title= MyComics attribut till Page direktiv. e. Repetera proceduren a till d för Details.aspx och Admin.aspx så att även dessa blir content sidor. g. Markera Default.aspx i Solution Explorer. Ctrl+F5 för att starta. h. Kontrollera så att Default.aspx har blivit en content page :
4 4 i. Klicka på en av GridView kontrollens select- knappar för att visa Details.aspx. Kontrollera att även denna har blivit en content page. j. Öppna Admin.aspx i webbläsaren och kontrollera så att även denna är en content page. k. Stäng webbläsaren och återvänd till Visual Studio. 6. Snygga till Default.aspx a. Öppna Default.aspx och växla till design läge. b. Placera markören under GridView kontrollen och infoga en tabell med Table Insert Table OK. c. Dra de existerande SqlDataSource och DropDownList kontrollerna till tabellens översta rad. d. Dra de existerande ObjectDataSource och GridView kontrollerna till tabellens nedersta rad. e. Högerklicka på tabellens översta rad och välj Insert Row Below. f. Ange en css-regel för tabellen i Master.css: padding-left: 10pt. g. Markera DropDownListen. Ange fonten till 10 pt Verdana i properties fönstret.
5 5 h. Ange GridView kontrollens teckensnitt till 10-pt Verdana. i. Starta Default.aspx i din webbläsare, sidan skall se ut ungefär som nedan: j. Stäng webbläsaren och återvänd till Visual Studio. 7. Formatera Admin.aspx k. Öppna Admin.aspx I design läge. l. Upprepa de steg du utförde för Default.aspx i uppgift 5 och 6 för Admin.aspx. Alternativt kan du kopiera den HTML du lade till i Default.aspx till Admin.aspx. m. Ge DetailsView kontrollen css-klassen fancy-text i properties fönstret. Skapa en cssregel i Master.css så att fancy-text är 10pt Verdana. Ge View-kontrollerna i Details.aspx och Default.aspx samma css-klass.
6 6 Övning 2 Ange ett tema för sidorna Teman är en enkel mekanism att använda för att applicera visuella attribut till kontroller. Du kan applicera teman på enskilda sidor eller en hel website. I den här övningen skall du ange ett tema för hela websiten. Sedan skall du anpassa temat och använda det för att få ett enhetligt utseende till din site. Uppgift 1. Ta bort formatering från GridView. Detaljbeskrivning a. Öppna Default.aspx i design läge. Markera GridView kontrollen och klicka på smart kontrollen, den lilla pilen uppe till höger, för att visa GridView kontrollens Tasks meny. b. Välj Auto Format och använd valet Remove Formatting för att ta bort all formatering som du lade till i labb 2. c. Kör Default.aspx i webbläsaren. Hur ser GridView kontrollen ut nu? d. Stäng webbläsaren och återvänd till Visual Studio. 2. Lägg till temat BasicBlue till Default.aspx a. Lägg till en folder med namnet App_Themes genom att högerklicka på C:\..\Lab3 i Solution Explorer och välja Add ASP.NET Folder Theme. b. Döp den automatgnererade foldern till BasicBlue. c. Högerklicka på App_Themes\BasicBlue mappen I Solution Explorer och välj Add Existing Item. d. Välj temafilen som du laddat ner ex. C:\...\\...\Themes\BasicBlue\BasicBlue.skin för att skapa en lokal kopia av filen i din App_Themes\BasicBlue mapp. e. Lägg till en folder med namnet Images till App_Themes \BasicBlue mappen. f. Högerklicka på App_Themes\BasicBlue\Images mappen i Solution Explorer och välj Add Existing Item. g. Välj alla filer i \\...\Themes\BasicBlue\Images mappen för att skapa en lokal kopia av dem i App_Themes \BasicBlue\Images mappen. h. Öppna Default.aspx i kodläge och lägg till ett Theme= BasicBlue attribut Page direktivet. i. Kör Default.aspx i din webbläsare. Sidan skall se ut ungefär som nedan, med alternerande färger på raderna i grid kontrollen:
7 7 j. Stäng webbläsaren och återvänd till Visual Studio. 3. Utveckla ett eget tema a. Högerklicka på App_Themes mappen och välj Add ASP.NET Folder Theme. Döp mappen MyComics. b. Högerklicka på App_Themes\MyComics mappen i Solution Explorer och välj Add Existing Item. c. Välj BasicBlue.skin från din Themes\BasicBlue mapp för att skapa en kopia av den i Themes\MyComics. d. Döp om filen till MyComics.skin. e. Dubbelklicka på MyComics.skin i Solution Explorer fönstret. f. Använd Visual Studio-s Edit Find and Replace Quick Replace kommando för att byta ut alla förekomster av # med #e7e7e7. g. Byt ut alla #eeeeee med lightyellow. h. Stäng fönstret Quick Replace och spara den modifierade filen. i. Lägg till en mapp med namnet Images till Themes\MyComics mappen. j. Högerklicka på Themes\MyComics\Images mappen i Solution Explorer och välj Add Existing Item. k. Välj alla filer i din Themes\BasicBlue\Images mapp för att skapa en lokal kopia av filerna i Themes\MyComics\Images. l. Ändra Theme attributet i Page direktiv till Theme= MyComics. m. Starta Default.aspx i din webbläsare och notera förändringarna i sidan. n. Stäng webbläsaren och återvänd till Visual Studio. 4. Lägg till tema till alla sidor a. Öppna Default.aspx i kod läge och ta bort tema attributet Page direktivet. b. Öppna Details.aspx i design läge. c. Markera DetailsView kontrollen och välj Auto Format i DetailsView kontrollens Tasks meny för att radera all formatering från DetailsView kontrollen. d. Öppna Admin.aspx i Design läge. e. Ta bort all formatering från Admin.aspx GridView kontroll och DetailsView kontroll. f. Dubbelklicka på Web.config i Solution Explorer för att öppna den. g. Lägg till följande till <system.web> delen i Web.config: <pages theme="mycomics" /> h. Stäng web.config och spara dina förändringar. i. Starta Default.aspx i i din webbläsare och kontrollera så att sidan har temat MyComics. j. Klicka på en av Select knapparna för att visa Details.aspx. Kontrollera så att även den på samma sätt som Default.aspx har temat MyComics. k. Ändra URL i webbläsaren för att visa Admin.aspx och kontrollera så att även denna har samma tema. l. Stäng webbläsaren och återvänd till Visual Studio.
8 8 Övning 3 Lägg till multi vyer I den här övningen skall du lägga till en MultiView kontroll till Default.aspx och fylla den med två vyer: En som presenterar sidan så som den ser ut nu och en annan som använder DataList kontrollen för att presentera innehållet på ett helt annat sätt. DataList kontrollen skall använda en anpassad HTTP hanterare med namn ImageGrabber.ashx för att hämta omslagsbilder från databasen och visa dem på sidan. Du skall även lägga till knappar för att byta mellan vyerna. Uppgift 1. Lägg till en anpassad HTTP handler Detaljbeskrivning a. Högerklicka på c:\..\lab3 mappen i Solution Explorer och välj Add Existing Item för att skapa en lokal kopia av filen \\Components\ImageGrabber.ashx. b. Öppna ImageGrabber.ashx och titta på koden som finns där. Den innehåller en dynamiskt kompilerad HTTP handler som läser comic book ID från en frågesträng och använder den för att anropa och fråga MyComics databasen efter comic book cover bild. För att förbättra prestandan så cachas omslagsbilden i ASP.NET applikationens cache, den använder SqlCacheDependency objekt för att uppdatera cachade omslagsbilder om bilderna i databasen ändras. Strax skall du använda ImageGrabber.ashx som mål för ASP.NET Image controller för att hämta comic book omslagsbilder från databasen och visa dem. 2. Lägg till en MultiView kontroll till Default.aspx. a. Öppna Default.aspx i design läge. b. Dra en MultiView kontroll från verktygsfältet och släpp den på sidan alldeles under GridView1. c. Dra en View kontroll från verktygsfältet och släpp den i MultiView kontrollen. Den vyn blir View1. d. Dra GridView1 kontrollen till sidan och släpp den i View1.! Dra inte in en ny GridView till sidan. Du skall bara flytta GridView till View1. e. Dra en annan View kontroll från verktygsfältet och släpp den på MultiView kontrollen. Den vyn blir View2. f. Ange MultiView kontrollens ActiveViewIndex egenskap till 0.
9 9 Uppgift 3. Lägg till en DataList kontroll till MultiView Detaljbeskrivning a. Dra en DataList kontroll till sidan och släpp den i View2. b. Använd DataList Tasks menyn för att koppla ObjectDataSource1 som DataLists kontrollens data källa. Sidan skall sedan se ut ungefär så här: C# c. Växla till kod läge och lägg till följande <ItemTemplate> till DataList kontrollen. Notera användningen av Image controller vars ImageUrl attribut pekar på ImageGrabber.ashx som renderar bilderna från databasen, och de förenklade databindnings uttryck som gör HTML templates mer pålitliga: <ItemTemplate> <table id= items-table > <tr> <td > <asp:image ID="CoverImage" ImageUrl='<%# "~/ImageGrabber.ashx?ComicID=" + Eval ("ComicID") %>' Runat="server" /> </td> <td > <asp:label ID="ComicID" Text='<%# Eval ("ComicID") %>'
10 10 Visible="false" Runat="server" /> <asp:linkbutton Text='<%# Eval ("Title") + " " + Eval ("Number") %>' Runat="server" /><br /> <%# (bool) Eval ("CGC")? "CGC " : "" %> <%# Eval ("Grade", "{0:f1}") %> </td> </tr> </table> </ItemTemplate> d. Växla tillbaka till design läge och ange DataList kontrollens RepeatColumns egenskap till 3 för att dela resultatet i 3 kolumner. e. Ange DataList kontrollens RepeatDirection egenskap till Horizontal för att organisera posterna i rad först (istället för kolumn först) ordning. f. Ange DataList kontrollens CellPadding egenskap till 8. g. Ange DataList kontrollens EnableTheming egenskap till False. h. Markera DataList kontrollen i design läge, klicka på blixt ikonen i Properties fönstret för att visa en lista över event för DataList kontrollen. Dubbelklicka på ItemCommand för att lägga till en ItemCommand eventhanterare till Default.aspx.cs. i. Lägg till följande kod till eventhanteraren: C# Label label = (Label) e.item.findcontrol ("ComicID"); Response.Redirect ("Details.aspx?ComicID=" + label.text); j. Starta Default.aspx. Sidan ser likadan ut som tidigare. Med andra ord, det är GridView:n som visas, inte DataListen. Varför? k. Stäng webbläsaren och återvänd till Visual Studio. Ändra MultiView kontrollens ActiveViewIndex egenskap till 1. l. Starta igen. Sidan skall nu se ut ungefär så här:
11 11 m. Klicka på en av boktitlarna och kontrollera så att Details.aspx visar detaljer för vald bok. n. Stäng webbläsaren och återvänd till Visual Studio. 4. Lägg till knappar för att byta vy a. Nästa uppgift är att lägga till ett par knappar för att byta vy interaktivt. Börja med att ändra MultiView kontrollens ActiveViewIndex egenskap tillbaka till to 0. b. Lägg till en Button kontroll på Default.aspx, placera den alldeles till höger om DropDownListen. Lägg till några mellanslag för att skapa lite luft mellan DropDownListen och knappen. Ange följande egenskaper för knappen: Text = "GridView" EnableTheming = false c. Lägg till ytterligare en knapp på sidan. Placera den alldeles till höger om den knapp du just skapat. Se till att lägg till lite mellanrum här med. Ange följande egenskaper för knappen: Text = "DataList" EnableTheming = False d. Dubbelklicka på GridView knappen och lägg till följande kod till eventhanteraren: C# MultiView1.ActiveViewIndex = 0; e. Återgå till Default.aspx i design läge och dubbelkicka på DataList knappen och lägg till följande kod till eventhanteraren: C# MultiView1.ActiveViewIndex = 1;
12 12 Om knapparna vore deklarerade i MultiView kontrollen så kunde du ha implemeterat växlingen av vyer deklarativt genom att ange knapparnas CommandName egenskap till SwitchViewByIndex eller SwitchViewByID och ange varje knapps CommandArgument egenskap till respektive view ID eller view index. Här måste vi dock skriva två rader kod eftersom vi vill ha knapparna definierade utanför MultiView kontrollen. f. Kör Default.aspx i webbläsaren och kontrollera så att knapparna fungerar. Ungefär så här skall sidan se ut när DataList vyn är vald: Du kanske måste välja en titel i dropdown listen efter att du klickat på DataList knappen för första gången för att boken skall synas. Det kan även hända att dropdown listen och resultatet sedan inte riktigt synkar när man växlar fram och tillbaka mellan vyerna flera gånger.
13 13 Summering Detta har du lärt dig i denna labb: Hur man skapar en master page Hur man konverterar befintliga sidor till content pages Hur man applicerar teman på en site Hur man använder MultiView kontroller för att skapa multipla vyer Hur man interaktivt växlar mellan vyer med MultiView kontroller Hur man använder HTTP handlers för att rendera bilder från en databas Bilaga 1 body { margin: 0px; } #menu { background-color: lightgray; float: left; width: 200px; height: 1000px; } #header { width: 100%; height: 260px; background-color: lightcoral; } #content { }
Labb 3: ASP.NET 2.0 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller
Labb 3: ASP.NET 2.0 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 60 minuter. I ASP.NET 2.0 finns ett stor mängd nya funktioner för att förenkla utvecklingen
Lab 5: ASP.NET 4.5 Site Navigation
Lab 5: ASP.NET 4.5 Site Navigation Enkel navigering är en viktig del av en modern webbapplikation. Eftersom en stor del av utvecklingstiden för en site används för att bygga menyer, trädstrukturer och
Lab 5: ASP.NET 2.0 Site Navigation
Lab 5: ASP.NET 2.0 Site Navigation Enkel navigering är en viktig del av en modern webbapplikation. Eftersom en stor del av utvecklingstiden för en site används för att bygga meyer, trädstrukturer och andra
Labb 2: ASP.NET 4.5 Data Access
Labb 2: ASP.NET 4.5 Data Access Beräknad tidsåtgång för denna labb: 120 till 180 minuter effektiv tid. Redovisning sker i form av en labbrapport med koden som bilaga. Access till bakomliggande databaser
Labb 1: Skapa en website
Labb 1: Skapa en website Beräknad tidsåtgång: ca 90 minuter effektiv arbetstid. (om du saknar tidigare erfarenhet) ASP.NET har massor med nya features skapade för att göra skapandet av avancerade webbsidor
Labb 1: Skapa en webbsite
Labb 1: Skapa en webbsite Beräknad tidsåtgång: ca 90 minuter effektiv arbetstid. (Utifrån mina egna test) ASP.NET har massor med nya features skapade för Att göra skapandet av avancerade webbsidor enklare
Labb 1: Skapa en webbsite
Labb 1: Skapa en webbsite Beräknad tidsåtgång: ca 90 minuter effektiv arbetstid. (om du saknar tidigare erfarenhet) ASP.NET har massor med nya features skapade för Att göra skapandet av avancerade webbsidor
Räkna med ASP.NET Web Forms
Instruktion Räkna med ASP.NET Web Forms Introduktionsuppgift Författare: Mats Loock Kurs: ASP.NET Web Forms Kurskod:1DV406 Innehåll Du ska följa steg för steg -instruktionen i denna introduktionsuppgift
Labb 4: ASP.NET 2.0 Medlemskap, Inloggningskontroller, Rollhantering
Labb 4: ASP.NET 2.0 Medlemskap, Inloggningskontroller, Rollhantering Autentisering via formulär är ett vanligt sätt skapa säker åtkomst till internetresurser. Med de inloggnings och autentiseringskotroller
Lab 2: ASP.NET 2.0 Data Access
Lab 2: ASP.NET 2.0 Data Access Estimated time to complete this lab: 60 minutes Access till bakomliggande databaser och andra data objekt är en viktig del av databaserade webbapplikationer. Med ASP.NET
Lektion 2, Grundläggande funktioner i ASP.NET
Lektion 2, Grundläggande funktioner i ASP.NET Lektionen behandlar kapitlen 3 och 4 i kursboken. Application och Page Framework Med Visual Studio 2005 levereras ett antal inbyggda verktyg bland annat SQL
LATHUND FRONTPAGE 2000 SV/EN
LATHUND FRONTPAGE 2000 SV/EN RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel
Labb 4: ASP.NET 4.5 Medlemskap, Inloggningskontroller, Rollhantering
Labb 4: ASP.NET 4.5 Medlemskap, Inloggningskontroller, Rollhantering Autentisering via formulär är ett vanligt sätt skapa säker åtkomst till internetresurser. Med de inloggnings och autentiseringskontroller
ASP.NET Thomas Mejtoft
ASP.NET Introduktion till ASP.NET Utveckla i ASP.NET I ASP.NET kan och bör man separera HTML-kod från övrig kod (C#, VB ) I enklare fall läggas kod i script-block Vanligtvis läggs den i en Code Behind-fil
2009-08-20. Manual för Typo3 version 4.2
2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1
IT-körkort för språklärare. Modul 2: Blogg
IT-körkort för språklärare Modul 2: Blogg Innehåll Gloslista 2 Logga in på bloggen (punkt 1-3) 3 Skapa och redigera sidor och undersidor (punkt 4 och 5) 4 Infoga dokument (punkt 6 och 7) 7 Skapa inlägg
KARLSTADS UNIVERSITETSBIBLIOTEK
1 (7) Guide till Zotero Med referenshanteringsprogrammet Zotero kan du enkelt samla dina referenser till böcker, artiklar m.m. och infoga källhänvisningar samt skapa litteraturlistor i MS Word, OpenOffice
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...
Labb LABB 1. Databassagan och en rundtur i databasers märkliga värld. Plushögskolan Frågeutveckling inom MSSQL - SU14
Labb LABB 1 Databassagan och en rundtur i databasers märkliga värld Plushögskolan Frågeutveckling inom MSSQL - SU14 I Microsoft SQL-Server Management Studio kan man arbeta på olika sätt. Antingen via användargränssnittet
INSTALLATION...3 ATT KOMMA IGÅNG...3 PROGRAMMETS DESIGN...4 LÄGGA TILL TABELL...4 EDITERA TABELL...4 EDITERA RELATION...5 SPARA OCH AVSLUTA...
INSTALLATION...3 ATT KOMMA IGÅNG...3 PROGRAMMETS DESIGN...4 LÄGGA TILL TABELL...4 EDITERA TABELL...4 EDITERA RELATION...5 SPARA OCH AVSLUTA...6 2 (6) 2D1954 Programutvecklingsprojekt vt 2003 Installation
http://office.microsoft.com/sv-se/word/ha100444731053.aspx
1. Öppna Word 2007 i 97-2003 2. Vilken Explorer har jag 3. Inloggning med Explorer 8 4. Sökväg till sidan 5. Ha två fönster öppna 6. Stilar 7. Storleksändra 8. Inklistring av text 9. Bilder till startsidan
Redaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida
Redaktörens Lathund för Glokala Glokala Folkhögskolan www.glokala.se Hej och välkommen till redaktörens lathund! Detta är en snabbguide för dig som har behörigheter att skapa och uppdatera sidor på Glokalas
Kom igång med Web Editor
Kom igång med Web Editor Index 1. Logga in på Web Editor 2. Välj en mall 3. Skapa din första sida 4. Lägg till fler sidor 5. Redigera en sida eller mall 6. Spara dina ändringar 7. Förhandsgranska och Publicera
Mer information om RefWorks, andra referenshanteringsprogram och hur man refererar hittar du på Linköpings universitetsbiblioteks webbsidor.
Guide till RefWorks För att förenkla hanteringen av referenser och referenslistor finns det flera olika verktyg, s.k. referenshanteringsprogram. Med dem kan du samla, organisera och presentera dina referenser.
Vilken version av Dreamweaver använder du?
Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser
Laboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
Anvä ndärguide Nyä Expeditionsresor
Anvä ndärguide Nyä Expeditionsresor Hjälpguide för att använda Wordpress och Nya Expeditionsresor.se 2014-08-10 Innehållsförteckning Logga in till Wordpress-panelen... 3 Skapa bildspel... 4 Färgkoder...
LATHUND FRONTPAGE 2000
LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.
Lägga till artiklar i Joomla
Lägga till artiklar i Joomla från framsidan Logga först in så att du är inloggad. Klicka sedan på Lägg till ny artikel i menyn under hem. Skriv in en rubrik på rubrikraden ej för lång! Skriv sedan artikeln
I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.
Sida 1 av 23 Editor, Avancerad I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Detta dokument syftar till att hjälpa dig som vill jobba mer aktivt
Lab 6: ASP.NET 2.0 Providermodellen
Lab 6: ASP.NET 2.0 Providermodellen Den stora finessen med Providermodellen är enkelheten att skapa sin egna provider för att kunna anpassa en tjänst utefter de behov man har. Den gör tillståndshantering
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
3. Hämta och infoga bilder
Sida 1 av 8 Lektion 1: sida 4 av 4 «Sida 3 av 4 Till kursens framsida 3. Hämta och infoga bilder Nu vet vi ju hur man sätter in text i sin sida. Men hur gör man med bilder? Det är inte svårt alls! Det
POWER POINT FÖRDJUPNING
POWER POINT 010 FÖRDJUPNING Microsoft PowerPoint 010 Fördjupning Inledning Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 Teman Del 1 Skapa presentation med tema...7 Välja tema...8 Redigera
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer.
Informationsinfrastruktur 7.5 hp Mattias Nordlindh Inledning Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer. Dokumentet består av
LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT
Joomla Guide 2.5.11 LÄNKAR LADDA UPP EN PDF & LÄNKA TILL I ARTIKEL Sida 1 av 11 LADDA UPP EN PDF-FIL OCH LÄNKA TILL DEN I DIN ARTIKELTEXT I denna guide får du lära dig att: Ladda upp ett PDF dokument på
Kom igång med FrontPage 2003
Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker
Dreamweaver för nybörjare
Startpaketet Dreamweaver för nybörjare För att kunna skapa en hemsida så måste du först öppna en plats för den och även skapa en bild mapp om du vill ha bilder på din hemsida. Tänk på en regel inom hemsideskapande,
Lathund Excel 2010. Nytt utseende. Skapa Nytt. Flikar
Lathund Excel 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Under Arkiv hittar du de aktiviteter som i 2007 s version finns under Offic knappen
Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format
Lathund för Microsoft Word Innehåll Autokorrigering 1 2 3 4 5 6 7 8 9 4 Format På denna rullgardinsmeny väljer du om du vill skriva brödtext, rubriker osv. Mycket bra verktyg om du arbetar med formatmallar.
Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer
Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Open Office Writer Enkel guide till ordbehandling med Open Office www.openoffice.org Medieteknik Södertörns högskola 31 januari 2011 uppdaterad
Arg-administratörens guide till Umbraco v 1.2.1
Arg-administratörens guide till Umbraco v 1.2.1 Logga in 1. Öppna en webbläsare och gå till inloggningssidan: https://www.sfog.se/umbraco/ 2. Skriv in följande användarnam & lösenord : 3. Klicka på Logga
Resurscentrum för kommunikation Dako 2013. SymWriter. Minimanual
Resurscentrum för kommunikation Dako 2013 SymWriter Minimanual Symboler som stöd till det du skriver 2 F9 - Byt symbol 2 F11 - Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik
Sidnumrering i Word HÖGSKOLAN VÄST
Sidnumrering i Word HÖGSKOLAN VÄST 1 Hur man skapar sidnumrering Steg. Hur skapar man sin egen sidnumrering? i Word (som börjar och slutar på valfri sida) Introduktion Börja med att infoga - för dig ett
Lab 2: ASP.NET 2.0 Data Access
Lab 2: ASP.NET 2.0 Data Access Beräknad tidsåtgång för denna labb: 120 till 180 minuter Access till bakomliggande databaser och andra data objekt är en viktig del av databaserade webbapplikationer. Med
Labb i Datorsystemteknik och programvaruteknik Programmering av kalkylator i Visual Basic
Labb i Datorsystemteknik och programvaruteknik Programmering av kalkylator i Visual Basic Inledning Starta Microsoft Visual Studio 2005. Välj create Project Välj VB + Vindows Application och välj ett nytt
Inställningstips. Visuella anpassningar Windows 10 2015-08-06
Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper
Grundkurs 1 IKT Filhantering
Filhantering Dan Haldin Ålands lyceum I N N E H Å L L S F Ö R T E C K N I N G Innehållsförteckning... 2 Filhantering med Windows... 3 Skapa Mappar... 4 Spara rätt... 5 Öppna sparade filer... 7 Flytta och
Workshop PIM 2 - PowerPoint
Workshop PIM 2 - PowerPoint Varje ny sida i bildspelet kallas för en Bild. Foton och andra bilder som man lägger in kallas för Bildobjekt. All text skrivs i Textrutor. Växlingen från en bild till nästa
ASP.NET Web Forms. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Vad är Web Forms?
ASP.NET Web Forms Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Vad är Web Forms? Web Forms är en del av ASP.NET ramverket. Web Forms är kontroll- och händelsestyrd programmeringsmodell
6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.
Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång
Öppna EndNote varje gång när du vill samla referenser till ditt bibliotek.
1. Skapa ett EndNote-bibliotek Börja med att öppna EndNote och skapa ett bibliotek (Reference Library). Det gör du under File / New. Namnge ditt bibliotek och välj var på datorn du vill spara det. Nu kan
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19)
Handbok i OEW 28 sept 2012 Mari-Anne Englund Barbro Olofsson Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Använd det användarnamn och lösenord som du fått. Fungerar det inte hör av dig till Mari-Anne
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
Hur man skapa en Wiki.
Hur man skapa en Wiki. Ordet wiki (i t.e.x Wikipedia) kommer från Hawaiian och betyder snabbt. Kortfattat kan man säga att en wik i är en webbplats där alla enkelt kan publicera och redigera material när
Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT
PlanCon Viewer Med PlanCon Viewer kan du som inte har PlanCon öppna PlanCon projekt (*.prj) och skriva ut dessa. Inga ändringar i projektet kan göras. Filtreringar, sorteringar och vissa ändringar i utseendet
ORDLISTA WEBBDESIGN 100P
ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.
Lägga till bild i e- handeln
Lägga till bild i e- handeln INNEHÅLL 1 LÄGGA TILL BILD I E-HANDELN... 3 2 LÄGGA TILL BILD PÅ PRODUKT... 3 3 LÄGGA TILL BILD PÅ KURS... 4 4 LÄGGA TILL BILD I TIDMALLEN... 6 5 SKAPA URL TILL BILD... 7 5.1
DOTNETNUKE SKOLNING Skapat: den 20 november 2012
DOTNETNUKE SKOLNING Skapat: den 20 november 2012 CONTENTS WebbSidans Layout... 3 Inloggning... 3 Kontroller för administrering... 4 Växla visnings läge... 4 View Läge... 4 Edit Läge... 4 Layout Läge...
Resurscentrum för kommunikation Dako 2015. SymWriter 2. Minimanual
Resurscentrum för kommunikation Dako 2015 SymWriter 2 Minimanual Symboler som stöd till det du skriver 2 F9 Byt symbol 2 F11 Skapa nya ord/symboler 3 Spara ändringar i ordlista 4 Specifikationer grammatik
Räkna med ASP.NET MVC 3
Instruktion Räkna med ASP.NET MVC 3 Introduktionsuppgift Författare: Mats Loock Kurs: ASP.NET MVC Kurskod:1DV409 Innehåll Du ska följa steg-för-steg -instruktionen i denna introduktionsuppgift och skapa
Nyheter i Word 2010. Nytt utseende. Arkiv
Nyheter i Word 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet. Arkiv
Inför prov 1 i webbdesign
Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke
Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail.
Laboration 2 i datorintro för E1 Detta dokument innehåller instruktioner och övningar för introduktion till E-programmets datorsystem och web-mail. E-programmets datorsalar är utrustade med datorer som
EndNote X6 grundkurs
EndNote X6 grundkurs Marie Källberg Biblioteket marie.kallberg@karolinska.se Tel 51773970 Support på biblioteket även genom Natalia Berg: 585 89313 natalia.berg@karolinska.se Mikael Blad: 585 89313/517
E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.
E-post A. Windows Mail Öppna alternativ Klicka på startknappen Startmenyn öppnas Klicka på Alla Program Leta reda på Windows Mail Dubbelklicka Windows Mail öppnas. Om ikonen ligger i Start-menyn Klicka
Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word
Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Enkel guide till ordbehandling med Word 2010 Medieteknik Södertörns högskola 2 september 2011 Du hittar vilka krav
Introduktion till Word och Excel. 14 september 2008
Introduktion till Word och Excel 14 september 2008 1 Innehåll 1 Inledning 3 2 Word 3 2.1 Uppgift................................ 3 2.2 Instruktioner............................. 3 2.2.1 Hämta hem ler.......................
Installationsanvisningar VisiWeb. Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund
Sida: 1(7) Installationsanvisningar VisiWeb Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund Detta dokument Detta dokument beskriver hur man installerar VisiWeb på en
GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007
GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007 Vänligen tänk på miljön före du skriver ut denna manual. Behöver du den på papper? Hannu Sääskilahti hannu.saaskilahti@hanken.fi ÖPPNA
STEG 1 Samla referenser till ditt EndNote-bibliotek
Version X6 Notera att du kan använda EndNote tillsammans med antingen OpenOffice (gäller dock ej Mac) eller Microsoft Word, men du kan inte växla mellan de två ordbehandlings-programmen, ett dokument skapat
Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)
Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events
Laboration 1 Introduktion till Visual Basic 6.0
Laboration 1 Introduktion till Visual Basic 6.0 Förberedelse Förbered dig genom att läsa föreläsningsanteckningar och de kapitel som gåtts igenom på föreläsningarna. Läs även igenom laborationen i förväg.
Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
Spelprogrammering med XNA och MonoGame
Spelprogrammering med XNA och MonoGame Tutorial, Programmering 2 Johan Hällgren, Thoren Innovation School SAMMANFATTNING Detta är en hjälp för att genomföra bokens tutorial. Allt från specifika tips för
LÄR DIG ANVÄNDA DIN MAC. från grunden! Nu med Mac OS X Leopard! Harry Peronius
Harry Peronius LÄR DIG ANVÄNDA Nu med Mac OS X Leopard! DIN MAC från grunden! Del 1 GRUNDFUNKTIONER 4. Finder... 6 5. Dock... 34 6. Hjälp... 36 7. Mappar och filer... 38 8. Time Machine... 4 9. Systeminställningar...
Introduktion till programmering
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
En grundkurs i hemsidor och hur de är uppbyggda
En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och
Manual
Manual www.jur.lu.se Innehållsförteckning Logga in 1 Skapa en ny sida 2 Sidinställningar 3 Spara sidan 5 Skapa undersidor 6 Redigera en befintlig sida 7 Länk i löpande text 7 En mejladress som länk 8 Skapa
ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll
ASP.NET MVC Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Introduktion till MVC Controller Action-metoder Views Arbeta med Layout-sidor och sektioner Route konfiguration
Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1
Personalsupport Medicinska fakulteten, Lunds universitet Textredigeraren Moodle version 2.7.1 Lars Rundgren, 2012-2014 Moodle 2.7.1 Textredigeraren Textredigeraren... 3 Nya ikoner i textredigeraren...
[ HUR DU UPPDATERAR FÖRSTASIDAN PÅ OTHELLO.NU ]
Logga in på backend www.othello.nu/admin Välj Site för att få upp trädvyn över alla sidor Uppdatera Nyheter Klicka på sidan nyheter i trädvyn och tryck Edit Väl inne på kan du Skapa, Uppdatera och Radera
EndNote online T5 hösten 2014. Camilla Persson Camilla.persson@umu.se 0660-292512
EndNote online T5 hösten 2014 Camilla Persson Camilla.persson@umu.se 0660-292512 Idag går vi igenom: Skapa konto i EndNote online Hämta in referenser från PubMed och Cinahl Använda referenserna i Word
SLU anpassad lathund
SLU anpassad lathund för personpresentation i EPiServer uppdaterad 17 maj 2011 För att kunna använda CV mallen på SLU webben krävs två saker: 1. Att man är anställd på SLU och har AD behörighet. Detta
Microsoft Access 2016 Grunder
ACCESS 2016 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 Övningsdatabaserna...7 1 INTRODUKTION TILL ACCESS Starta programmet...8 Avsluta programmet...8 Programfönstret...9
1. Uppdateringsmodul (CMS)
Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...
SENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren
600 IT för seniorer Windows 7.qxp 2011-06-0 10:27 Sida 1 Eva Ansell Marianne Ahlgren Eva Ansell Marianne Ahlgren Grundläggande IT för SENIORER Windows 7 Det här är en bok för dig som behöver grundläggande
Användarhantering Windows 7 I denna laboration kommer vi att skapa nya användare och grupper och titta på hur man hantera dessa.
Användarhantering Windows 7 I denna laboration kommer vi att skapa nya användare och grupper och titta på hur man hantera dessa. Antal: Enskilt Material: En dator med Windows 7 (Vista, Windows 8 eller
Du skall naturligtvis visa körexempel med output där det behövs i din rapport!
och databprogrammering Christilinda Göstson - PL/SQL, paket och ref cursor Du skall naturligtvis visa körexempel med output där det behövs i din rapport! OBS! Denna labb redovis i labbrapport via mail
2007-03-28. Manual för Typo3 version 4.04
2007-03-28 Manual för Typo3 version 4.04 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.2 Redigera
Skapa mappar, spara och hämta dokument
Skapa mappar, spara och hämta dokument Övningen görs på hårddisken i mappen Mina dokument 1a Starta programmet utforskaren 1 b Huvudgrupper i utforskaren 1c Expandera huvudgrupper, enheter och mappar Skapa
Daniel Clarhed 2006-06-22
Avdelningen för Byggnadsmekanik Daniel Clarhed PM för Byggnadsmekaniks nya hemsida 2006-06-22 Byggnadsmekaniks nya hemsida I juli kommer Byggnadsmekanik få en ny hemsida, stöpt i det LTH-gemensamma utseendet.
Skapa en rapport med snygg formatering, rubriker, sidnummer och innehållsförteckning
Skapa en rapport med snygg formatering, rubriker, sidnummer och sförteckning MS Office Word 2011 för Mac Precis som med målning och tapetsering blir jobbet med rapportskrivning både bra och roligt om man
IT-system. BUP Användarmanual
IT-system Användarmanual Innehållsförteckning 1. Att komma igång med... 1 1.1 Installera... 1 1.1.1 Byt databas... 1 1.1.2 Behörighet att byta databas... 2 1.2 Logga in... 3 1.2 Inloggad... 3 1.3 Logga