Exercise 4: Write the frameset tags and frame tags for the following frameset. Each of the frames should contain an HTML page having external links to the corresponding topics after clicking the link by user (e.g. a related page from Wikipedia). Colors and text (name of html file) should be applied/included for distinguishing each of the HTML page from others. You may use traditional frame or iframe for creating the webpage. A schematic layout of the page (Main.html) is shown as follows. Sociology.html Biology.html Engineering.html Psychology.html JavaScript.html CSS.html Artificial Intelligence.html Chemistry.html Computer Science.html

Exercise 4: Write the frameset tags and frame tags for the following frameset. Each of the frames should contain an HTML page having external links to the corresponding topics after clicking the link by user (e.g. a related page from Wikipedia). Colors and text (name of html file) should be applied/included for distinguishing each of the HTML page from others. You may use traditional frame or iframe for creating the webpage. A schematic layout of the page (Main.html) is shown as follows. Sociology.html Biology.html Engineering.html Psychology.html JavaScript.html CSS.html Artificial Intelligence.html Chemistry.html Computer Science.html

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor

Section: Chapter Questions

Problem 9CP1

See similar textbooks

Similar questions

Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes
Design a web page by using div, hl, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet. hi Div Animal Pictures Koala Penguins Div Koalajpg Penguinsjpg Image
Design a web page by using div, h1, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet.
Lab Exercise 1 Design a web page to and display the text “Welcome to Oman" using java script. Try the different methods of including javascript into a web page. Lab Exercise 2 Find the HTML element (with id="demo"), and changes the element content (innerHTML) to the current date and time value: Lab Exercise 3 Find the HTML element (with id="demo"), and changes the element content (innerHTML) to "Hello JavaScript": Lab Exercise 4 Design one HTML page with that will print the sum and product of two integer numbers with the help of javascript variables. Lab Exercise 5 Program to demonstrate the use of javascript Alert box. Lab Exercise 6 Program to demonstrate the use of javascript Confirm box. Lab Exercise 7 Program to demonstrate the use of javascript Prompt box.
Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph. Write the CSS needed to give the section element: a background colour; make its height include the height of its children. Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to): float side-by-side; have a border that is 2px wide and coloured; have a calculated width that is 50% of the the width of their parent element and still sit side-by-side. Your final layout should look like the image below:
Using HTML , CSS, and Java Script create a dashboard. Include in the dashboard a side bar ( 3 horizontal dashes, located are the top left of the webpage) a logo image above the title of the webpage. (In the center across from the sidebar (3-horizontal dashes) Then in the title of the header make it display change depending on the the hour (e.g. Good morning, good afternoon, good evening, goodnight) with images on either side of the title depending on the title. Create 4 different quadrant (boxes) two at the top and another two at the bottom. Below the 4 quadrants include an image that fits the rest of the screen. Within the image make two buttons one to start writing and the other for instructions. Make a 4 pc space around each box. Then in the very bottom of the webpage include a footer with white text and black background. Make a setting (gear) at the top right of the screen to toggle between light or dark mode. Let the whole webpage change depending on the mode (Light mode:…
Please help me with this. I am not understanding what to do C- Create thumbnails of all proposed webpages and place them on one singlepaper/page. Connect all your thumbnails with arrows. All designs must haveat least one arrow pointing to them, and at least one arrow pointing fromthem. This is intended to illustrate how you will move around the website.The arrows must start from the EDGE of the ‘element’ that one clicks tonavigate from a given page and the arrows must end at the EDGE of thewebpage or sidebar or popup that opens as a result. Let me tell you some back story about what I am instructed to do. for a application I am creating (Document editor) So I have to illustrate a totoal of 3-10 webpages using wireframes that should be Lo-Fi (no colour, and as concise as possible). Noting that I might have popup boxes, or dropdown menus/sidebars. You should draw these as their own small boxes/rectangles/etc. Do not drawn any images top of your webpage designs as this will clutter…
HTML/CSS Given the following HTML and the accompanying css, and the illustrated output for the section element A section element is another way of creating an outer div element. IN this case there is the div section , containing first a paragraph ,the margin below that in grey, then followed by the blue div- the outer flex container. The blue div has three divs inside it ( red, green and blue) If the margin below the paragraph is changed to 75px , the outer flex container height is changed to 400px, the 750px height is removed from the section element, what is the total height of the section element - do not include the thickness of the borders <html> <head> <meta charset="utf-8"></head><link rel="stylesheet" type="text/css" href="square12_with_pg.css"> <title>Squarespace layout</title> <body> <nav></nav> <header></header> <section> <!-- main…
HTML One way of centering a div element with class name "inner" inside of another larger div element with class name "outer" with having inner being 200 X 200 pixels and outer being 400 X 400 pixels would be: (Assume that they are nested in the html file page and NOT decoupled and self-contained) Both div elements have borders a. .inner{ margin-top:200px; margin-left:200px; } b. div { margin-top:100px; margin-left:100px; } c. .inner{ margin-top:100px; margin-left:100px; } d. .inner{ margin-left: 100px; } Given the following html, what would be the correct css to make the ul element red text <html> <head> <link rel=…
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…
Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…