Mobile Web Project

Notes on creating a mobile website:

This is a step-by-step guide to creating a mobile web project.

  1. Create a web project folder in your Documents folder.
  2. In Notepad ++, create a new file and save it as "index.html" in your web project folder.
  3. In Notepad ++, create a new file and save it as "styles.css" in your web project folder.
  4. In Notepad ++, in your index.html file, create basic tags for skeleton of a web page (see chart at front of classroom).
  5. In the head tag, write the following code inside the opening and closing head tags:
    6. Link tag
  6. In the head tag, write the following code inside the opening and closing head tags:
    7. Code for Viewport
  7. In between the opening and closing body tags, create an h1 header for your title. Create h2 headers as needed for subtopics.
  8. Create paragraphs using the opening and closing p tags. Write in your own words. /li>
  9. In your web project folder, create a subfolder called "images". All your images will be placed here.
  10. Use the img tag to insert images in the places you think best for your design. An example of an image tag is below:
    11. A written description of your image

These are the first ten steps of your project.