text: Sulat alang sa usa ka kalibutan nga wala’y kapintasan
  Pagtigum sa mga tipo sa koordinasyon
text: #000001
text: Giya alang sa layout sa sulod
text: #000004
text: Home » Giya alang sa layout sa sulod
text: #000005
text: Kung gusto namon nga ma-mount ang usa ka sulud sa web usa sa mga dagkong problema nga among nahibal-an nga ang mga panukiduki nga akong nadawat dili gyud gihunahuna nga malampuson nga isagol sa web. Kasagaran ang problema mao nga kung wala’y igong istruktura ang laraw ug layout dili kasagaran tan-awon nga maayo kaayo, nga naghatag usa ka dili makatagbaw nga sangputanan.
text: #000006
text: Aron adunay usa ka template diin mahimo natong "madrowing" ang atong proposal, ang atong buhaton mao ang pagkuha sa usa ka A4 nga papel ug atong pil-on kini sa ONE THIRD ang gitas-on.
text: #000009
text: Hunahunaon nga kita adunay daghang mga matang sa sulud: video, imahe, teksto. Ang matag sulud usa ka rectangular o square block. Kinahanglan namon nga ipahiangay ang mga bloke gikan sa taas hangtod sa ilawom sa template nga among gusto. Atong ihulagway ang tulo nga mga sulud.
text: #000011
text: Kami maghunahuna nga ang video sa kinatibuk-an mahimong usa ka video sa YouTube, girepresentar namon kini sa template sama sa mosunod:
text: #000012
text: Nagdepende kini kung ang imahe ba tan-awon o hulagway, ingon nga kita mouyon.
text: #000013
text: Pareho sa us aka block image, depende kung giunsa naton gusto ang teksto magbutang kita usa ka bloke o uban pa. Girepresentahan namon kini uban ang managsama nga linya.
text: #000014
text: Ang mga block block sa teksto mahimong mga bloke sa teksto nga adunay mga parapo ug bisan mga lista sa sulud sa teksto
text: #000015
text: Igabutang ko ang duha nga mga pananglitan: usa ka bloke sa teksto nga sunod sa usa ka imahe sa talan-awon, ug lain pa sunod sa usa ka hulagway nga hulagway:
text: #000016
text: Ang ideya parehas. Kung nahibal-an naton kung giunsa ang paglihok sa mga bloke, gihunahuna ko nga mahimo namon nga klaro nga ibutang ang lain nga klase sa bloke nga, susama sa nangagi, naa sa square o rectangular. Pananglitan, kung gusto namon magbutang usa ka porma nga gilakip sa sulud. Bisan kung kini kasagaran ang labing dili kasagaran, mas maayo nga mangutana sa wala pa gamiton ang bag-ong mga bloke nga dili mga lahi nga gihisgutan sa ibabaw. Akong sulayan nga ma-update kini nga lista sa paggawas sa bag-ong mga ideya sa block nga mahimo’g makapaikag sa tanan.
text: #000019
text: Sa katapusan, aniay usa ka pananglitan sa usa ka template nga adunay tanan nga mga matang sa mga bloke nga gihisgutan sa ibabaw:
text: #000020
text: Kung kinahanglan namon ang daghang wanang, kinahanglan namon nga dugangan pa ang daghang mga panid sa disenyo sa block sa ilawom. Dili kinahanglan nga pun-on ang tanan, apan hinungdanon nga dili ibilin ang mga walay sulod nga gaps gikan sa taas hangtod sa taliwala sa tunga sa tunga sa matag bloke. Niining paagiha mapalapad naton ang panid:
text: #000022
text: Karon nga kami adunay layout sa sulud pinaagi sa mga bloke ug mga tipo nga mga bloke kinahanglan ang paghimo sa sulud nga moadto sa kana nga mga bloke. Ang lakang 3 mabalhin sa lakang 2. Sa ato pa, mahimo naton ang paghimo sa sulud sa wala pa, ug dayon i-layout ang pagkahibalo sa gidaghanon sa sulud nga gusto naton iapil. Kini dili klaro nga buhaton kini sa usa ka paagi o sa lain, apan kinahanglan nga kita nahibalo nga ang sulud kinahanglan nga ipahiangay sa sulud sa atong layout
text: #000024
text: Mosunod kita sa miaging ehemplo. Sa imahen nga 4 makita naton ang mga mosunud:
text: #000025
text: Tungod niini kinahanglan naton nga ayohon ang among sulud aron kini hingpit nga nahiangay sa kini nga mga bloke nga dili mobiya ug nga ang gidak-on sa font parehas nga parehas sa tanan niini. Alang niana posible balor kini paghimo una sa sulud ug pagkahuman pag-block. Nagsalig na kini karon sa tawo.
text: #000027
text: Hunahunaon nga kita adunay laraw nga gilaraw sa papel ug tanan nga mga sulud sa sulud nga gihimo. Karon ang katapusan nga lakang mao ang paghiusa niini. Alang niini mogamit kami daghang mga himan aron makombinar ang tanan ug ipadala kini sa tigdisenyo sa web.
text: #000029
text: Ang mga video mahimong maipasa sa duha ka paagi:
text: #000030
text: Sa kaso adunay usa ra ka video sa layout nga wala’y problema. Apan kung adunay daghang mga video kinahanglan naton nga iupod kini sa pila ka paagi sa layout nga atong nahimo sa papel.
text: #000032
text: Pananglitan. Hunahunaa nga adunay tulo nga mga video. Sa layout ibutang namon ang usa ka numero sa 1 sa una nga video, usa ka numero sa 2 sa ikaduha nga video ug usa ka numero sa 3 sa ikatulo nga video. Ug unya kung ipadala ang tanan nga dokumentasyon ibutang namon ang usa ka butang nga sama niini:
text: #000033
text: Mas dali kining mahibal-an kung unsang video ang nahiangay sa matag seksyon.
text: #000035
text: Sa katapusan, kini nga mga bloke kinahanglan isulat sa usa ka Word Document, o sa usa ka Google Docs labing maayo.
text: #000039
text: Ang format yano ra kaayo: Sa dokumento sa Pulong gibutang namon ang tipo sa Bloke (Pamagat, Button, o Text) nga gisundan sa numero diin kini katumbas sa layout.
text: #000040
text: Unya nagbutang ako usa ka ehemplo nga dokumento nga adunay bug-os nga random nga mga teksto aron makita kung giunsa kini ma-istruktura, pagsunod sa panig-ingnan sa imahe sa 4:
text: #000041
text: Ingon niini ang pagtan-aw sa layout sa higayon nga gibutang namon ang mga numero nga katumbas sa matag seksyon:
text: #000042
text: Kung nahuman na naton ang tanan, kinahanglan nga ipadala ra kini sa tawo nga magdumala sa layout
text: #000044
text: Ang sulundon nga sa katapusan maglakip sa usa ka maayo nga imahe nga mao ang usa nga nag-uban sa ulohan nga 1 header sa panid. Mao kana ang hinungdan nga ang Titulo 1 kinahanglan kanunay nga magpakita sa sinugdanan.
text: #000048
text: Ang imahe sa header kinahanglan adunay usa ka gidak-on nga 960 x 540 mga pixel. Ang kini nga imahen mahimong ipadala sama sa nahabilin sa mga imahe, pinaagi sa IMGUR
text: #000049
text: Ug sa katapusan sa tanan nga kini nga kasayuran, ang panid ma-set up. Pagkahuman ug pagtapos sa kini nga panig-ingnan, ang panid nga adunay katapusan nga sangputanan sa pagsunod sa tanan nga mga parameter nga gipataas namon kaniadto mao kini:
text: #000050