LESSON 8: Basic Web Page Creation

• HTML = Hypertext Markup Language.
• CSS = Cascading Style Sheets.
• What You See Is What You Get (WYSIWYG) = this means that whatever you type, insert, draw, place, rearrange, and everything you do on a page are what the audience will see. Shows and prints whatever you type on the screen.
• Jimdo = is a WYSIWYG web hosting service.
• Move Element Up = used to move the element up by one level.
• Move Element Down = used to move the element one level lower.
• Delete Element = used to remove the element.
• Copy Element = used to copy the element.
• Drag Tool = click and drag the element to a valid part of the page.
• EDITING ELEMENTS • Move Element Up • Move Element Down

  • Delete Element

  • Copy Element

  • Drag Tool
• Clicking on an element will show more options regarding on what visual element you clicked. Header = if it is a head, clicking the text will allow you to edit the text and change it’s font size.
• Clicking on an element will show more options regarding on what visual element you clicked.

  Image = if it is an image, several options would also appear. This will also allow you to upload an image directly from your computer. Click the image you want to edit and these options will appear.
• Image

  Edit Image – new feature of Jimdo that allows the user to modify an image by adding effects, enhancements. Frames, overlays and many more. It is an easy access tool so that the user does not have to edit images on a photo editor.
• Image

  Sizing Tools – used to make the image larger, smaller, or restore to actual size of the added image.
• Image

  Align Tools – used for left, right, and center alignment page.
• Image

  Rotate Tools - used to rotate image clockwise or counter- clockwise page.
• Image

  View Tools – used to enable enlarge image, link photo, and remove link. Tip: Enable Enlarge Image will show a small image on the page and will only be enlarged when a user clicks it. Link Photo allows you to insert an image from another website or image host like Photobucket.
• Image

  Other Tools – caption and alternative text; allow sharing to Pinterest. Tip: Alternative Text refers to the text that will be shown if the image does not load.
• Clicking on an element will show more options regarding on what visual element you clicked.

  Share Buttons – adds buttons for the site visitor to share your website;
• Share Buttons

  Additional Elements and Add-ons – include other options like Google Maps™, filed download, widgets and even add-ons like allowing your visitors to sign up for your newsletter, adding a must player, and adding Instagram to your website.
• Jimdo WYSIWYG Menu Dashboard - allows you to view the other websites you created with Jimdo and edit them.
• Jimdo WYSIWYG Menu Design - allows you to change your template, style, background, and even customize your template. Templates are ready-made websites; on the other hand, styles are the colors and fonts found on the page.
• Jimdo WYSIWYG Menu Store - This contains the orders made on your site if you placed items available for purchase. This also contains options regarding an e-business like providing your store address, adding payment options, adding shipping costs, setting terms and return policies, emails and text options, customizing the checkout form and the confirmation page. Feel free to experiment on the features. This may be useful on your entrepreneurship subject.
• Jimdo WYSIWYG Menu

  SEO (Search Engine Optimization) - enables people to easily find your site using search engines. Unfortunately, viewing the statistics of your page is a premium. feature, but you can still optimize your website using the options under settings.
• Jimdo WYSIWYG Menu

  Domains and Email - helps you setup the domains and emails that your sites use. Since you are using a free account, your access to new domains and emails are limited.
• Jimdo WYSIWYG Menu

  Settings - involves domains, email accounts and email forwarding features of your site. Most features are limited since we are using a free account. This also contains other options regarding your site like copyright, footers, password-protected areas, Twitter integration and storage space just to name a few.
• Jimdo WYSIWYG Menu

  Questions - premium feature that allows you to ask questions to the Jimdo support team. This also contains a link to the Jimdo support center which you can use for free.
• EXPLORATION 8.1. ADDING CONTENT TO YOUR WEBSITE Home page content – entices your visitors with contents like photos of your hobby or interest plus text content:
• EXPLORATION 8.1. ADDING CONTENT TO YOUR WEBSITE About Me/Contact Me – adds a page containing a form element which allows visitors to email you. You may also add links to your Twitter page:
• EXPLORATION 8.1. ADDING CONTENT TO YOUR WEBSITE

  Blog - creates a page that includes details about your WordPress blog and a link to it;
• EXPLORATION 8.1. ADDING CONTENT TO YOUR WEBSITE Photo Gallery – a page that contains photos from your Photobucket account.
• EXPLORATION 8.1. ADDING CONTENT TO YOUR WEBSITE Community – a page that links to ten of your classmate’s websites including a short description.