WordPress and HTML

Class Wednesday, September 19, 2018

 Today’s goals:

  • Finish adding content to your page on the class website
  • Learn more about WordPress
  • Start looking at HTML

 Today’s featured web site:

  • http://isitfridayyet.net/– Be sure to check out this site on different days of the week to see if it changes. Also see http://isitwednesdayyet.com/. What do you think (HTML, CSS, or JavaScript) is able to tell us what day of the week it is? Why? What would the response be if it’s not Wednesday (hint- look at the code to find out)?

 More About WordPress

  • Let’s look at the code that was generated as you built your page. While you were adding text, images, and links in the Visual Editor on your page, the code was being added, which you can see by clicking on the Text tab on the top right of your page editor.
  • Let’s also look at the Visual Editor and click on some of the menu options. Then we will switch the view to the Text Editor to see the code. Let’s add headings, a link, an image, bold text, italicized text, and bullets (numbered and no numbers).
  • Is it easy to add images? Why or why not? What happens with image sizes? What is a good way to make sure your image is sized properly, not just for a WordPress page but for any webpage?
  • When you’re in your page editor, is there anything on your screen that you’re curious about?
  • What are your WordPress questions?
  • Let’s check out some other internal parts of the class website; many of these things are unique to WordPress.
  • What is the most important thing you have learned about using WordPress to create your own page on the class website?

 HTML

  • What are HTML tags and why do we have to use them?
  • What HTML tags do you think were used to create your page on the class website?
  • Can you find (looking at the code of your page or anywhere on the class website) the following HTML tags: paragraph, headline, image, link, and bullets?
  • Let’s make a list of these tags together. What do you notice about them?
  • Let’s view and edit the code of a website using X-Ray Goggles. We will install this into our Chrome bookmarks bar and activate it by clicking on it in the bookmarks bar.
  • Are you actually changing the code of the website? How do you know?