2173 Salk Avenue, Suite 250 Carlsbad, CA

+ (516) 373-0809

What challenges did you face in selecting a hero image for the background of your site?

June 29, 2021
Christopher R. Teeple

Please see website proposal and code attached, please not this web page should be a minimum of 10 pages and includes a reflection word document. Please ensure to use – https://validator.w3.org/ CSS3 validator – https://jigsaw.w3.org/css-validator/ to validate the site.Note: You may NOT create web pages for this class using HTML authoring programs, such as Dreamweaver, SharePoint Designer, InDesign, etc. You should also stay away from page or code generators or pre-made templates. This is your opportunity to start from scratch.You will design and build the website you identified and explained in Project 2: Website Proposal/Plan.HTML PagesYour completed website must contain a minimum of 10 pages, properly hand-coded by you, meeting the specific requirements listed in the grading rubric.
Include a hero image in the design of the final project. (Hint: this can be on the main page (index.html) or in the overall design of the site)
Generate a privacy policy using a free privacy policy generator (https://termly.io/products/privacy-policy-generator/) must include information on collection of personally identified information (PII), usage of information, cookie policy and third party information usage.(Hint: this must be in the format as the website; this counts as one of the ten pages)Link privacy policy in footer of website not in main navigation.
Navigation must be between 4-7 main level links only; should remain the same links from page to page.
Each html page must contain at least 25 relevant words in the content; no placeholder text, under construction, coming soon, to be determined/announced.
Project must have an overall title; each page should have its own title that matches main navigation. [Hint: Services link in main navigation should link to a page titled Services].
CSSMust contain and implement a minimum of 15 styles including styles for all html semantic tags used.
Use good heading hierarchy with one h1 tag on each page; and other h2-h6 tags for lesser importance.
Utilize at least 4 relevant icons from font awesome (https://fontawesome.com/) in the design of the final project.
Implement a basic CSS transition feature relevant to the website content.
AccessibilityUse a color contrast analyzer to make sure foreground/background colors and font size meet a minimum ratio of 4.5:1 on all pages
All images must include relevant alternate text for accessibility [Hint: a logo should not be alt=”logo”]
ImagesMust include images that are optimized for the web
Images must be stored locally and not linked from a third party site.
At least two images must be linked to either a webpage, file or another image.
At least two images must not be linked in the project
FormCreate an accessible form with two required fields
Include the following input fields and labels: text, text area, select list, check boxes, radio buttons, and submit button
Form action must be to a mailto link not php function.
Include fieldset, legend, labels and tab indexes in the form development
Include input field placeholder text to provide user hints for form input.
JavaScriptAdd a date/time script in the footer of all pages that displays the current date/time (Hint: do not use a clickable button to display time/date).
Implement JavaScript form validation on the form page
Search Engine OptimizationEach page must include a title tag that includes business title and corresponding page title only
Implement the following meta tags: keywords, description, copyright, author and robots on each page
Generate an XML sitemap (https://xsitemap.com/) to include in Project Reflection
Insert a search function using one of the following: https://duckduckgo.com/search_box, https://developers.google.com/custom-search/docs/tutorial/creatingcse, or https://www.freefind.com/
Create and include a relevant legible favicon (https://favicon.io/) (Hint: this must display in the browser tab, not on the webpage itself)
Additional InstructionsLink Project 4 to the index.html page in the www folder
Upload project folder and all pages/files to the NOVA server
Apply appropriate file/folder permissions for each
Validate HTML and CSS. Include the results in the Project Reflection (not on the web site). (HTML5 validator – https://validator.w3.org/ CSS3 validator – https://jigsaw.w3.org/css-validator/
Project Reflection (MS Word document or paste the information in the textbox of the Assignment folder on submission)Include HTML validation screenshots for all ten html pages and CSS validation screenshot for the CSS file.
Include XML sitemap generated by sitemap generator
Respond to the following:Developing a favicon that is relevant can be challenging, what did you choose to use for a favicon and why?
One of the fun features of CSS3 is the ability to create movement that attracts the user’s attention, how did you decide on the transition feature for this project? Do you feel it attracts the user or creates a distraction?
What challenges did you face in selecting a hero image for the background of your site? What steps did you take to mitigate these challenges?
If you did not face any challenges or issues in completing the project, what do you think are some issues or challenges someone new to creating web pages might face completing a project like this?Note: Your reflection must be a total of at least 250 words.
Submit the URL to the project and make a zipped file maintaining the proper folder hierarchy of all of the project (all submissions require an upload) to the correct assignment folder.
Ready to upload? Check your work online after uploading the assignment to ensure the assignment link works! If you cannot see the assignment when clicking on the link you supplied, neither can I and I won’t be able to grade it.Once you have completed the exercise you must submit the URL to the Assignment Folder. Your submission must include the full URL of the assignment (i.e. http://nova.umuc.edu/~ct386a00/final/index.html) and the LESS or SASS preprocessor files used. Make sure it is working as intended including all links and images displaying. This is a best practice part of website testing.If any of the above materials are missing from your submission, your assignment will be considered incomplete and will result in point deductions. Please view your work on the web prior to submitting. SAMPLE ASSIGNMENTTo view a sample project, click here Sample Project 4.Sample project may not reflect all requirements of the current project.
Requirements: 10 pages

Struggling With a Similar Paper? Get Reliable Help Now.

Delivered on time. Plagiarism-free. Good Grades.

What is this?

It’s a homework service designed by a team of 23 writers based in Carlsbad, CA with one specific goal – to help students just like you complete their assignments on time and get good grades!

Why do you do it?

Because getting a degree is hard these days! With many students being forced to juggle between demanding careers, family life and a rigorous academic schedule. Having a helping hand from time to time goes a long way in making sure you get to the finish line with your sanity intact!

How does it work?

You have an assignment you need help with. Instead of struggling on this alone, you give us your assignment instructions, we select a team of 2 writers to work on your paper, after it’s done we send it to you via email.

What kind of writer will work on my paper?

Our support team will assign your paper to a team of 2 writers with a background in your degree – For example, if you have a nursing paper we will select a team with a nursing background. The main writer will handle the research and writing part while the second writer will proof the paper for grammar, formatting & referencing mistakes if any.

Our team is comprised of native English speakers working exclusively from the United States. 

Will the paper be original?

Yes! It will be just as if you wrote the paper yourself! Completely original, written from your scratch following your specific instructions.

Is it free?

No, it’s a paid service. You pay for someone to work on your assignment for you.

Is it legit? Can I trust you?

Completely legit, backed by an iron-clad money back guarantee. We’ve been doing this since 2007 – helping students like you get through college.

Will you deliver it on time?

Absolutely! We understand you have a really tight deadline and you need this delivered a few hours before your deadline so you can look at it before turning it in.

Can you get me a good grade? It’s my final project and I need a good grade.

Yes! We only pick projects where we are sure we’ll deliver good grades.

What do you need to get started on my paper?

* The full assignment instructions as they appear on your school account.

* If a Grading Rubric is present, make sure to attach it.

* Include any special announcements or emails you might have gotten from your Professor pertaining to this assignment.

* Any templates or additional files required to complete the assignment.

How do I place an order?

You can do so through our custom order page here or you can talk to our live chat team and they’ll guide you on how to do this.

How will I receive my paper?

We will send it to your email. Please make sure to provide us with your best email – we’ll be using this to communicate to you throughout the whole process.

Getting Your Paper Today is as Simple as ABC

No more missed deadlines! No more late points deductions!

}

You give us your assignments instructions via email or through our order page.

Our support team selects a qualified writing team of 2 writers for you.

l

In under 5 minutes after you place your order, research & writing begins.

Complete paper is delivered to your email before your deadline is up.

Want A Good Grade?

Get a professional writer who has worked on a similar assignment to do this paper for you