Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Expert Solution & Answer
Chapter 5, Problem 6HOE
Explanation of Solution
Fixed Layout Design:
- A fixed website layout has a fixed width wrapper.
- The components inside it will either have percentage width or fixed length width.
- Whatever be the screen resolution that the visitor has, he will see the same width like others.
- The wrapper will not move in fixed layout design.
- The figure given below shows the general outline of a fixed width website layout.
- Since most website users browse in 1024x768 resolutions, the standard width is 960 pixels.
(a)
Wireframe page layout for the “Doug Kowalski’s photography business” home page:
“Doug Kowalski” is a freelance photographer who is interested in taking nature photographs and often used to get contact work for textbook and journals. He likes to create a website that shows his talents and provides his contact details...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
2.
Write the HTML, CSS and JS code to design a personalized portfolio website for a sample person X.
Note - You have to include name, introduction, hobbies, qualifications, projects, etc. (All these parameters can be filled as per your own liking, like you can give whatever introduction or qualifications or projects that you like but they must be present in the website)
At the end please include a responsive " Contact Me " form. The page should be creative and must contain pictures (again, pictures as per your liking).
Question 1
Prints your name " Ali " in a
Courier New font, each letter
should be a different color.
Question 2
Create a webpage by using
html that prints your name
Mohammed ", and your age " 18
to the screen
Question 3
Create some links to various
search engines (google, yahoo,
altavista, lycos, etc).
Question 4
Add a table row with two table
headers. The two table headers
should have the value " Name "
and " Age ".
Jill Smith 50
6:45 م
Create a mockup of your personal website and your first home page. Your personal website should contain at least three pages (HTML documents). Your mockup should contain mockups of each HTML document. You should follow a similar format as the sample mockup provided here . Your 5-6-page document should include the following:
A description of the site's organizational structure.
A description of each page that you'd like to add to the site and its specifications, including color schemes, the size of logos and images, and the fonts being used.
Create your first home page. Your home page must include the following elements:
At least one heading.
At least two paragraphs.
My interests include small animal rescue and rehoming for Guinea Pigs. Thanks!
Chapter 5 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 5.6 - Prob. 1CPCh. 5.6 - Prob. 3CPCh. 5.12 - Prob. 1CPCh. 5.12 - Prob. 2CPCh. 5.12 - Prob. 3CPCh. 5 - Prob. 1MCCh. 5 - Prob. 2MCCh. 5 - Prob. 3MCCh. 5 - Prob. 4MCCh. 5 - Prob. 5MC
Ch. 5 - Prob. 6MCCh. 5 - Prob. 7MCCh. 5 - Prob. 8MCCh. 5 - Prob. 9MCCh. 5 - Prob. 10MCCh. 5 - Prob. 11FIBCh. 5 - Prob. 12FIBCh. 5 - Prob. 13FIBCh. 5 - Prob. 14SACh. 5 - Prob. 15SACh. 5 - Prob. 1HOECh. 5 - Prob. 2HOECh. 5 - Prob. 3HOECh. 5 - Prob. 4HOECh. 5 - Prob. 5HOECh. 5 - Prob. 6HOECh. 5 - Prob. 7HOECh. 5 - Prob. 1WRCh. 5 - Prob. 2WRCh. 5 - Prob. 1FWDCh. 5 - Prob. 2FWDCh. 5 - Prob. 3FWD
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Web design matters a lot for the user experience. Using the "three questions" framework and "trust symbols" - do a brief analysis of the homepage of the sports betting website - Northstarbets.ca and make four recommendations for changes in the home page design that you believe will improve its conversion rate. Be as specific as possible. For example, if you suggest adding a call to action, state what the call to action should be, where it should go, whether it should have a box around it, the text color, etc. (If possible, use a graphics application (Canva, etc) to make changes, or use PowerPoint to indicate the changes - Please do not send the graphic or PowerPoint separately, just add them into the word file).arrow_forwardPut the images used too.arrow_forwardCreate a page for the solar system with a minimum of 4 paragraphs. You can get the content from Wikipedia, Nasa, or any source you like. Include a link to the original source. Include a table listing: planets, their radius or diameter, their distance from the sun, and their mass. Include a caption. Use TH tags where appropriate Include a border Include a picture of the solar system which is an image map. Each planet in the image should link to a page about that planet Create a page for each of your planets. Include a minimum of 4 paragraphs for each page. Include a link to the original source. Include an image of the planet Include a list of any moons the planet may have.arrow_forward
- Objective: Build a basic centered web page including proper skeletal and structural elements as well as all aspects of the box model. Insert images and links and style the links. Procedure: 1. Create your root directory (project folder) and open this folder in Brackets. 2. Create a new html document and save it as index.html inside the root directory. 3. Code out a basic html web page using the proper skeletal and structural elements (doctype declaration, html, head, body, header, main, footer). 4. Create a css file for this project, save it as style.css in the root directory and link it to the html document (build the link in the head of the html document). 5. Use appropriate aspects of the box model (width, height, border, margin) to give dimension, style and add space in and between the large structural elements of the web page. 6. Add background colors, gradients, or images to the large structural elements of the web page. 7. Make the width of the body element smaller than it's…arrow_forwardcreate a gym or business website with three (3) linking pages, and form validation. You will be required to use your creativity. Keep it appropriate please. Your first page is your index page (It MUST be called index.html) o It should be an overall general summary of your "gym" or "business", services offered, etc. Your second page is completely up to you as long as it relates to the gym theme Your third page should be a form that a user must fill out, like a membership form, with JavaScript alerts that let the user know when the form is not done completely. Must have the use of the following tags Line break Horizantal Rule Paragraph List (just one is fine) o Ordered or o Unordered Links Headings • Images • Title Table • Style (You MUST use CSS) Form Buttons Clear Form o Submit Form Input Radio buttons o Checkboxes o Drop-down boxes Script o Form validation O Alert boxes • Contact Info at the bottom (address of the gym) Also: You can use w3schools for reference Put your name in a…arrow_forwardi need to make sure for the answerarrow_forward
- Match each description with the suitable CSS position property Element positioned according to the normal flow of the page. A. position: relative; B. position: absolute; Changes the location of an element in relation to where it would appear. C. float:right; Element stays in the same place even if the page is scrolled. D. position:place; E. float:none; Precisely specifies the location of an element in the browser window. F. position: static; Elements that seem to "align" on the right G.position: fixed; side of another element.arrow_forwardThis question is a completion for previous question. Create the Restaurant website. Create home, menu, and contact us pages. The three pages should have the same header and footer. The header contains text or image as a logo, navigation bar and if you want to have a background image please choose it to look good. The footer should have a contact information, location and the copyright statement. The home page contains images, carousel and some description about the restaurant. In the home page add Greeting/welcome statement that change dynamically each 10 second. The menu page should contain cards of the meals.The card contains image, description, the price of the meal and button to buy or choose this meal. The contact us page contains the restaurant contact information and a contact form (I expect from you a nice and professional form). Apply these changes using JS when submitted the form: 1- Apply the validation for each input (make sure all inputs are required). 2-…arrow_forwardi need the answer quicklyarrow_forward
- Design the following webpage using a two-column layout using floating technique as shown below. All the regions should contain appropriate padding. use different background colors to distinguish parts.arrow_forwardYou will use all the concepts discussed in the first half of the semester to create a restaurant website with three (3) linking pages. You will be required to use your creativity and give a presentation of your work to the class. Keep it appropriate please. Your first page is your index page (It MUST be called index.html)o It should be an overall general summary of your “restaurant” Your second page is completely up to you as long as it relates to the restaurant theme Your third page should be a form that a user must fill outMust have the use of the following tags Line break Horizantal Rule Paragraph Listo Orderedo Unordered Links Headings Images Title Table Style (You MUST use CSS) Form Inputo Radio buttonso Checkboxeso Drop-down boxeso Submit buttonAlso: You can use w3schools for reference Put your name in a comment Your pages must all link to one another. Use as many colors as youd like (as long as its readable) Have funarrow_forwardMake a nice look home page using html and css about coffee shop website, apply bootstrap to get nice look, use your inispiration to make the home page with navigation bar and also footer at the end.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning