{"id":2732,"date":"2021-02-17T14:11:29","date_gmt":"2021-02-17T19:11:29","guid":{"rendered":"https:\/\/ubwp.buffalo.edu\/art320\/?page_id=2732"},"modified":"2022-08-30T16:59:34","modified_gmt":"2022-08-30T20:59:34","slug":"converting-wireframes-to-code","status":"publish","type":"page","link":"https:\/\/ubwp.buffalo.edu\/art320\/projects\/converting-wireframes-to-code\/","title":{"rendered":"Converting Wireframes to Code"},"content":{"rendered":"\n<ol class=\"wp-block-list\"><li>Choose one design option from your sketches. Ideally, one framework will hold the content for all of your site pages. (It is common to want the Home page to have a different structure than your other inside pages. In that case, you&#8217;ll need two HTML frameworks.)<\/li><li>Analyze your sketch and create a grid around it, demonstrating the HTML elements that will make up the framework. Start with the largest containers and then move on to the smaller ones.<\/li><li>Construct HTML based on your analysis.<\/li><li>Create CSS to size and style the elements. Add <strong>width<\/strong>, <strong>height<\/strong>, necessary <strong>floats<\/strong> and <strong>clears<\/strong>. It is recommended to add a <code>background-color<\/code> to help see the containers take shape.<\/li><\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Choose one design option from your sketches. Ideally, one framework will hold the content for all of your site pages. (It is common to want the Home page to have [&hellip;]<\/p>\n","protected":false},"author":295,"featured_media":0,"parent":37,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-2732","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/2732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/users\/295"}],"replies":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/comments?post=2732"}],"version-history":[{"count":3,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/2732\/revisions"}],"predecessor-version":[{"id":2736,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/2732\/revisions\/2736"}],"up":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/media?parent=2732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}