create a Web site

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Website project. Please write in html, I am using NetBeans for this class. Write an HTML webite that consists of 4 webpages, must have at least 4 images of at least 2 different formats (JPEG, PNG, etc.). Please incllude .html and .css files

Objectives:
You are to create a Web site consisting of a minimum of 4 Web pages about a topic of interest to you, to show that
you understand and can apply the topics and techniques learned in class:
• Understanding HTML and CSS styles
• Using good design practices
• Management of your space on the CS server
• Using communication protocols, including Telnet and FTP
File Locations:
The "opening" page – the main page - must be called index.html. The other pages should have descriptive names
that you assign. All pages will be inside a new folder that you create, called cis130project which should be in your
public_html folder. That folder will have two subfolders – "stylesheets" for your css file, and "images" for your
pictures/graphics files. All content must be hosted on the CS server.
Assignment Details:
1. HTML – You must:
a. Include all the required tags – html, head, title, body, and correct DOCTYPE
• The head area on each page must include the page title – no "Untitled" documents!
b. Have 5 meta tags in the head correctly formed and completely filled in (including the one dealing with the
"viewport").
c. Connect all pages of your final project, including a hyperlink back to your home page and all other pages from
each page
d. Throughout the final project you must include at least four (4) absolute hyperlinks to sites outside your own.
You can decide how you want to organize them - two on one and two on another, all four on the same page,
or any other combination.
e. At least one page must contain either a table or a list (ordered, unordered, or description)
f. Have an email link to yourself on (at least) the opening, home page of your final project. If you use an "About
Me/Us" page, an email link should be included there, also
2. File Management:
a. The first page of your site must be called index.html
b. All HTML pages should be stored directly inside
your cis130project directory, which needs to be
inside of public_html.
• All page-to-page paths must reflect correct
relative locations
JUI VILOS
MyProject
Source
our lab files are in here
Site Root
1
cis 130
This is your final project
2
cis 130project
O mages
3
c. All css files must be stored in the stylesheets
subdirectory
d. All images must be stored in the images
subdirectory
e. If you put any multimedia – audio or video – into
your site, and you have the files themselves, you
need to use another folder/directory and put the files
in this folder. If you do not have this media folder,
create it and call the folder/directory media (to
distinguish it from the images and textfiles
folders/directories)
4
image1.jpg
5
image2.png
6
image3.jpg
7
image4.png
stylesheets
- mystyles.css
8
10
index.html
11
page2.html
page3.html
Transcribed Image Text:Objectives: You are to create a Web site consisting of a minimum of 4 Web pages about a topic of interest to you, to show that you understand and can apply the topics and techniques learned in class: • Understanding HTML and CSS styles • Using good design practices • Management of your space on the CS server • Using communication protocols, including Telnet and FTP File Locations: The "opening" page – the main page - must be called index.html. The other pages should have descriptive names that you assign. All pages will be inside a new folder that you create, called cis130project which should be in your public_html folder. That folder will have two subfolders – "stylesheets" for your css file, and "images" for your pictures/graphics files. All content must be hosted on the CS server. Assignment Details: 1. HTML – You must: a. Include all the required tags – html, head, title, body, and correct DOCTYPE • The head area on each page must include the page title – no "Untitled" documents! b. Have 5 meta tags in the head correctly formed and completely filled in (including the one dealing with the "viewport"). c. Connect all pages of your final project, including a hyperlink back to your home page and all other pages from each page d. Throughout the final project you must include at least four (4) absolute hyperlinks to sites outside your own. You can decide how you want to organize them - two on one and two on another, all four on the same page, or any other combination. e. At least one page must contain either a table or a list (ordered, unordered, or description) f. Have an email link to yourself on (at least) the opening, home page of your final project. If you use an "About Me/Us" page, an email link should be included there, also 2. File Management: a. The first page of your site must be called index.html b. All HTML pages should be stored directly inside your cis130project directory, which needs to be inside of public_html. • All page-to-page paths must reflect correct relative locations JUI VILOS MyProject Source our lab files are in here Site Root 1 cis 130 This is your final project 2 cis 130project O mages 3 c. All css files must be stored in the stylesheets subdirectory d. All images must be stored in the images subdirectory e. If you put any multimedia – audio or video – into your site, and you have the files themselves, you need to use another folder/directory and put the files in this folder. If you do not have this media folder, create it and call the folder/directory media (to distinguish it from the images and textfiles folders/directories) 4 image1.jpg 5 image2.png 6 image3.jpg 7 image4.png stylesheets - mystyles.css 8 10 index.html 11 page2.html page3.html
3. Images:
a. Use at least four (4) image/graphic files, of at least 2 different formats (GIF, JPG/JPEG, PNG).
Note: You can use images that you create, that you scan in, from your digital camera or phone, downloaded
from the Web (check copyright), and so on.
b. If your image came from another website, cite it in the
c. One image/graphic must be a link to another page or site - this can be one of your four; the others can just be
block or inline images
d. All image tags must use the relative path to the images directory and have all the attributes set, including src,
height, width, and alt (alternate text) for each image except when using a small, repeating background
image or favicon.
e. If you obtained the image from another website, the website should be listed directly below the image, in
small text.
4. Content
a. It must have good, valuable content, not be just a shell. You decide what it should say. You have chosen
something that is of interest to you - a hobby, a sport, a cause, your business, your family, or something
similar - for your Website topic/theme so you do have something to write about.
b. Think about your audience and who you want to come to your site. The overall tone should be professional.
It must be well done and correctly written (grammar, syntax, punctuation, spelling, and so on). The
information you present on your site should be interesting and useful to others (your viewers). Think about
this: Does your site have meaningful, useful and accurate content and information? Would YOU use
your own site as a resource/reference??
c. The style for the tags/elements used must be defined with CSS, be placed in a separate CSS file as done in
class and homework, and correctly referenced/linked in the head area of your HTML document. Use the CSS
link example in Blackboard as a guide.
d. DO NOT copy text content from another site. That would be cheating and plagiarism!
5. Design
a. Use one css file for the entire site.
b. Your site must use Responsive Web Design, including fluid layout, media queries, and scalable images, as
taught in Murach chapter 8.
c. On a full-size screen, your site should be designed to show some content elements side by side
d. Build a Web-safe color scheme, use uniform/consistent fonts, and make pages visually appealing. Can use
the default white background and black text, but this must be specified in the CSS for the body.
e. Have consistent design and elements throughout your pages. A user should be able to tell if s/he is still at the
same site when they go to the other pages of your Website.
f. In the footer section of your home page, display a "last updated" date. Include a "copyright" indicator with
your name in it on this index.html page, as well. Also, include a clickable email link This information could
optionally be placed at the bottom of each page of your Website.
Due Date and Limitations:
The project must be complete, published and viewable on on the Web by: end-of-day on Monday Dec 14.
All code must have been created by you. Don't copy and paste HTML code from somewhere else!
Your pages must be functional in multiple browsers, minimally Firefox, Chrome, and Safari, as well as display
correctly on both client platforms: PCWindows and Mac. Test them out before submitting your final project.
You can add features with approval but do not include extra HTML_without checking to see if it is all right to do
Transcribed Image Text:3. Images: a. Use at least four (4) image/graphic files, of at least 2 different formats (GIF, JPG/JPEG, PNG). Note: You can use images that you create, that you scan in, from your digital camera or phone, downloaded from the Web (check copyright), and so on. b. If your image came from another website, cite it in the c. One image/graphic must be a link to another page or site - this can be one of your four; the others can just be block or inline images d. All image tags must use the relative path to the images directory and have all the attributes set, including src, height, width, and alt (alternate text) for each image except when using a small, repeating background image or favicon. e. If you obtained the image from another website, the website should be listed directly below the image, in small text. 4. Content a. It must have good, valuable content, not be just a shell. You decide what it should say. You have chosen something that is of interest to you - a hobby, a sport, a cause, your business, your family, or something similar - for your Website topic/theme so you do have something to write about. b. Think about your audience and who you want to come to your site. The overall tone should be professional. It must be well done and correctly written (grammar, syntax, punctuation, spelling, and so on). The information you present on your site should be interesting and useful to others (your viewers). Think about this: Does your site have meaningful, useful and accurate content and information? Would YOU use your own site as a resource/reference?? c. The style for the tags/elements used must be defined with CSS, be placed in a separate CSS file as done in class and homework, and correctly referenced/linked in the head area of your HTML document. Use the CSS link example in Blackboard as a guide. d. DO NOT copy text content from another site. That would be cheating and plagiarism! 5. Design a. Use one css file for the entire site. b. Your site must use Responsive Web Design, including fluid layout, media queries, and scalable images, as taught in Murach chapter 8. c. On a full-size screen, your site should be designed to show some content elements side by side d. Build a Web-safe color scheme, use uniform/consistent fonts, and make pages visually appealing. Can use the default white background and black text, but this must be specified in the CSS for the body. e. Have consistent design and elements throughout your pages. A user should be able to tell if s/he is still at the same site when they go to the other pages of your Website. f. In the footer section of your home page, display a "last updated" date. Include a "copyright" indicator with your name in it on this index.html page, as well. Also, include a clickable email link This information could optionally be placed at the bottom of each page of your Website. Due Date and Limitations: The project must be complete, published and viewable on on the Web by: end-of-day on Monday Dec 14. All code must have been created by you. Don't copy and paste HTML code from somewhere else! Your pages must be functional in multiple browsers, minimally Firefox, Chrome, and Safari, as well as display correctly on both client platforms: PCWindows and Mac. Test them out before submitting your final project. You can add features with approval but do not include extra HTML_without checking to see if it is all right to do
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 3 images

Blurred answer
Knowledge Booster
Image Element
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
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
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)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education