USING SUBLIME COMPLETE THE FOLLOWING PROJECT TASKS TO CREATE 1 BIG WEBSITE:

TASK 1:

TASK 2:

TASK 3:

REQUIREMENTS OF THE WHOLE PROJECT IN TASK 4:

PLEASE HIGHLIGHT ALL THE CHANGES THAT I SHOULD MAKE

TAKE YOUR TIME & THANK YOU IN ADVANCE :)

HTML In this assignment, you will create a one-page website about yourself. The focus at this stage of the development process is on describing web page content with HTML. Project Setup Create a new directory (folder) on your computer called "me". Place HTML and image files associated with your new website inside of this directory. The home page of your website should be named "index.html". Other pages can be named as you like, but should reflect the content of the page. Remember that all file and directory names should be limited to letters, numbers, and dashes and be lowercase, with no spaces. Your Website one HTML web page-about you-form the heart of the current assignment. Any combination of your background, interests, or experiences will do as long as it is autobiographical. You are to write this page using a plain text editor Sublime Text. The focus of this assignment is on describing web page content with HTML; refrain from styling the page until the next assignment, css. Here is a list of required elements you should include in this page. There should be semantic text elements on each page, including but not limited to paragraph (

) and heading (

,

, etc.) text. The pages should link to each other with "relative" URLs. Each page should also include at least one "absolute" URL linking to an external website. You should include at least one image (JPG, PNG, GIF, or SVG) on each page. (We've not covered image editing yet but feel free to use images from your camera or smartphone as well as images downloaded from the Web.) All ing elements should include src, width, height, and alt attributes with appropriate values. You should include an HTML list somewhere on your page; this can be an ordered, unordered, or description list. Grading This assignment is worth 5 points. Website should be in its own subdirectory called "me" and the home page should be an index.html" file. (1 point) The page should include semantic text elements, including both paragraph and heading text. (1 point) Page should link to each other with relative URLs; the page should also include an absolute URL linking to an external website; and the assignments directory should link to the home page of the "me" website. (1 points) The page should include at least one image in JPG, PNG, GIF, or SVG format; all image elements should include src, width, height, and alt attributes with appropriate values. (1 point) At least one of the new pages should include an ordered, unordered, or description list (1 point) HTML Table Assignment Assignment Create a web page to demonstrate the use of table tags. 1. Create a folder in your portfolio folder titled table favorites. Create a folder inside this folder titled images. You should start with the basic code for our html web pages. Be sure to change the title to read My Favorites. Save this file in the table favorites folder as index.htm 2. Change the background color of your page. 3. At the top of the page put a Heading in the largest style that reads Your Name Favorite... Below that put a horizontal rule that has size =5. The header and horizontal should match and color and needs to be changed from the default color. 4. Table one should have a heading above it labeled Movies. This should be a different color. The table should have 4 columns and 4 rows. The column headings should be bolded and read Title, Summary, and Rating. You will fill in the other rows with your three favorite movie titles, a brief summary, and the movie rating. The whole table should be a different color. The border should be set to "1" so we see the border. 5. Table two should have a heading above it labeled Food. This should be a different color. The table should have 4 columns and 4 rows. The column headings should be bolded and read Title Description, and Picture. You will fill in the other rows with your three favorite foods, a brief description, and a picture of the food (this picture should be saved in your images folder for this page you may need to adjust the size of the picture either in a graphic editor or once it is on the page). The text in this table should be a different color. The border should be set to something greater than one so it appears thicker that the other tables. 6- At the bottom of the page include Created by your name and December 2020 below it. You should use a line break to keep these lines close together. The HTML table itself should have the following: At least four rows and at least four columns. Appropriate use of tags to begin each row. Some table headers with tags and some table data with tags At least one use of COLSPAN and/or ROWSPAN to span more than one column and/or row. At least one use of ALIGN to change the default alignment in the cell. At least one use of WIDTH to change the default width of the table or a column in the table. be sure to specify which by using the BORDER attribute explicitly. Assignment: Create a web page to demonstrate the use of HTML forms. The "Contact Me" page itself should have the following: At least one use of Input Type Submit At least one use of input type radio At least one use of input type checkbox At least one use of input type button At least one use of input type date At least one use of input type file At least one use of the list attribute At least one use of the text area element Term Project Web site development You will create the finished site (from the first project of the semester), with a reasonably complex, "non-Word" layout. Create an assignment page using HTML and CSS. Make sure you include a title in the title bar, at least one image, your name (perhaps as a logo), and a navigation scheme for the assignments. . You also may include basic links to social media and other background information The links should include some sort of rollover effect. Your grade will be determined by: Presence of a title Correct HTML/CSS. Validates reasonably well. Links with rollovers Aesthetic choices: Legible text Non-clashing colors that ruin legibility. Reasonable used of space (including alignment of boxes, etc.) A clear focal point with one image. Creativity Appropriateness to purpose