Luo sivusto. Valitse Uusi sivusto -valintaikkunassa Joustava leveys.
Voit välttää valkoisen tilan ja muut suunnittelunongelmat määrittämällä sivun mitat. Valitse Lisäasetukset ja määritä sivun minimi- ja maksimileveys ja sivuston minimikorkeus.
Päivitetty viimeksi
May 06, 2021 04:15:32 AM GMT
Tämän artikkelin ohjeiden avulla voi aloittaa responsiivisen suunnittelun Adobe Musessa. Opit luomaan responsiivisia sivustoja kaikkiin laitteisiin.
Huomautus:
Adobe Museen ei enää lisätä uusia ominaisuuksia ja sen tuki päättyy 26. maaliskuuta 2020. Lisätietoja ja tukea on kohdassa Usein kysyttyjä kysymyksiä Adobe Musen elinkaaren päättymisestä.
Luotaessa responsiivista sivustoa voi olla hyvä olla lisäämättä keskeytyskohtia tietyn laitteen, käyttöjärjestelmän tai tuotemerkin perusteella. Keskeytyskohtien lisääminen näiden tekijöiden perusteella voi osoittautua vaivalloiseksi. Keskeytyskohtien lisäystavan ja -kohdat määrittävät sivuston asettelu ja sisältö.
Seuraavassa saat lisätietoja suositeltavasta suunnittelun lähestymistavasta, jolla luot responsiivisen sivuston Adobe Musella.
Avaa sivupohja tai yksittäinen sivu. Kiinnitä huomiota oletuskeskeytyspisteeseen 960 pikselin kohdalla.
Aloita sivuelementtien, kuten tekstin, kuvien, diaesitysten ja widgetien asettelu tässä keskeytyskohdassa.
Pyyhkimen avulla voit simuloida eri selainleveyksiä. Katso, miltä sivusto näyttää eri selainleveyksillä.
Lisää keskeytyskohta suunnitelman katkeamiskohtaan. Huomioi esimerkiksi, että ensimmäisessä kuvassa oleva kuva ylittää leveyden vedettäessä pyyhintä. Lisää keskeytyskohta kohtaan, jossa suunnitelma katkeaa.
Muokkaa asettelua uudessa keskeytyskohdassa niin, että sivuston asettelu näyttää hyvältä.
Jatka sivuston esikatselua minimileveyteen asti. Lisää keskeytyskohtia ja säädä asettelua tarpeen mukaan.
Tällaisella suunnittelun lähestymistavalla sivustosi näyttää hyvältä kaikilla selainleveyksillä ja kaikissa laitteissa. Suunnitelmasi ei riipu tietystä laitteen tai näytön koosta.
Kirjaudu sisään tiliisi