To Do This Week:
- Work on Blackbird: HTML (mostly in class)
- Once you have completed the HTML for the Blackbird project, upload the “blackbird” folder to the server following the FTP instruction from last week. – Due Friday
In Class
Blackbird Project
Nouspace Student Gallery – Blackbird Projects
Blackbird HTML
Notes
FTP issues...
DTC355-01 Blackbird list
DTC355-02 Blackbird list
Backup by uploading regularly!
Open Blackbird in Sublime Text:
- open folder!
- sidebar toggle
- word wrap
- find/replace
- anchor links
HTML Review
- HTML: Hypertext Markup Language
- HTTP: Hypertext Transfer Protocol
- FTP: File Transfer Protocol
- absolute vs. relative urls
- index.html
- Basic HTML structure for a page: <html><head></head><body></body></html>
- <title></title>
- HTML syntax: <element attribute=”value”></element>
- HTML5 semantic elements: p, img, header, nav, article, section, aside, footer
- parents and children (nested elements)
- block vs. inline
- headings: h1-6
- <div> and <span>
- <p>, <em>, <small>, <br>, <img>
- attributes: id and class, style
- <a>: anchor (internal) and external links
- doctype declaration: <!DOCTYPE html>
- HTML commenting:
<!-- comment -->
Working with Images –
- image are inline
- figure/figcaption element
- style dimension vs actual dimension
- resolutions
- resizing images in Photoshop or Gimp.org
- image file formats
- transparency
- exports