Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

create an HTML5 based webpage with the following elements: Welcome page Title should be your name + Professional Page Introductory professional paragraph with a short

create an HTML5 based webpage with the following elements:

  1. Welcome page
    1. Title should be your name + Professional Page
    2. Introductory professional paragraph with a short bio, hobbies, and other relevant information
    3. Provide a picture of yourself (or placeholder)
    4. Provide links to your linkedIn profile
    5. Provide links to four other pages:
      1. Resume
      2. Goals and Objectives
      3. Porfolio (add here organizations you are connected to, businesses, job places, ...)
      4. Interview page
  2. Resume Page - Provide a complete resume page formatted with HTML. In this page, also provide a link to a PDF copy of the same resume
  3. Goals and Objectives - Provide a list of your short term goals and long term goals. Reflect on how the university is helping (or any other organization) to achieve those goals
  4. Portfolio - Provide here a list of those organizations that have helped you get where you are. These can be places where you have worked, organizations that you support, or your hobbies.
  5. Interview Page - Provide a generic interview page with video clips that answer the following questions:
    1. What development tools have you used?
    2. What languages have you programmed in?
    3. What are your technical certifications?
    4. What do you do to maintain your technical certifications?
    5. How is your education helping you prepare for the job market?
    6. How would you rate your key competencies for this job?
    7. What are your IT strengths and weaknesses?
    8. Tell me about the most recent project you worked on. What were your responsibilities?
    9. What challenges do you think you might expect in this job if you were hired?
    10. How important is it to work directly with your business users?

Provide a navigation menu that links all the pages together.

mplement a CSS shared formatting with your student project #1. Instead of formatting each individual element in your HTML pages, create a shared CSS so the formatting is shared among all the pages in your portfolio. Your CSS should have the following elements

  1. Create ONE css file for this project. Use this external CSS file to format all pages in your website. You can use internal/inline for specific items if necessary BUT all items that pertain to all 5 pages should be done on the external CSS file.
  2. Fluid and mobile responsive page set up. As the screen size changes, the pages should react to the size and modify the structure of the page accordingly.
  3. Shared navigation formatting. Links in the navigation page should react to mouse over, click, visited.
  4. Images: At least two of the images used in the pages should be modified using CSS styles.
  5. Add a footer that is formatted with your name, email address, and last edited date to all the pages
  6. Navigation: Your navigation has to be formatted the same in all pages (same color, font, reactions, and placement)
  7. Background: Your pages should all share the same non intrusive background. The background should be a non repeating image.
  8. Your portfolio page should now contain examples of your CSS work with image modifications. Create examples of the following and add a label next to them:
    1. Text with special effect
    2. A picture that uses special effects
    3. An example of a linear gradient
    4. An animation
    5. A transition
    6. A transformation
  9. At the bottom of your HOME page OR in a sixth page, create a form element that would allow the user to submit comments about your work to you. Require a name, an address, and place a text area where the user can write his/her comments. Make sure you also add a submit button. Format the form using CSS.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

MySQL Crash Course A Hands On Introduction To Database Development

Authors: Rick Silva

1st Edition

1718503008, 978-1718503007

More Books

Students also viewed these Databases questions