HTML/CSS - Detailed Instruction Given - Due in 12 hours

$100-150 USD

Completed

Posted

about 14 years ago

$100-150 USD

Paid on delivery

**Overview** - You will be creating 4 html documents and 1 css document. 3 of the html documents are very similar.? **Guideline** - Use the files in the comments folder (Home Page Comments, Sub Page 1,2,3 Comments, General Comments) for specific div tags to use.? Slice images and texts from the PSDs provided.? **Dynamic Fields** - Some fields need to be dynamic (using php), replace the variable in the corresponding html code ? ? - For example, on the top right of the Home Page: ? ? ? ? - Use <?php $page_short_description = "Simplyfying Complexity"; ?> ? ? ? ? - In HTML: <div class="page_blurb"><?php echo $page_short_description; ?></div> ## Deliverables Home Page Instructions **Background** - set the background for <body> - Use image you see on the background of the jpegs given **General** - Use "Home Page [login to view URL]" only to get font and content, don't use any of the html and table code, all code should be using div - use margin: 0 auto; to centre everything; - Wrap everything (#header, #container, #section2, #footer) with #wrapper **Top right: Simplyfying Complexity** - Use <?php $page_short_description = "Simplyfying Complexity"; ?> - float: right **Header:** - Use div tag (#header) to wrap around company logo (#logo) and menu navigation (#nav) **Menu Navigation:** - Use ul li a - Use correct color for active items **{ Our Portfolio }** - Use <?php $top-section-title-1 = "Our"; ?> - Use <?php $top-section-title-2 = "Portfolio"; ?> **#top-section-2 (Above portfolio)** - Use <?php $top-section-2-description = "WE ARE Idea Engeneers WERE Passionate ABOUT Art & Science"; ?> **#container:** - width: 1140px; ? ? - The current width of #container in the "Home Page [login to view URL]" is not 1140px; set it to 1140px; - Use #container to wrap around #contents? - set #container background to white **#contents:** - width: 960px; - Use #contents for main body **Portfolio (12 portfolio items)** - Goes inside #contents - Evenly space it out inside contents? ? ? - You will have to adjust the spacing because the width of the spacing in the "Home Page [login to view URL]" is not 960px; - Use unordered list (ul li) each item is an "li" - Use class .temp4-main-item inside each li - Each item .temp4-main-item contains .temp4-main-date, .temp4-main-description, .temp4-main-title,? ? ? - Photo: Use ? <?php $portfolio_image_url = "/images/[login to view URL]"; ?> ? ? - Date (.temp4-main-date): Use <?php $portfolio_date = "4.29.10"; ?> ? ? - Description (.temp4-main-description): Use <?php $portfolio_description = "Get Growing for Business"; ?> ? ? - Portfolio title (.temp4-main-title): Use <?php $portfolio_title_name = "SCOTIA BANK"; ?> ? ? - Portfolio URL: Use <?php $portfolio_title_url = "[login to view URL]"; ?> **Paragraph in black:** - Use #bottom-section - Use <?php $bottom-section-description = "Please have a look at the work we have done..."; ?> **Subpage Instructions** - Use Subpage General for general guidance **For each page:** - Use Subpage 1,2,3 Comments as Guidance **Menu Navigation:** - Use ul li a **Top right: The Boutique Agency;** - Use <?php $page_short_description = "The Boutique Agency"; ?> - float: right; **{ Our Philosophy }** - Use <?php $page_title1 = "Our"; ?> - Use <?php $page_title2 = "Philosophy"; ?> **Fonts:** - refer to PSD for font size - #nav, #subnav: arial - everyting else: georgia **Sub Page 1 Dynamic Fields** - #top-section:? ? ? - Use $top-section-title-1 = "Our"; ? ? - Use $top-section-title-2 = "Agency"; - #page-title-1: Use $page-title-1 = "Our"; - #page-title-2; Use $page-title-2 = "Philosophy";? **Sub Page 2 Dynamic Fields** - #top-section:? ? ? - Use $top-section-title-1 = "Our"; ? ? - Use $top-section-title-2 = "Agency"; - #page-title-1: Use $page-title-1 = "Recent"; - #page-title-2; Use $page-title-2 = "News, Awards, & Events";? - Each item .temp2-main-item contains .temp2-main-title, .temp2-main-date, .temp2-main-description,? ? ? - Set the variable again before each li, for example: ? ? ? ? - Title: (.temp2-main-title): Use <?php $temp2-main-title = "RAPIDTEL CHOOSES"; ?> ? ? ? ? - Date (.temp2-main-date): Use <?php $temp2-main-date = "April 13/09"; ?> ? ? ? ? - Description (.temp2-main-description): Use <?php $$temp2-main-description = "RapidTel chooses..."; ?> **Sub Page 3 Dynamic Fields** - #top-section:? ? ? - Use $top-section-title-1 = "Our"; ? ? - Use $top-section-title-2 = "Agency"; - #page-title-1: Use $page-title-1 = "Our"; - #page-title-2; Use $page-title-2 = "Solutions";? - Each item .temp3-main-item contains .temp3-main-title, .temp2-main-description,? ? ? - Set the variable again before each .temp3-main-item, for example: ? ? ? ? - Title: (.temp3-main-title): Use <?php $temp3-main-title = "Broadcast"; ?> ? ? ? ? - Description (.temp3-main-description): Use <?php $$temp3-main-description = "2D/3D Animation <br/> Character Design <br/>Game Development"; ?> * * *This broadcast message was sent to all bidders on Thursday Apr 29, 2010 11:04:13 AM: Please note that this project must be completed by April 30, 2010 Friday, 11:59am EST.

Software Architecture