jutsulegenden Postad 15 februari, 2012 Share Postad 15 februari, 2012 Jag vill alltså göra en hemsida som ser olika ut beroende på om du surfar in med vanliga datorn eller mobilen. Anpassad för sin enhet alltså. Vad behöver jag för program för att göra det? Idag har jag Dreamweaver CS4. Tack på förhand Länk till kommentar Dela på andra webbplatser More sharing options...
foag Postad 15 februari, 2012 Share Postad 15 februari, 2012 Oftast är det inte riktigt så man angriper det med moderna verktyg och standarder. Nuförtiden lutar man sig ganska mycket på två koncept, adaptiv och responsiv webbdesign. Det innebär mer eller mindre att du skapar en sida för alla enheter, men med olika stilmallar baserat på webbläsare eller upplösning. Det finns gott om guider ute på nätet om detta, och det rekommenderas starkt att du tar dig lite tid att faktiskt förstå konceptet då detta med största säkerhet kommer bli de facto-standard framöver. Vad gäller verktyg så funkar DWCS4 alldeles utmärkt under förutsättning att du inte rör dig i designläget, utan mer fokuserar på kodläget. Detta till största del för att designläget sällan visar samma sak som en webbläsare kommer göra, men även för att drag-and-drop-funktionaliteten i DW genererar otroligt mycket skräpkod. Mitt tips, börja i kodläget och förstå din kod, det har du allt att tjäna på i längden Nybörjarguide till responsiv webbdesign: http://thinkvitamin.com/design/beginners-guide-to-responsive-web-design/ Lycka till! Länk till kommentar Dela på andra webbplatser More sharing options...
jutsulegenden Postad 15 februari, 2012 Författare Share Postad 15 februari, 2012 Tack för tipsen. mycket intressant Länk till kommentar Dela på andra webbplatser More sharing options...
mobilhemsida Postad 9 augusti, 2014 Share Postad 9 augusti, 2014 Bra guide men annars så kan du köra wordpress och därmed läsa här https://wordpress.org/plugins/mobiloud-mobile-app-plugin/ Expert på mobila hemsidor i wordpress Länk till kommentar Dela på andra webbplatser More sharing options...
xeric Postad 9 augusti, 2014 Share Postad 9 augusti, 2014 Oftast är det inte riktigt så man angriper det med moderna verktyg och standarder. Nuförtiden lutar man sig ganska mycket på två koncept, adaptiv och responsiv webbdesign. Det innebär mer eller mindre att du skapar en sida för alla enheter, men med olika stilmallar baserat på webbläsare eller upplösning. [+] - - - Ja, man kan göra det på lite olika sätt. Separata sidor. Du gör en version för desktop och en för mobil. Ex: "exempel.se" och "m.exempel.se" sen styr du mobilanvändarna till subdomänen. Samma sida men 2 olika CSS filer. En för desktop och en för mobilt. Sen styr du det i <head> vilken som skall läsas in. Samma sida - samma CSS (responive design) där allt i CSSfilen readerar på det man kommer med. Vilken som är bäst el lämpligast beror på lite hur man själv vill jobba, vilken typ av sida man har och vilka krav man själv ställer. Alternativ #2 är väl det som kanske är mest lättjobbat med, med tanke på att med #3 så innebär det att man ibland får göra vissa kompromisser för att det skall passa båda - vilket man kanske inte alltid vill. Enklast är väl att börja med en global.css, följt av en mobil.css (som bara läses av mobiler) och varteftersom man gjort de olika class/id kompatibla medvarandra (responsive) så kan man flytta in de i global.css och ta bort motsvarande i mobil-filen. Till slut har man jobbat fram en komplett global fil för båda. Länk till kommentar Dela på andra webbplatser More sharing options...
Publishingkonsult Postad 14 augusti, 2014 Share Postad 14 augusti, 2014 Ett grundläggande vägval är om du vill skapa en sajt där innehåll regelbundet skapas och uppdateras, typ nyhetssajt, blog eller liknande, dör innehållet skapas utifrån mallar, eller om du vill skapa en mer designad, statisk hemsida. För den första typen rekommenderar jag starkt att du använder ett publiceringssystem, typ Wordpress eller Drupal, med ett responsivt tema. För den andra kan du, t.ex. använda verktyg som Adobe Edge Reflow https://creative.adobe.com/sv/products/reflow Samt http://helpx.adobe.com/edge-reflow/kb/edge-reflow-frequently-asked-questions.html Vill du, så kan du jobba vidare i Dreamweaver, men du bör nog ha åtminstone CS6, där du kan jobba med "fluid grids" Länk till kommentar Dela på andra webbplatser More sharing options...
Gerhard Postad 14 augusti, 2014 Share Postad 14 augusti, 2014 Ni är väl medvetna om att tråden är från 2012 och användaren "mobilhemsida" bara satte liv i den igen för att locka till sig klick? Länk till kommentar Dela på andra webbplatser More sharing options...
Rekommendera Poster
Arkiverat
Det här ämnet är nu arkiverat och är stängt för ytterligare svar.