Category: Website Development

Annual Report
FY [Year]
[Add a quote here from one of your company executives or use this space for a brief summary of the document content.]

Web Design
IT 404

Instructions:

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.
It is your responsibility to check and make sure that you have uploaded both the correct files.
Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
The work should be your own, copying from students or other resources will result in ZERO mark.
Use Times New Roman font for all your answers.

Name: Sameerah Hassan Ali

CRN: ###
ID: S200124732

3 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.
LO2: Recognize and evaluate a range of real-world web design approaches.

Question One
A number of new Application Programming Interfaces (APIs) are defined by HTML5 to facilitate software application communication with one another. Name and describe THREE different types of these APIs.
3 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Two Write an HTML file that creates the following webpage, and apply the correct CSS rules.
Important notes:
You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script.
Take a screenshot of your output web page and paste it as a part of your answer.

2 Marks

Learning Outcome(s):
LO1: Identify most HTML tags and CSS properties and use a text editor to construct the basic HTML and CSS structure for a webpage.

Question Three Read the following CSS rules and find any errors that are exist in the code.

·You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.
·It is your responsibility to check and make sure that you have uploaded both the correct files.
·Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).
·Email submission will not be accepted.
·You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
·You must use this template, failing which will result in zero mark.
·You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
·Late submission will result in ZERO mark.
·The work should be your own, copying from students or other resources will result in ZERO mark.
·Use Times New Roman font for all your answers.

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on
Blackboard via the allocated folder. These files must not be in compressed format.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between
words, hide characters, use different character sets, convert text into image or languages other than English
or any kind of manipulation).
• Email submission will not be accepted.
• You are advised to make your work clear and well-presented. This includes filling your information on the cover
page.
• You must use this template, failing which will result in zero mark.
• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by
the question.
• Late submission will result in ZERO mark.
• The work should be your own, copying from students or other resources will result in ZERO mark.
• Use Times New Roman font for all your answers.

For this assignment, you will be making a tic tac toe game you will use Javascript and manipulate and work with the DOM and events. – Matches the Figma designs that will be ATTACHED BELOW, MUST MATCH THIS, (color, size, lines, shapes, everything)
– Is responsive – looks good on mobile (375px) and desktop (1280px) screen sizes
– Clicking on a square updates the board.
– There are two aspects at play here.
1. The board needs to be updated visually when a user clicks on a square.
2. The game progress needs to be stored in JavaScript so we can know what moves have been made when someone wins the game, and whose turn it is.
– Play alternates between two players.
– Check after every move if someone has won the game. If there is a winner, alert the user and tell them whether it was player 1 or player 2.
– Clicking the “restart game” button should clear the board both visually and logically (in any global JavaScript variables you’ve set).
**Suggested approach:**
1. Code the HTML and CSS for the page.
2. Add event listeners to the board squares.
3. Create any global JavaScript variables you think you’ll need.
4. Create corresponding functions for the event listeners.
5. Create any helper functions for things like checking whether a user has won, etc.
Extra Credit On hover/mouseover, show a faded version of the move that will be made when the user clicks the square.

Here is a step-by-step guide for creating a website using Durable.co:
1) First, think about the type of business you want to create a website for. This can be anything you want, including a business idea you have but haven’t started yet. Have fun with it!
2) Go to a website like https://pinterest.com and search for “ website design”. Choose a look or mood that you like. Save that image to your local machine.
3) Go to https://www.canva.com/colors/color-palette-generator/ and upload the image you just saved. A color palette will be generated for you!
4) Go to https://durable.co/ and sign up for an account. Click on the “Generate Website” button.
5) Enter your website/business name, business type and other necessary details. Click on the “Create” button.
6) Durable will generate a website for you. It will be based on your business type and the answers you provided to the questions.
7) You can customize your website content/settings.. You can add a section, add text, images, videos, and other elements to your website. You can also view it in different Device sizes.

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.
It is your responsibility to check and make sure that you have uploaded both the correct files.
Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).
Email submission will not be accepted.
You are advised to make your work clear and well-presented. This includes filling your information on the cover page.
You must use this template, failing which will result in zero mark.
You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.
Late submission will result in ZERO mark.
The work should be your own, copying from students or other resources will result in ZERO mark.
Use Times New Roman font for all your answers. Question One
Explain the differences between programming on the client and server sides, and what languages are used for each? uestion Two
JavaScript, HTML, CSS, and other web design and production processes are all affected by the progressive enhancement. Explain what is the purpose of PE, and what strategies are involved?
uestion Three
Describe the different ways to specify a web page’s URL and when they should be used? Give an example for each of them. uestion Four
Important notes: You should copy and paste the “HTML script” to answer this question. DON’T take screenshots for your HTML script. It must be an editable script. Take a screenshot of your output web page and paste it as a part of your answer.

I’m working on a website development question and need the explanation and answer to help me learn.

I’m working on a website development question and need the explanation and answer to help me learn.

1. Download Tutorial 1 Grading Rubric into a directory in your computer or external drive that is called MIS 2312-01. You will need to follow the Grading Rubric for this Web Development Project that is called Curbside Thai Web Site Development.
2. Inside MIS 2312-01 directory, create a sub-directory and call it HTML01
3. Download html01.zip into the sub-directory, HTML01
4. Unzip html01.zip into the same HTML01 directory.
5. Open notepad++ editor. This is the only editor that is permitted for the course. Install only version 8.5 or higher (64-bit). It is a free download at http://notepad-plus-plus.org/Links to an external site.
6. Follow the step-by-step instructions in your main text book to build the Curbside Thai Web Site using the set of files provided to you in the “Tutorial” folder of the HTML01 sub-folder.
Testing the Web Application: When you have completed coding your application; test it with Google Chrome browser (instructor will use Google Chrome to test your application).
Submitting the Web Application on Canvas: Make sure to save and close all files. Package your application by selecting all the files in the HTML01.ZIP folder and create a .ZIP file (instructor will demonstrate an example in class on how to create a .ZIP file). Call the .ZIP file HTML01.ZIP; replace with your own last name. Submit HTML01.ZIP in Canvas for grading.

1. Download Tutorial 1 Grading Rubric into a directory in your computer or external drive that is called MIS 2312-01. You will need to follow the Grading Rubric for this Web Development Project that is called Curbside Thai Web Site Development.
2. Inside MIS 2312-01 directory, create a sub-directory and call it HTML01
3. Download html01.zip into the sub-directory, HTML01
4. Unzip html01.zip into the same HTML01 directory.
5. Open notepad++ editor. This is the only editor that is permitted for the course. Install only version 8.5 or higher (64-bit). It is a free download at http://notepad-plus-plus.org/Links to an external site.
6. Follow the step-by-step instructions in your main text book to build the Curbside Thai Web Site using the set of files provided to you in the “Tutorial” folder of the HTML01 sub-folder.
Testing the Web Application: When you have completed coding your application; test it with Google Chrome browser (instructor will use Google Chrome to test your application).
Submitting the Web Application on Canvas: Make sure to save and close all files. Package your application by selecting all the files in the HTML01.ZIP folder and create a .ZIP file (instructor will demonstrate an example in class on how to create a .ZIP file). Call the .ZIP file HTML01.ZIP; replace with your own last name. Submit HTML01.ZIP in Canvas for grading.