Editor Grunnleggende - Mestre Mediaweb Nettstedbyggeren
Lær det grunnleggende om Mediaweb visuell editor, inkludert grensesnittlayout, navigasjon og essensielle byggeverktøy.
Editor Grunnleggende
Mediaweb editoren er en visuell nettstedbygger som lar deg lage og tilpasse nettsteder gjennom et dra-og-slipp grensesnitt. Denne guiden dekker de viktigste grensesnittelementene og grunnleggende funksjonalitet.
Topplinje
Plassert øverst i editoren, inneholder topplinjen essensielle kontroller for prosjektstyring og enhetsforhåndsvisning.
Venstre Side Kontroller:
- Angre-knapp - Reverserer den siste handlingen med full historikk
- Gjør om-knapp - Gjenoppretter en tidligere angret handling
- Zoom-kontroller - Juster lerretets zoomnivå (25% til 400%)
- Tilpass til skjerm - Auto-juster zoom for å passe lerret
Enhetsforhåndsvisningsmodi
Midten av topplinjen har enhetsforhåndsvisningsfunksjoner for responsiv designtesting.
Bruddpunkt-faner:
- Mobil - 375px bredde, portrettorientering, berøringssimulering
- Nettbrett - 768px bredde, begge orienteringer tilgjengelig
- Desktop - 1200px+ bredde, full responsiv oppførsel
Publiseringskontroller
Høyre side av topplinjen gir prosjektstyring og publiseringskontroller.
Tilgjengelige Handlinger:
- Forhåndsvis-knapp - Se nettstedet ditt som besøkende vil se det
- Lagre-knapp - Manuelt lagre fremgangen din
- Publiser-knapp - Gjør nettstedet ditt live
Sidepanel
Sidepanelet inneholder flere faner for forskjellige funksjoner:
Komponenter-fane (+ ikon)
Få tilgang til alle tilgjengelige elementer å legge til på nettsiden din, inkludert tekst, bilder, knapper og layoutkomponenter.
Nøkkelfunksjoner:
- Dra-og-slipp grensesnitt for enkel elementplassering
- Organiserte kategorier for rask navigasjon
- Sanntids forhåndsvisning av elementer før plassering
- Responsive elementer som tilpasser seg alle skjermstørrelser
Fonter-fane (T ikon)
Bla gjennom og legg til forskjellige fonter til nettstedet ditt. Administrer typografiinnstillinger og fontfamilier.
Nøkkelfunksjoner:
- Omfattende fontbibliotek med Google Fonts-integrasjon
- Tilpassede fontopplastingsfunksjoner
- Typografiforhåndsinnstillinger for konsistent styling
- Sanntids fontforhåndsvisning og testing
CSS-variabler-fane (fargepalett ikon)
Tilpass globale designvariabler inkludert farger, avstand og andre designtokens.
Nøkkelfunksjoner:
- Global fargepalettstyring
- Avstand og størrelse variabelkontroller
- Designsystem konsistensverktøy
- Sanntids variabelforhåndsvisning og oppdateringer
Lag-fane (lag ikon)
Se den hierarkiske strukturen til nettsiden din. Omorganiser elementer ved å dra dem innenfor lagtreet.
Nøkkelfunksjoner:
- Hierarkisk elementorganisasjon og struktur
- Dra-og-slipp lag omorganiseringsfunksjoner
- Element synlighetstoggle-kontroller
- Rask elementvalg og navigasjon
Filer-fane (mappe ikon)
Administrer opplastede ressurser inkludert bilder, videoer og andre mediefiler.
Nøkkelfunksjoner:
- Dra-og-slipp filopplastingsfunksjonalitet
- Organisert ressursbibliotek med søkefunksjoner
- Bildeoptimalisering og komprimeringsverktøy
- Filformatstøtte for nettoptimaliserte medier
Ikoner-fane (ikonbibliotek)
Få tilgang til det innebygde ikonbiblioteket for å legge til visuelle elementer til nettstedet ditt.
Nøkkelfunksjoner:
- Omfattende samling av profesjonelle ikoner
- Kategoriserte ikonsett for enkel blaing
- Tilpassbare ikonfarger og størrelser
- Søkefunksjonalitet for rask ikonoppdagelse
AI-fane (AI ikon)
Interager med AI-assistenten for automatiserte designforslag og innholdsgenerering.
Nøkkelfunksjoner:
- Intelligente designanbefalinger og forslag
- Automatisert innholdsgenerering og tekstforfatning
- Layoutoptimalisering og forbedringstips
- Sanntids designassistanse og veiledning
Hovedlerret
Midtområdet viser nettstedet ditt mens du bygger det. Dette er hvor du:
- Ser nettstedet ditt i sanntid
- Velger og manipulerer elementer
- Ser endringer mens du gjør dem
Verktøylinje og Egenskaper
Når du velger et element, vises en blå ramme og en kontekstverktøylinje gir redigeringsalternativer. Egenskapspanelet til høyre viser tilpasningskontroller.
Nøkkelfunksjoner:
- Design & Styling - Farger, fonter, avstand og visuelt utseende
- Hendelser & Interaksjoner - Klikk-handlinger, hover-effekter og animasjoner
- Data & Innhold - Dynamisk innhold, skjemaer og databinding
- Responsivt Design - Enhetsspesifikke layouter og bruddpunkter
- Selektorer & Målretting - CSS-selektorer og elementmålretting
Tastatursnarveier
Essensielle snarveier for effektiv redigering:
- Ctrl+Z / Cmd+Z: Angre
- Ctrl+Y / Cmd+Y: Gjør om
- Ctrl+S / Cmd+S: Lagre
- Ctrl+C / Cmd+C: Kopier
- Ctrl+V / Cmd+V: Lim inn
- Delete: Fjern valgt element
- Ctrl+D / Cmd+D: Dupliser element
Neste Steg
Mestre avanserte editorfunksjoner med disse spesialiserte guidene:
- Design & Styling - Farger, fonter, avstand og visuelt utseende
- Hendelser & Interaksjoner - Klikk-handlinger, hover-effekter og animasjoner
- Data & Innhold - Dynamisk innhold, skjemaer og databinding
- Responsivt Design - Enhetsspesifikke layouter og bruddpunkter
- Selektorer & Målretting - CSS-selektorer og elementmålretting