Fona attēls / logo

Anete's Avatar

Anete

28 Apr, 2014 07:07 AM

Sveiki!
Šobrīd mēģinu ar Bertas palīdzību izveidot pavisam vienkāršu mājas lapu, tomēr ir vairāki jautājumi, kas nav skaidri:
1) Kāda ir atšķirība starp page heading/logo image un background/background image? Man nepieciešams ievietot logo, ko no pārējās lapas daļas atdala līnija, un šai lapas daļai jāpaliek nemainīgai visās apakšadaļās. Kādā izmērā jābūt šim attēlam?
2) Kā pareizi sakārtot sadaļas, lai ieslēgtu responsive funkciju?
3) Kas ir jāieslēdz, lai redzētu lapas robežas, resp., pētot tutoriāļus un citu cilvēku jautājumus, skrīnšotos redzamas lapas pelēkās malas, manā gadījumā visu ekrāna platumu aizņem balts fons un siets.
Es pievienoju arī aptuveno nepieciešamo gala rezultātu, lai būtu saprotams, par ko es runāju.

  1. 1 Posted by Jurita on 28 Apr, 2014 09:01 AM

    Jurita's Avatar

    Sveicināti, Anete!

    Prieks, ka mājas lapas izveidei esat izvēlējusies Bertu!

    Atbildot uz Jūsu jautājumiem:
    1) Page heading ir teksts, kuru varat ierakstīt kā lapas virsrakstu (nosaukumu). Šī virsraksta vietā varat ievietot nepieciešamo logo, tas attēlosies visās sadaļās un kā saite vedīs uz lapas sākuma skatu. Logotipu sagatavojiet jau tādā izmērā, kādā vēlaties to attēlot lapā. Background funkcijā ir iespēja lapas fonam nomainīt krāsu. Ja iespējojat fona attēlu (background image), tad varat augšupielādēt un izvietot sev vēlamo attēlu mājas lapas fonā.
    2) Responsīvai funkcijai ir sava specifika, atkarībā no lapas sagataves (template). Ja nekļūdos, tad Jūs pašlaik izmantojat Messy template. Responsīvais dizains pats par sevi nosaka, ka satura un dizaina elementiem jābūt izkārtotiem režģī, lai, atkarībā no ierīces (datora, telefona) ekrāna izmēra, šī režģa elementi varētu attiecīgi pārgrupēties. Ņemot vērā Jūsu dizaina skici, iesakām izmantot labāk White vai Mashup, kuri paredz menu kreisajā pusē un ir ērtāki responsīvās funkcionalitātes ziņā.
    3) Lai redzētu lapas robežas, ir jāiespējo lapas režģis (gridlines). To varat izdarīt, ejot uz Settings / Page layout / Show gridlines / Yes.

    Ja ir vēl kādi jautājumi vai nepieciešams plašāks skaidrojums, ar prieku palīdzēsim!

  2. 2 Posted by Anete on 28 Apr, 2014 11:36 AM

    Anete's Avatar

    Paldies par ātro un operatīvo atbildi!
    Nomainīju template uz white un tagad šķiet, ka lietas pamazām sāk palikt
    skaidrākas. Vēl līdz galam neesmu sapratusi, kā visu sakārtot priekš
    repsonsive, jo šobrīd man baneri, ko izmantoju par pogām, aiziet šķērsām,
    bet to vēl mēģināšu saprast. Tagad aktuālsi jautājums ir - kā nomainīt
    opciju, lai uzpiežot uz pogas, netiktu atvērta jauna lapa pārlūkā?

    Paldies jau iepriekš,
    Anete

    2014. gada 28. aprīlis 12:01 Jurita <
    [email blocked]> rakstīja:

  3. 3 Posted by Jurita on 28 Apr, 2014 12:27 PM

    Jurita's Avatar

    Apskatījāmies Jūsu lapu, pašlaik responsīvā funkcionalitāte nav iespējota. Vislabāk ir mājas lapas izstrādi veikt ar jau iespējotu responsivitāti, lai uzreiz redzat, kā mājas lapa "uzvedas", to veidojot.

    Sadaļu veidošanai baneri nebūs tā labākā izvēle, jo responsīvajā skatā tie nobīdīsies kā sekundārais elements aiz pārējā satura. Turklāt, ja izmantojat banerus standarta menu aizvietošanai, tad mobilajā skatā lapa netransformēsies lietotājam draudzīgā veidā. Responsīvās lapas nolasa, kad ierīces ekrāns, no kura tiek skatīta lapa, ir mazākā izmērā, nekā parasti, un tad menu no pilnskata pārveido par minimālo skatu. Tādējādi mājas lapas apmeklētājiem ir optimizēts lapas atspoguļojums, lai neattēlotu pārāk daudz satura pārāk mazā ekrānā uzreiz.

    Varbūt baneru vietā izvēlaties klasisko menu izskatu?

  4. 4 Posted by Anete on 29 Apr, 2014 12:42 PM

    Anete's Avatar

    Paldies par padomu, atmetu ideju par baneriem un atgriezos pie klasiskā
    menu, tiktāl viss būtu skaidrs. Tomēr joprojām sakaros ar pāris problēmām,
    izgāju cauri teju visam diskusiju forumam, bet atbildi neatrodu:

    1) menu un headings stāv uz vietas, bet saturs skrollējas, paejot zem
    heading, kāpēc tā?
    2) kā iecentrēt heading, izmantojot white template un responsive design?
    Šobrīd headings pie resposīvā dizaina aizbrauc kreisajā augšējā stūrī
    (tāpēc joprojām neesmu to ieslēgusi, taču, pamēģinot, liekas, ka viss
    pārējais strādātu).
    3) kādēļ teksta zonu nav iespējams pacelt vai nostumt zemāk? Saprotu, ka to
    nevar bīdīt uz sāniem, bet kur ir kļūda, ja nevaru to bīdīt vertikāli? drag
    to move f-ja neļauj neko bīdīt.

    Ja nu gadījumā es nesaprotami rakstu, drošības pēc pievienoju skrīnšotus.

    Un paldies par palīdzību.

    Anete

    2014. gada 28. aprīlis 15:27 Jurita <
    [email blocked]> rakstīja:

  5. 5 Posted by Jurita on 05 May, 2014 09:43 AM

    Jurita's Avatar

    1) White template paredz to, ka gan augšējā logo josla, gan menu izvēlne ir fiksēta. Līdz ar to, ja Jums ir garens (nestandarta) logotips (saprotu, ka izmantojat to kā header image), pārējais saturs skrollējas pāri šai augšējai joslai. Lai to atrisinātu, mēs ieteiktu izvēlēties logotipu, kurš nav garenisks.

    Iesaku arī pamēģināt pārējos template - pārejot uz citu sagatavi, ievietotais saturs nepazūd, tādējādi varat izmēģināt dažādas dizaina opcijas. Iespējams, tas palīdzēs atrast īsto virzienu :)

    2) Standarta logo izmērs atrisinātu arī responsīvā skata niansi - logo šim template tehniski ir piederīgs sānu joslai (sidebar). Līdz ar to brīdī, kad tiek ieslēgts responsīvais skats, tad sānu josla tiek samazināta, lai ērti attēlotos mobilajās ierīcēs. Tas nozīmē, ka arī logo tiek samazināts sānu joslas robežās. Heading bilde nav īsti uzskatāma par header image šajā gadījumā.

    3) Opcijai pārvietot ierakstus būtu jābūt iespējamai, mēģiniet pārlādēt lapu, visdrīzāk tā ir īslaicīga tehniska kļūme.

    Ceru, ka ieteikumi noderēs!

  6. Uldis closed this discussion on 06 May, 2014 01:40 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

19 Nov, 2016 11:00 AM
23 Jun, 2016 03:23 AM
23 Jun, 2016 03:22 AM
20 Jun, 2016 08:02 AM
18 Aug, 2015 11:09 AM