You have reflected on what story you want to tell, considered who your audience is, spoke with a few members of that audience to test your assumptions, and have created rough designs for a few pages. Now that you have some knowledge of site structure, HTML, and CSS, you can begin to construct your site.
Within Visual Studio Code, do the following:
aboutfolder. Create a new file that will also be called index.html. Even though it has the same name as the one you just created, it is different because it is in the folder.
cssfolder. Create a new file called style.css.
bodytags, type in a short word or phrase.
Begin to fill in the content of both your main
index.html page and your "About Me" page in the
index.html file under the
about folder. You don't have enough knowledge yet to position things or to add images or media; however, you should have a grasp on the textual elements and what you want the underlying structure to be based on your wireframes. Use semantic and structural tags as well as
class attributes to markup elements of the page so that they will be ready for CSS. View the source for CSS Zen Garden for a behind-the-scenes look at how a well-structured and semantically-proper page is built.
Do the following:
footeras well as the non-semantic block tag
divto layout the structure of your two pages.
divblock that contains a brief textual description of what the image or media will be.
h1-h6tags correctly to denote paragraphs of text and headings.
spanproperly to highlight text, as warranted.
aelements to hyperlink between your main page and "about me" page. Add other
aelements as desired to link to external sites or to other pages within your site.
classattributes to distinguish elements that you later will style in CSS.
You do not need to turn anything in to Canvas or via email. As of the due date and time, your assignment will be considered submitted.
You will be graded on:
The assignment will begin with a full score of 100 points, and deductions will be made according to the amount and severity of errors.
emwould be more semantically correct