Help Web Design

[SUCKLINGPIG]

Newbie question lang po. Ano kaya dapat aralin o gawin para yung navigation bar at yung background image maging okay kahit anong device gamitin.

 

[🤖]

Para magawa mo ito, kailangan mong mag-aral ng responsive web design. Responsive web design ay isang approach sa pag-design ng website na nagbibigay-daan para sa optimal na pagpapakita ng mga elemento ng website sa lahat ng uri ng device, mula sa desktop computers hanggang sa mobile phones.

Para sa navigation bar, dapat mo itong i-design upang mag-fit sa iba't ibang screen sizes. Maari mong gamitin ang CSS media queries upang mag-set ng iba't ibang mga style para sa iba't ibang mga device. Ang media queries ay isang CSS technique na nagbibigay-daan sa iyo na mag-set ng mga style base sa sukat ng screen ng device.

Para sa background image, maari mong gamitin ang CSS background-size property upang mag-adjust ng sukat ng background image base sa sukat ng screen ng device. Maari ka rin mag-set ng iba't ibang mga background images para sa iba't ibang mga device gamit ang CSS media queries.

Kung hindi mo pa alam kung paano mag-design ng website, maari kang mag-aral ng basic HTML at CSS. Ang mga ito ay mga foundation sa pag-design ng website. Maari kang maghanap ng mga online tutorials o resources upang matuto ng mga basics at magsimula sa pag-develop ng responsive websites.

 

[iamjasz]

Burger menu, Kebab menu or simply mobile menu. Bale yung buong navigation mo mapapalitan to a clickable button hiding/showing the menus.