Task 4 in this case study provided you with additional practice using the new HTML5 attributes and values. You have three tasks in this case study: If you are connected to the Internet, submit the form. View a full sample. Open each page in a text editor and add a description meta tag to the head section. Figure Menu page with a table. Chapter , Problem is solved.
They will not look different, but they are much friendlier to search engines! Your new page will be similar to Figure Create the Jobs page: Modify the Menu page to use a table to display information as shown in Figure. View the primary ISBN for:
The Jobs page will use the same page layout as the other JavaJam web pages. Basics of Web Design 2nd Edition View more editions. Unless directed otherwise by your instructor, configure the action attribute to send the form data to http: Submit the form with missing information or only a partial e-mail address.
Need an extra hand?
CSS Layout Problems – HTML & CSS |
Notice how the text labels for the form controls are on the left side of the content area but contain right-aligned text. Replace the description list with a table that has three rows and two columns. You will add the new style rules above the media queries.
Fill out the form below to start your application. You will add a new page to the JavaJam website—the Jobs page. The display and functioning of browsers will depend on the level of HTML5 support.
View a sample solution. Write a description of the JavaJam Coffee House business.
Configure the form control for the Name information. ChapterProblem is solved. Change the page title to an appropriate phrase. Inside the javajam folder following four pages are created: Add the following style rule to the media query that targets a maximum width of pixels:.
Save the files and test them in a browser. View a sample solution. They will not look different, but they are much friendlier to search engines! Modify the Menu page to use a table to display information as shown in Figure. You have three tasks in this case study:.
INF 286-001 Introduction to Web Development
Edit the paragraph down to a description that is only a few sentences and less than 25 words in length. Save the file as jobs. Save your file and test your web page in javajam coffee house case study 12 browser.
This is an alternate ISBN. You will add styles to configure the table on the Menu page. Use the Menu page as the starting point for the Jobs page. Copy javajam coffee house case study 12 files from the Chapter 9 Case Study ch9javajam folder to your new chlOjavajam folder. The sketch of the form.
Basics of Web Design 2nd Edition View more editions. Browse hundreds of Computer Science tutors.
Figure shows the Jobs page rendered in the Firefox browser with an incorrectly formatted e-mail address. Need an extra hand? Add an asterisk at the javajam coffee house case study 12 of each label text. Browse hundreds of Computer Science tutors. A confirmation page similar to Figure will be displayed that lists the form control names and the values you entered. Place your cursor on a new blank line above the media queries. Copy the files from the Chapter 11 Case Study chlljavajam folder.
You have three tasks in this case study: Set block display and 20 pixels of bottom margin. Need an extra hand? ChapterProblem is solved.
This will send your form information to the serverside script configured in the form tag. Create the Jobs page: Configure the input element and textarea element selectors.
Program plan Modifying menu. The new JavaJam Jobs page.
My Main Page
View a full sample. You have four tasks in this case study: The form confirmation page. Copy the files from the Chapter 8 Case Study ch8javajam folder into the new ch9javajam folder.