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
Expert Solution & Answer
Chapter 5, Problem 1HOE
Explanation of Solution
a. URL of the website: http://www.soa.ac.in/iter/
b. Name of the website: ITER- SIKSHA ‘O’ ANUSANDHAN
c. Target audience: This site focuses on the young engineering children, parents and staff of the university.
d. Screenshot of the homepage:
e. Navigation evident: main navigation, site search, and site index.
f. The four basic principles of design are as follows:
- 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.
- 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.
- Proximity:
- This principle of proximity deals with moving the elements closer or farther apart. This gives more organized look to the slide as the related items are grouped together rather than many unrelated elements.
- 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:
- The use of the four principles varies with the homepages.
- In this site, the repetition principle is used in many cases like using the image of the school in one or more pages.
- The contrast principle can be used to have many contrasting pages in the homepage.
- The proximity principle helps the users to identify the related items in the homepage which makes it easy and quick to understand the topic.
- The alignment principle makes the homepage more professional, organized and attractive.
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... |
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Images are important to web design. Do you know of some pages with too few, too many, and just the right amount of images?
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…
Jacob 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?
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
Similar questions
- Designing 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_forwardMake a creative webpage as much as you can. Write a simple program showcasing HTML formatting, quotation, and citation elements. You may use other tags as to make your webpage more creative, informative and presentable.arrow_forwardThere should be no ambiguity about how important each step is in the web design process.arrow_forward
- How can a hyperlink tag structure be tested without clicking on it?arrow_forwardPart 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_forwardWhy would you want to use hyperlinks rather than keyboard shortcuts while navigating your presentation?arrow_forward
- language: 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_forwardRead ALL of the instructions carefully before starting the exercise!Dear Colleague,Earlier today I built my third website using HTML5. Based on what we had learned in Exercises 1through 9, I wanted my website to try out four forms as shown in Figure 1 (below). However,after giving it my best effort, things once again didn’t turn out the way I wanted (see the codeprovided). I’ve been told that there are exactly 20 things wrong with the code. Can you help mespot all of the errors?Hint: You should not add ANY LINES to the code. There will never be more than one set of (ortype of errors) per line.To complete this assignment, update only the file named c2_broken.html contained in thec2_broken directory. Also, create a MS Word file describing what you did. Specifically, create abulleted list describing your improvements and be sure to include the line numbers. Save thissecond file as c2_notes_LastName.docx and add this file to the c2_broken directory. Whendone, rename c2_broken to…arrow_forwardWrite an HTML/javaScript code needed to design the following web page (figure1), when user click on the button the information filled in the form will show as shown in figure 2 Name Address Click to show table Figure-1 Name Address Click to show table Student information Name Student Name will appear here Address Student Address will appear here Figure-2arrow_forward
- Question 1 The Task A startup company wishes to build a web site for their online dating business. They have employed a designer who has produced the following design using desktop publishing software. The software used by the designer only produces an image, and does not produce HTML. The company has now contracted you to implement the design i.e. build the web page. This includes a working form component. The company thinks the designer has done a great job and wants you to implement the design without altering the style. Technical Overview From a technical point of view, the web page is constructed using HTML and CSS. Most of the HTML content are form elements. All the style parameters are handled in a style section, at the top of the same page. Interactive Features The company requires you to have two interactive features in the web page. When the mouse is moved over any labelor inputor select element, the text in that element is shown larger. When the mouse moves away from the…arrow_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_forwardusing JQuery, Develop a web page that contains 4 buttons and 3 images When button 1 is pressed, image 1 will be hidden and when button 1 is pressed again image 1 is will be shown Button 2 hides image 2 Button 3 hides images 1 and 2 Button 4 hides all imagesarrow_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