Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 1HOE
Explanation of Solution
a.
URL of the website:
Explanation of Solution
b.
Name of the website:
The below i...
Explanation of Solution
c.
Target audience:
This site ...
Explanation of Solution
d.
Screenshot of the homepage:
The below is the screenshot of the homepage:
Explanation of Solution
e.
Navigation evident:
The below are the types of navigation evident:
Explanation of Solution
f.
The four basic principles of design are as follows:
- • Contrast:
- ○ The meaning of contrast is difference.
- ○ This becomes the key of energy to any design and helps in in developing an element that is different than the already existing element.
- ○ This also helps in creating a design in which one item is dominant and helps the users to get the point of the design quickly.
- • Repetition:
- ○ In this principle, same or similar elements are used again and again in the design.
- ○ In some designs, repetition of certain elements brings the sense unity, consistency and cohesiveness.
- • Alignment:
- ○ This principle helps in connecting the elements of the same slide and even the elements that are quite far apart.
- ○ When this principle is neglected, slides do not look sophisticated and professional...
Explanation of Solution
g.
Evaluation of the most important Web Design best practices for the site named http://www.soa.ac.in/iter/:
- • Page layout:
Appealing to the target audience | Yes |
Consistent navigation area | Yes |
Page footer area includes the copyright | Yes |
Page footer area includes the last update, contact e-mail address | No |
Good use of basic design principles: repetition, contrast, proximity, and alignment. | Yes |
- • Browser compatibility:
Displays on current versions of internet explorer and Microsoft edge | Yes |
Displays on mobile devices | Yes |
Displays on current versions of Firefox and Google Chrome | Yes |
- • Navigation:
Main navigation links are clearly and consistently labelled | Yes |
Navigation is easy to use for target audience | Yes |
- • Color and Graphics:
Color is used consistently | Yes |
Background and text colors have sufficient cont... |
Explanation of Solution
h.
The three improvements that the site needs:
- • The site can include more graphics to attract more number of users...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
By referring to the specifications given below, use HTML code and JavaScript to create the form as
shown in Figure 6.
WEBINAR REGISTRATION FORM
Name :
Contact Number :
Email :
Webinar Title : Select Webinar
Date : dd/mm/yyyy
Time :
10am - 12pm O 2pm - 4pm
Number of participants : 1
Total Registration Fees(RM) : 0.00
O Add me to your mailing list for upcoming webinars.
Submit Cancel
Figure 6
Specifications:
Create the form by assigning suitable id and name.
Add a legend containing the text "WEBINAR REGISTRATION FORM" and use inline style to
design the legend.
Use to arrange the form elements.
Create different form elements/controls with proper data for their attributes such as name, id, value
and type. There is no need to create element for each form element.
Set Webinar Title as a selection list that consists of 4 options: Select Webinar, Web for Beginners
(RM100), Web for Intermediate (RM200) and Web for Advanced (RM300).
Set Number of participants as a spinner control with range…
Images are important to web design. Do you know of some pages with too few, too many, and just the right amount of images?
Create a simple webpage about any famous person using these HTML attributes:Background ColorFont size, color, and faceStyle (bold, italicized, underline, and subscript)Aligning ContentListsUnordered ListDescription ListHref AttributeSrc AttributeTitle Attribute
Chapter 3 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
Similar questions
- Project Overview: In this project, you need to build a website based on your chosen idea. The Website must cover all aspects of the course (HTML, CSS HTML Web elements (header, footer, list, table, form ...) HTML Navigation (Links are clear and located in the same area on each page. All links are functional) Design (using CSS) Website demonstrates design principles: with CSs consistent alignment, proximity, repetition, and contrast, multi column layout.arrow_forwardDesigning a full web page, on the home page, cards are displayed to display information about products (for example, Apple devices), each card contains a picture of the device and a simple overview of it, and when you press the card, move to a new page containing all the details of this device, and also a button to go back to the main page to see the other cards. Cards must be interactive when you hover the cursor on them, showing some effects such as image resizing or something like that. The number of cards must not be less than 5 cardsarrow_forwardJacob thought that he did a good job of designing the company’s tech support webpage, but Emily, his supervisor, isn’t so sure. She is concerned that Jacob’s design is very similar to a page used by the company’s major competitor, and she asked him whether he had used any HTML code from that site in his design. Although Jacob didn’t copy any of the code, he did examine it in his web browser to see how they handled some design issues. Emily asked Jacob to investigate webpage copyright issues and report back to her. In his research, he learned that outright copying would be a copyright violation, but merely viewing other sites to get design ideas would be permissible. What is not so clear is the gray area in the middle. Jacob asked you, as a friend, for your opinion on this question: Even if no actual copying is involved, are there ethical constraints on how far you should go in using the creative work of others? How would you answer Jacob?arrow_forward
- Why use hyperlinks instead of keyboard shortcuts for your presentation?arrow_forwardHow can a hyperlink tag structure be tested without clicking on it?arrow_forwardNavigate to Visualizing Data site https://www.visualisingdata.com/ , click on resources and then click on the colour tab. This site is managed by the author of the textbook. Pick one option and note it by the name in the website. For example “ HTML Color Picker”. Then note what it is, when you would use it. Next, find a website that uses the method or should use the method. Explain why.arrow_forward
- Part B: Website DevelopmentThis project will give you ample opportunity to showcase your creative skills. The website projectcontains a set of webpages written in HTML and CSS. The website highlights the most importantfeatures of Abu Dhabi city and the UAE. The website contains images of areas, photographs ofthe most prominent leaders, and key milestones. The website project can be summarized as below:-- Create a main page that has the flag of UAE, important information about the UAE, anda menu with labels as {leaders, areas, universities, contact us}.- The leader page contains photos of leaders and some information for each one.- The areas page contains the name of seven areas in UAE and some information for eachone as well as some of the photos of key milestones for each one.- The universities page contains the name of the universities in UAE with some informationfor each one. You can add some photos and the URL link of each university.- Create a dummy contact us page with a form to…arrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardAdobe Express Webpage is a great tool for creating professional-looking webpages in an easy and intuitive way. With its simple drag-and-drop interface, users can quickly build a website or webpage without any coding knowledge. Many users find the tool helpful for creating attractive, responsive webpages as well as designing logos, graphics, and other visuals. It’s a great choice for creating a website or webpage for a business, and can also be used for personal projects such as creating an online portfolio, sending invitations, or advertising services. The possibilities are endless with Adobe Express Webpage, and it’s the perfect choice for anyone looking to take their online presence to the next level.arrow_forward
- What is the significance of using hyperlinks that navigate around your presentation instead of just using keyboard shortcutsarrow_forwardYou can choose any topic to develop a front-end of a website using HTML, CSS, JavaScript (no framework is allowed)Instructions to design your front-end :i) A Registration and a Login form with JavaScript Validationii) Drop-down Navigation Bariii) Home Page should have - (header, Navigation bar, body with a side bar, footer)iv) You have to design minimum 5 Pages without Home, Registration and Login Pagearrow_forwardWhy would you want to use hyperlinks rather than keyboard shortcuts while navigating your presentation?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