Sida 1 av 1
Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 13:30:33
av MicaelKarlsson
Hej på Er!
Önskar lite tips på hur man anpassar en webbsida till mobiltelefon eller länkar till sådan information. Helst handgriplig information och inte vilken strategi man skall använda. Det vet jag redan. Jag vill kunna läsa informationen, inget mer och ingen annan skall läsa den då det är min privata bokdatabas det gäller.
Tanken är att anpassa i första hand några sidor som visar information från en MySQL-databas med hjälp av PHP i dagsläget, men detta blir så gott som omöjligt att läsa på en smarttelefon, i alla fall med min syn.
Så vad skall man tänka på och vad bör man använda sig av för lösningar?
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 13:40:09
av Kulla
Enklast är om du bara kör bootstrap, du inkluderar deras eller egen css och js fil och sen ändrar lite html taggar att de matchar html5 och responsive layout.
Svårare än så är det inte.
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 13:54:56
av MicaelKarlsson
Tack för svaret Kulla!
Men skulle du vilja vara snäll och översätta till "Svenska" så att en total nybörjare i ämnet begriper.
Det enda jag förstod (tror jag) är responsive layout som vad jag förstår handlar om att anpassa sidan till skärmens storlek.
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 14:09:29
av Hobbyisten
css = cascade styling sheet
js = javascript
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 14:58:04
av johano
Ja bootstrap är kanon!
Men, det finns inga genvägar för nybörjare, det är bara att kavla upp ärmarna och börja jobba
/j
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 15:27:41
av Kulla
Här är "enkelt" tutorial,
https://www.tutorialrepublic.com/twitte ... -tutorial/
Börja där och skriv här när du fastnar
För exempel, du har här på 2.1 html sida utan bootstrap och sen 2.2 med den,
https://www.tutorialrepublic.com/twitte ... tarted.php
Man behöver lägga till <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> i <head> tag och sen på slutet av sidan inkludera jQuery och bootstrap filer med följande
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
Det är vad det krävs att du får tillgång till allt som bootstrap erbjuder, sen är det att ändra kod att det bli vad du vill att den ska bli, responsive, osv.
Men gå genom det här tutorial, den är rätt enkelt och borde hjälpa dig att få vad du vill.
Re: Mobilanpassa delar av/hela min hemsida
Postat: 1 augusti 2018, 19:06:14
av MicaelKarlsson
Tack skall ni ha!
Blir en del pluggande ser jag.
