design images for web pages integrate images into web pages

Purpose

Design a logo for your restaurant website. Use an image editor to create and design a unique logo graphic that will be applied to all pages of the restaurant website. Save your logo graphic and upload into an images folder. Add your logo graphic to all existing pages using the <img> tag.

Assignment Instructions

You will use GIMP to complete this Assignment. Please do not purchase any software to complete this Assignment. Follow the instructions below to create your logo and add it to your template.html, index.html, and aboutus.html pages.

Part 1: Create your logo

  1. Open the folder on your computer that holds your template page, home page, and About Us page.
  2. Right click inside the folder and select New > Folder. Name the folder images.
  3. Open your image editor (GIMP) to create a new file. You should download GIMP (free download) and use GIMP for this Assignment. You are NOT expected to purchase any software for this course.
  4. Using the tools within GIMP, create a simple logo for your restaurant website. Logos can be created using simple shapes, text (such as initials), and even keyboard characters. Follow the specifications:
    • Logo width is no less than 100 pixels and no more than 200 pixels.
    • Logo height is no less than 100 pixels and no more than 200 pixels.
    • Logo consists of shapes, drawings, text, and/or filters. (No photos or clipart should be used).
    • Logo is the work of the student, not a purchased or Open Source graphic.
    • Logo should consist of at least two (2) colors.
  5. Logo should be saved as a logo.gif or logo.jpg.
  6. Logo is saved inside the new images folder created in Step 2 above.

Hint: Search online for sample logos that might inspire you. Be mindful of keeping your content original.

Part 3: Add your logo and image(s) to your pages

  1. Open template.html to edit in Notepad.
  2. Place your cursor after <header> and before <h1>.
  3. Type the image tag to place the logo in the header of the document.
  4. The file path needs to include the images folder and file name.
  5. The image tag needs to include a description of the image inside the alt attribute.
  6. The actual width and height of the image should be coded using the width and height attributes. Replace “xxx” with the actual values in the example.
    • <img src=”images/filename.jpg” alt=”Description of image” width=”xxx” height=”xxx”>
  7. Save template.html and close.
  8. Open index.html and aboutus.html. Repeat steps 1 – 6 above to add the logo to both pages.
  9. Log in to the Web server. Click the IT117 folder to open it.
  10. Upload the revised index.html and aboutus.html pages to the server.
  11. Click the New Folder button in the upper toolbar. Name the new folder images.
  12. Click the new images folder to open it and select the Upload button. Browse to select your logo from your computer. Upload.

*DO YOU STILL HAVE THE WEB SERVER ADDRESS AND PREVIOUS ASSIGNMENT INFO TO HELP YOU WITH THIS ONE?

Looking for solution of this Assignment?

WHY CHOOSE US?

We deliver quality original papers

 Our experts write quality original papers using academic databases.We dont use AI in our work. We refund your money if AI is detected  

Free revisions

 We offer our clients multiple free revisions just to ensure you get what you want.

Discounted prices

 All our prices are discounted which makes it affordable to you. Use code FIRST15 to get your discount

100% originality

 We deliver papers that are written from scratch to deliver 100% originality. Our papers are free from plagiarism and NO similarity.We have ZERO TOLERANCE TO USE OF AI

On-time delivery

 We will deliver your paper on time even on short notice or  short deadline, overnight essay or even an urgent essay
 
/by