Database System Concepts
7th Edition
ISBN: 9780078022159
Author: Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher: McGraw-Hill Education
expand_more
expand_more
format_list_bulleted
Related questions
Question
Web Development:
You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework.
Framework
Use a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc.
Fonts
Your fonts must be one of the following sets.
- Baloo with Montserrat
- Amaranth with Open Sans
- Palanquin with Roboto
- Sansita with Open Sans
- Playfair Display and Fauna One
Type Scale
Augmented Fourth
Colour Scheme options
Choose one of the following options
- https://coolors.co/palette/ff9f1c-ffbf69-ffffff-cbf3f0-2ec4b6
- https://coolors.co/palette/555b6e-89b0ae-bee3db-faf9f9-ffd6ba
- https://coolors.co/palette/ff6700-ebebeb-c0c0c0-3a6ea5-004e98
- https://coolors.co/palette/6b9080-a4c3b2-cce3de-eaf4f4-f6fff8
Digital Asset
- Must include at least two (2) video assets
- Must include at least six (6) image assets ( at least one must be *.webp. )
- No less than three javascript elements such as on demand header, show hide div etc.
Site Structure
Your folder structure must be the following
/img (for all images)
/js (for all script files)
/css (for all css files)
/media for any media files. Where possible use a CDN.
Methodology
- If you use a preprocessor you must submit any other folders.
- Your website must be responsive.
- Use demo text to populate the pages with text. You can use the www.lipsum.com site to generate text.
- You must use semantic HTML5 structure and validate your website here https://validator.w3.org/.
- You are allowed to use any number or type of menu structure that you wish, but you must have at least one navigational menu for your site. Note that each page must be linkable across the site.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by stepSolved in 4 steps
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
- How to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse…arrow_forwardThe Document Object Model methods cannot be used to affect CSS style properties. a. T b. Farrow_forwardTitle: Transformers Beast Characters Webpage Creation Objective: The objective of this activity is to develop a web page dedicated to Transformer beast characters using HTML, CSS, and Flexbox layout. The activity aims to reinforce the understanding and practical implementation of various web development concepts, including flexbox, navigation, hover effects, flex-direction, nth-child, tables, transitions, and image display. Step 1: Set Up the Project Open your preferred text editor. Create a new folder for the activity and name it "TransformersBeastCharacters." Inside the project folder, create the following files: html (main page) html (character information page) html (image gallery page) css (CSS file) Step 2: Create the Basic Structure Open the index.html file in your text editor. Set up the basic structure of an HTML document by adding the HTML, head, and body tags. Inside the head tag, add a title for the…arrow_forward
- R language 10. _________ is a JavaScript charting library and feature-rich API set that lets you build interactive Flash or HTML5 charts. a) InstantAtlas b) Alterian c) ZingChart d) paleoTSarrow_forwardComplete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.arrow_forwardPlease help me with this html, css and JavaScript code. 1. Create a grammar and spelling checker using an API. The checker underlines the misspelled words and gives the user the correct word to use via a small box next to the misspelled word 2. Create a paraphrase using an API that paraphrases a user sentence. Just one sentence at a timearrow_forward
- LANDING PAGE A landing page is one of the best web development projects for beginners. This project demands a foundational understanding of HTML and CSS. You will learn how to add columns, divide sections, arrange items, add headers, footers. Most importantly, you will use your creativity to make the page look impressive. The alignments, the padding, the color palette, boxes and all the other elements on the page require attention. Use CSS carefully to make sure the elements on the page do not overlap. please Don't Copy from internetarrow_forwardjavascript programmingarrow_forwardFind a popular CSS library on the web. In a short paragraph, explain how you would import this CSS library into your project and use it. Include the link to the library.arrow_forward
- What statement best describes percentage values in CSS? It's the fraction of the value that came before it. It's the smallest controllable element on the screen. It's always the width of an indent. It's a value that is relative to the width of its HTML element or to the page.arrow_forwardHow do you build a colored cube using WebGL? I know you have to set up a canvas in HTML and use JavaScript for rendering the interactive 3D and 2D graphics but I cannot understand how to do this. I have attached an image to demonstrate what I am wanting to create. Any help is appreciated. Thank youarrow_forwardTitle: Transformers Beast Characters Webpage Creation Objective: The objective of this activity is to develop a web page dedicated to Transformer beast characters using HTML, CSS, and Flexbox layout. The activity aims to reinforce the understanding and practical implementation of various web development concepts, including flexbox, navigation, hover effects, flex-direction, nth-child, tables, transitions, and image display. Step 1: Set Up the Project Open your preferred text editor. Create a new folder for the activity and name it "TransformersBeastCharacters." Inside the project folder, create the following files: html (main page) html (character information page) html (image gallery page) css (CSS file) Step 2: Create the Basic Structure Open the index.html file in your text editor. Set up the basic structure of an HTML document by adding the HTML, head, and body tags. Inside the head tag, add a title for the…arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education