Hoe om `n mobiele webwerf met dreamweaver te skep

Meer as 100 miljoen verbruikers gebruik hul slimfone om die internet volgens com te blaai.telling inc. Leer hoe om `n mobiele webwerf spesifiek vir die mobiele gehoor te skep. Vir hierdie handleiding benodig jy Dreamweaver CS5 en UP. Hierdie artikel beskryf hoe om `n JQuery Mobile webwerf te skep.

Stappe

  1. Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 1
1. Oop Dreamweaver en gaan na lêer > Nuut. Jy sal dan `n "Nuwe dokument" Venster. Aan die linkerkant wil jy die opsie kies "Bladsy van monster" Kies dan in die volgende kolom "Mobiele starters", destyds "JQuery Mobile (CDN)"
  • Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 2
    2. Skep die bladsye. Sodra jy die JQuery Mobile (CDN) -lêer oopmaak, sal jy `n bladsy sien wat soortgelyk hiervan lyk:
  • Alhoewel dit tegnies `n een bladsy-dokument is, verteenwoordig elke kop `n ander "bladsy". Byvoorbeeld, "Bladsy een" is die tuisblad vir die mobiele webwerf, "Bladsy twee" kan die oor ons wees, "Bladsy drie" kan u diensblad wees en so aan.
  • Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 3
    3. Kyk na die kode. Hierdie stappe kan redelik moeilik wees as jy onbekend is met basiese HTML. Om die inhoud te skep, probeer om in te werk "Split View" op Dreamweaver. Hoe om die modus te kry is as jy na die linkerhoek van Dreamweaver kyk, onder die lêer kieslys, sal jy vier opsies sien "kode, gesplete, ontwerp en lewe" soos hierdie:
  • Kies die uitgeligte opsie "verdeel", en jy sal `n siening van kode en die werklike webwerf langsaan sien. Kyk na die kode.
  • 4. Wysig die opskrifte vir elke bladsy. Daar is (Div Data-Rol ="bladsy" ID ="bladsy"), wat beteken dat dit die begin van `n nuwe bladsy is. Let daarop dat elke bladsy geassosieer word met `n aantal `Div data-rol ="bladsy" ID ="Page2"`is die tweede bladsy,` Div data-rol ="bladsy" ID ="Page3"`is die derde bladsy en so aan

    `Div Data-Rol ="hoofstuk"`is die koptekst, en jy sit jou koptekst se inligting tussen die twee "H1"en "/ H1" Tags.
  • Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 5
    5. Wysig die inhoud en spyskaartitems. `Div Data-Rol ="Tevrede"`is die begin van die inhoudsafdeling. Dit is waar jy die werklike inhoud van elke bladsy plaas. Let daarop dat in die eerste bladsy daar is:
  • En as jy na die werklike webblad kyk, sien jy dat die eerste bladsy `n lys van skakels het. `ul data-rol ="lys sig"`Beteken dat jy `n lys van skakels in die inhoudsgebied wil hê.By die byvoeging van enige spyskaartitems of `data-rol ="lys sig"`Maak seker dat jy die korrekte teks met die korrekte bladsye koppel. Byvoorbeeld, as bladsy twee is "Oor ons", Bladsy drie is "Ons diens", en bladsy vier is "Kontak Ons" Dan wil jy sit:Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 5Bullet1
  • Nou om inhoud te wysig, sit eenvoudig jou teks tussen die `Div Data-Rol ="tevrede"`en` / div `tags. Byvoorbeeld:Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 5Bullet2
  • 6. Wysig die voetskrif. Om die voetskrif te wysig, sit eenvoudig jou teks in die plek van die "Page Footer" teks.
  • Beeld getiteld Skep `n mobiele webwerf met Dreamweaver Stap 7
    7. Kyk na jou webwerf in "Live Mode". Onthou waarheen jy oorgeskakel het "Split af?" Reg in daardie gebied is daar `n knoppie wat sê "leef". Klik daarop, en jy sal sien hoe jou webwerf op `n telefoon sal lyk!

    • Wenke

    Deel op sosiale netwerke:
    Soortgelyk