Due Today: Read Ch 1-3 in Duckett / start on Blog 1 (due dates @ bottom of page)
For Today:
- Lecture: HTML Text, Structure, and Images
- Dreamweaver Demo
- Continue Exercise 1 in DW (complete by next Tuesday)
- Begin Warmup 2
Intro to HTML
Intro to HTML Resources
- P tag + spacing review | TryitEditor
- The poem problem | TryitEditor
- Self-Test – tags
- Self-Test – paragraphs
- Self-Test – headings
- HTML Basics | w3schools.com
- Tags, Elements, and Attributes | HTML Dog
- Amp What | HTML entity guide
- Character Guide
- List Items Tutorial | w3schools.com
- HTML5 CheatSheet | pdf
- Duckett’s Code Samples: Structure
HTML Text, Structure, and Images
Class3_HTMLHTML Resources
Intro to Dw
Intro to Dreamweaver
In Dreamweaver, this week includes an introduction to the DW Interface, HTML tags and Setting Up E1 in Dreamweaver
- Create a local folder on your hard drive where you can store your websites and exercises from the course. Name it “lastname_web.” When you create any files in Dreamweaver, this is where you will save them.
- In Dreamweaver, create a new site. Name your site Exercise 1. For Local Site Folder, browse for your local folder you created on your hard drive.
- Under Servers on the left side, enter the server information provided in class. Remember to keep track of the username and password!
- Go to File > New. Create your HTML document. Save it in the local folder you create on your hard drive as “lastname_exercise1.html”.
- When ready to submit, with exercise – part 2, upload to D2L Assignments.
DW Resources
- DW Keyboard Shortcuts | pdf
- DW Defining a Site | video
- Overview of the Dreamweaver Workspace | reading (do not read about CSS Designer…yet)
Warmup 2
We will start together during class and you will finish outside class.
Create a new .html document—named "lastname_warmup2.html—and save to a folder on your local drive called "warmup2". Find a simple recipe online to duplicate. <h1>: name of the recipe <p> description about recipe <h2>: titles for ingredients and steps <ul> list of ingredients <ol> list of steps <a> link to original recipe include bold and italics styling include a horizontal rule between the ingredients and the steps change one of the ingredients using the insert and delete tags include a personal quote about why you love this recipe Upload to D2L.
Video Demos
Watch, as needed, following our in-class demonstrations.
Due Next Class:
- Read chapters 1–4 (structure, text, list, links) in Duckett’s HTML & CSS
- Warmup 2 (by the end of next class)
- Continue work on Exercise 1 (complete by next week)
Continue Blog #1 on D2L (due 2.5)