ARTDM 171, Week 3: Web Basics + Group Projects

578 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
578
On SlideShare
0
From Embeds
0
Number of Embeds
66
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Click the expand button to see local and remote  
     
    local on the right, remote on the left.  We’ll be sticking to local for now. 
    click the collapse button to return to normal
  •  
    Create a new directory for each section of your website 
    Add a default document to each directory.  Must be named index.html 
    Create utilities directories, images, css, scripts, files, pdf 
    Use hyphens for multiple words.  No spaces allowed.  No illegal characters.
  •   
  • ARTDM 171, Week 3: Web Basics + Group Projects

    1. 1. ARTDM 171, Week3: Web Basics + Group Projects Gilbert Guerrero gguerrero@dvc.edu gilbertguerrero.com/blog/artdm-171/
    2. 2. Put your files in my dropbox • Put them in a folder with your lastname and first initial • Example:        einstein-a chapter3.html
    3. 3. Create a new folder in Week3 called html
    4. 4. Open Dreamweaver
    5. 5. Site Management • Define a new site using the Advanced mode. • Set the html folder as the local root
    6. 6. When do you want to setup a new site? • Whenever you start a new project • Whenever you change computers (such as from home to school) • Whenever you want your files to work together
    7. 7. Expand/Collapse • When you setup a site definition, your files appear in the Files Panel • Use the expand button to view your files on the server and on your computer in a larger window side by side
    8. 8. Your Local Site and Your Remote Site
    9. 9. Directory Structure • 
    10. 10. The Magical index.html File  
    11. 11. URLs - Universal Resource Locators • URLs are used to locate Web pages and external files and images
    12. 12. Creating a link to another Web page a web page <a href="URL">a great resource</a>
    13. 13. Including an image on a Web page an image <img src="URL" />
    14. 14. Including an external stylesheet a css file <link rel="stylesheet" href="URL" type="text/css" />
    15. 15. Absolute URLs http://www.mysite.com/folder/filename.html • Begins with http:// • Could be a file on your own site or someone elseʼs site
    16. 16. Relative URLs • filename.html ‣ Tells the browser to look for a file in the same folder • folder/filename.html ‣ Tells the browser to look one level deep, within a folder for the file • ../folder/filename.html ‣ Go up a level, then down into the folder for the file • /filename.html or /folder/filename.html ‣  Go to top (root) of the site and look for the folders or files
    17. 17. Group Projects Form groups No less than 3 to a group
    18. 18. Group Project Files Get them from the materials drive
    19. 19. Group Project Deadlines • Due next week: ‣ Description (fill out form) • Next three weeks: ‣ Work on Group Projects • March 9:  ‣ Presentations of completed projects
    20. 20. Turn in a description of your Group Project Fill out the Group Project Form
    21. 21. Homework, due February 16 • Read and follow along with Chapter 4 ‣ Create a Web page using text from Project Gutenberg:  Copy text and use paste special, p92  Add headings, p94  Apply HTML text styles, p99  Add a preformated text, p100  Indent text, p102  Add a list, p105 and nested lists, p108  Add special characters, p109 • Turn in Group Project answers
    22. 22. Thank You

    ×