Design Manager I SharePoint 2013: Enklere Oppsett Og Malsider

i alle tidligere utgivelser, lage malsider og oppsett var definitivt ikke lett for en designer vurderer de tekniske aspektene av det. Designerne må forstå SharePoint og hvilke komponenter som er obligatoriske på malsiden og hvordan de gjengir for å gjøre designene deres levende.

I SharePoint 2013 er det en ny funksjon kalt Design Manager som vil bidra til å skille design aspekter fra de tekniske kravene for å opprette en malside. Designer trenger ikke å vite hvilke komponenter som er nødvendige på en malside. Design Manager bistår i å lage hovedsiden fra enkle HTML, CSS-filer. Designeren har nå bare å bekymre seg for sin design og konvertere DET TIL HTML, CSS og Bilder. Når disse artefaktene er klare, kan designbehandleren behandle disse for å generere en malside.

prosessen for å lage en malside er veldig enkel:

1. Lag oppsettet du vil bruke HTML editor av ditt valg.

2. Opprett CSS-filen som støtter designet ditt.

3. Legg til bildene som er en del av designet ditt.

image

4. Last opp alle filene til Malsidegalleriet. (Det er en veldig praktisk måte å gjøre dette på og gjøre endringer mens du utvikler OG tilpasser HTML).

A. Åpne malsidegalleriet i windows utforsker.

b. Kopier html, CSS og Bilder-mappen til malsidegalleriet.

5. Når DU laster OPP HTML-filen, tilordner DU HTML-malsiden som innholdstype. (valgfritt)

6. Alle andre filer kan tilordnes Designfiler innholdstype. (valgfritt)

7. Gå til Siden Innstillinger For Nettsted.

8. Klikk På Design Manager under kategorien» Look & Feel».

9. Eller du kan klikke på new Site Actions knappen til høyre og klikk Design Manager.

image

image

10. Gå til Importmalsidene.

11. Klikk på koblingen» Konverter EN HTML-fil Til SharePoint-malside».

a. Dette vil åpne en dialogboks der du kan velge en html-fil fra malsidegalleriet.

B. Velg html-filen du nettopp lastet opp.

12. Når Du har valgt en fil, Genererer SharePoint en malside for denne utformingen. Hvis det oppstår feil under konverteringsprosessen, vil den varsle deg.

13. På dette tidspunktet har malsiden blitt generert.

14. For å tilpasse malsiden klikker du på koblingen «Konvertering vellykket».

a. Dette tar deg til en forhåndsvisningsside. Som Du kan se fra skjermbildet Under SharePoint har konvertert og opprettet malsiden.

image

Legge Til SharePoint-komponenter på hoveddokumentet ved hjelp Av Snippets Manager:

1. Før vi tilpasser malsiden, i windows utforsker-vinduet der du har åpnet malsidegalleriet, åpner Du Html-filen du lastet opp i redigeringsprogrammet du ønsker.

2. Hvis Du vil legge Til SharePoint-komponenter som den øverste navigasjonen og andre kontroller, webdeler, klikker Du På Koblingen Utdrag øverst til høyre på forhåndsvisningssiden.

image

3. Dette vil åpne opp utdrag galleri siden.

4. La oss si at du vil legge til toppnavigasjonen på malsiden.

A. Klikk På den Øverste Navigasjonsknappen på båndet.

b. Dette vil skape HTML-koden du trenger.

C. Kopier kodebiten til utklippstavlen.

død. (Du kan tilpasse egenskapene til den øverste navigasjonskontrollen og klikke på «Oppdater» for å generere den nye koden.

5. Bytt til html-filen du har åpnet i et redigeringsprogram i trinn 1.

6. Lim inn html-kodebiten der du vil at toppnavigasjonen skal vises i designet.

7. Lagre html-filen.

8. Oppdater Forhåndsvisningssiden i nettleseren din, og du vil se at hoveddokumentet ble generert igjen og endringene dine er synlige.

9. På denne måten kan du raskt opprette og arbeide på malsiden.

10. Hvis du vil publisere malsiden, velger du html-filen i malsidegalleriet og publiserer den. Dette vil automatisk publisere malsidefilen også, og du vil kunne angi malsiden for området.

Skjermbilde: den genererte malsiden med toppnavigasjonen.

image

Tips:

1. Html-filen og malsiden er knyttet til hverandre.

2. SharePoint lar deg ikke slette hoveddokumentet så lenge tilknytningen fortsatt er der.

3. Hvis du vil fjerne tilknytningen, går du til malsidegalleriet.

a. Velg Html-filen

b. Rediger Egenskaper

c. Fjern Merket for «Tilknyttet Fil».

Lagre

4. Nå kan du arbeide direkte på malsiden ved å redigere den.

5. Selv om html – filen og hovedfilene er tilknyttet, kan du heller ikke publisere hoveddokumentfilen direkte. Du må velge html-filen og publisere den. Dette vil publisere hoveddokumentet, og du vil kunne angi hoveddokumentet for området.

6. Forslag: Når du bygger hoveddokumentet til din tilfredshet, må du fjerne tilknytningen til html-filen, pakke hoveddokumentet i en wsp og deretter distribuere det til test -, produksjonsmiljøene.

Om Forfatteren

Mer fra Denne Forfatteren

Leave a Reply

Din e-postadresse vil ikke bli publisert.