Description
Create an “online survey” with the same elements shown in the example webpage at the end of this document.Use Notepad or text edit .
HTML/CSS Requirements
embedded CSS is required–only use inline styling where necessary
background and foreground/text colors should complementary and professional (background color should not be white)
h1 and h2 heading element text should be centered
choose an image to represent your product theme (i.e., your company logo) and make it appear to the right of the text in the DIV element (see “Document Text” section below); you may need to resize your image to make sure that it occupies 25% – 30% of the page width
the DIV element (see “Document Text” section below) should have a width of approximately 70% of the page width
form elements should be aligned by putting them into a table (see example web page)
list item text should have appropriate font and size settings
horizontal rules should be inserted as shown in the example webpage
single group of radio buttons should be used for the age selections
select (dropdown) elements should be used for the rating selections
Submit button does not have to submit the form data, but it does need to perform the following validation:
– all fields required except phone number which is optional
– phone number format enforced (###-###-####)
– email address format enforced
Unformatted Attachment Preview
INSY 4315
Assignment #1
Create an “online survey” with the same elements shown in the example webpage at the end of this document.
Getting Started
Use notepad or text edit.
HTML/CSS Requirements
• embedded CSS is required–only use inline styling where necessary
• background and foreground/text colors should complementary and professional (background color should
not be white)
• h1 and h2 heading element text should be centered
• choose an image to represent your product theme (i.e., your company logo) and make it appear to the right
of the text in the DIV element (see “Document Text” section below); you may need to resize your image to
make sure that it occupies 25% – 30% of the page width
• the DIV element (see “Document Text” section below) should have a width of approximately 70% of the
page width
• form elements should be aligned by putting them into a table (see example web page)
• list item text should have appropriate font and size settings
• horizontal rules should be inserted as shown in the example webpage
• single group of radio buttons should be used for the age selections
• select (dropdown) elements should be used for the rating selections
• Submit button does not have to submit the form data, but it does need to perform the following validation:
– all fields required except phone number
– phone number format enforced (###-###-####)
– email address format enforced
• Reset button should clear all form elements, including survey responses
Note: Although you’re required to have the same types and placement of elements as shown in the example below,
you’re expected to choose your own company/product theme, colors, font styles, sizing, image, etc.
Use the Following Document Text
You may copy these blocks of text into your document where applicable, but be sure you change the
company/product information to match your own. Also, make sure you have created the style settings as listed above
and as shown in the example webpage.
• h1
Thank you for choosing Sunrise Coffee Creations
•
Div
You have been randomly selected to participate in our Customer Satisfaction Survey. Please tell us
a little bit about yourself by filling in the requested information at the top of the survey, then
respond to the survey opinion statements based on your experiences with Sunrise Coffee Creations.
To show our appreciation, we will send you a $5 Sunrise Coffee Creations eGift Certificate via email.
•
h2
Please respond to the opinion statements using the following scale:
•
Unordered list items with no markers (numbers shown are content text, not markers)
1 = Strongly Agree
2 = Somewhat Agree
3 = Neither Agree nor Disagree
4 = Somewhat Disagree
5 = Strongly Disagree
•
unordered list items with circle markers
o Sunrise Coffee Creations products are always fresh.
o Sunrise Coffee Creations products have an appealing aroma.
o Sunrise Coffee Creations products are reasonably priced.
o Sunrise Coffee Creations products are of the highest quality.
o
Overall, I am very satisfied with Sunrise Coffee Creations products.
Validate Your Web Page
Validate your web page at http://validator.w3.org using the “Validate by File Upload” option. If errors are detected,
fix them and revalidate. If your file does not validate with no errors, an automatic 5-point deduction will be taken.
Note: all tags should be lower case for proper validation.
Example Web Page
NOTE
Please use these document text and picture. Try to make the code as simple as possible and make all style choice
inside
•
h1
•
Div
Thank you so much for shopping with for choosing Himalayan Tea Group.
We have randomly selected you to participate in our Customer Satisfaction Survey. Kindly provide
us with some basic information about yourself by filling in the blanks at the top of the survey, then
respond to the survey opinion statements regarding your experiences with Himalayan Tea Group.
To show our gratitude for your time, we will send you a $6 Himalayan Tea Group eGift
Certificate via e-mail.
•
h2
Please respond to the opinion statements using the following scale:
•
Unordered list items with no markers (numbers shown are content text, not markers)
1 = Strongly Agree
2 = Somewhat Agree
3 = Neither Agree nor Disagree
4 = Somewhat Disagree
5 = Strongly Disagree
•
unordered list items with circle markers
o Himalayan Tea Group products have been beneficial to my health.
o Himalayan Tea Group products have an appealing taste and aroma.
o Himalayan Tea Group products are reasonably priced.
o Himalayan Tea Group products are of the highest quality.
o Overall, I am very satisfied with Himalayan Tea Group products
Purchase answer to see full
attachment
