SlideShare a Scribd company logo
ARTDM 171, Week3:
 XHMTL Tags + Group
     Projects
          Gilbert Guerrero
         gguerrero@dvc.edu
gilbertguerrero.com/blog/artdm-171/
Turn in homework

• If you uploaded your file to your
  xtreemhost.com account:
 ‣ send me a link to your Web page
• If you did not upload the file:
 ‣ please stay after class and be sure
   to upload it and send me the link
Create a new folder in
 Week3 called html
Open Dreamweaver
Site Management
• Define a new site using the Advanced
  mode.
• Set the html folder as the local root
• You must do this for
 ‣ every homework assignment
 ‣ every new site
 ‣ whenever you change computers (such
   as from home to school).
Your Local Site and Your
      Remote Site
Directory Structure

• 
The Magical index.html
        File
            
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
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
Group Projects
      Form groups
No less than 3 to a group
Group Project Files
Get them from the materials drive
Group Project Deadlines
•   Due next week:
    ‣   Group Name
    ‣   Group Members (names of people in group)
    ‣   Goals (significant change to design + layout)
    ‣   Choose one person to send an email to
        gguerrero@dvc.edu
•   Due by September 22 
    ‣   Presentation of Completed Site
Homework, due September 7
• 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, 109
• Email Group Project answers
Thank You

More Related Content

What's hot

How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?jessecadelina
 
Lycos email login and reset steps
Lycos email login and reset steps Lycos email login and reset steps
Lycos email login and reset steps
SonyTuladhar1
 
Teacher website
Teacher websiteTeacher website
Teacher website
Aaron Gil
 
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
Nezel Yurong
 
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHODEARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
Fatima1567
 
A brief history of the web
A brief history of the webA brief history of the web
A brief history of the web
Jorge Zapico
 
Html xhtml css
Html xhtml cssHtml xhtml css
Html xhtml cssL15338
 
Jsp myeclipse
Jsp myeclipseJsp myeclipse
Jsp myeclipse
kamal kotecha
 
Sabotage product
Sabotage productSabotage product
Sabotage product
gojkoadzic
 

What's hot (10)

How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?How to convert a file to Portable Document format (PDF)?
How to convert a file to Portable Document format (PDF)?
 
ARTDM 171 Week 4: Tags
ARTDM 171 Week 4: TagsARTDM 171 Week 4: Tags
ARTDM 171 Week 4: Tags
 
Lycos email login and reset steps
Lycos email login and reset steps Lycos email login and reset steps
Lycos email login and reset steps
 
Teacher website
Teacher websiteTeacher website
Teacher website
 
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
A Step By Step Guide On Setting Up Free Wordpress Blog For Newbies Part 1
 
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHODEARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
EARN $300 DAILY AUTOPILOT NO INVESTMENT EASY METHOD
 
A brief history of the web
A brief history of the webA brief history of the web
A brief history of the web
 
Html xhtml css
Html xhtml cssHtml xhtml css
Html xhtml css
 
Jsp myeclipse
Jsp myeclipseJsp myeclipse
Jsp myeclipse
 
Sabotage product
Sabotage productSabotage product
Sabotage product
 

Viewers also liked

Oct 11 2015 Announcements
Oct 11 2015 AnnouncementsOct 11 2015 Announcements
Oct 11 2015 Announcements
triumphantlife
 
005 measurement
005 measurement005 measurement
005 measurementphysics101
 
1ºeso pagina 35-39-sin soluciones
1ºeso pagina 35-39-sin soluciones1ºeso pagina 35-39-sin soluciones
1ºeso pagina 35-39-sin soluciones
Elena Martinez sos
 
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuariosMás inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
Igni
 
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
Igni
 
Folder Horst4 Dsign2
Folder Horst4 Dsign2Folder Horst4 Dsign2
Folder Horst4 Dsign2horst4D
 
ARTDM 171, Week 10: Navigation Schemes
ARTDM 171, Week 10: Navigation SchemesARTDM 171, Week 10: Navigation Schemes
ARTDM 171, Week 10: Navigation SchemesGilbert Guerrero
 
Twitter para iniciantes
Twitter para iniciantesTwitter para iniciantes
Twitter para iniciantes
Roberto aLoureiro
 
#WoMMX Marketing Digital: Casos de Éxito
#WoMMX Marketing Digital: Casos de Éxito#WoMMX Marketing Digital: Casos de Éxito
#WoMMX Marketing Digital: Casos de Éxito
Igni
 
Analise e aplicações de mídias sociais na gestão de empresas
Analise e aplicações de mídias sociais na gestão de empresas Analise e aplicações de mídias sociais na gestão de empresas
Analise e aplicações de mídias sociais na gestão de empresas
Mauro de Oliveira
 
O papel do conteúdo na experiência do cliente
O papel do conteúdo na experiência do clienteO papel do conteúdo na experiência do cliente
O papel do conteúdo na experiência do cliente
Igni
 
Arianny Borda González
Arianny Borda GonzálezArianny Borda González
Arianny Borda González
Arianny Borda
 
Does Life Satisfaction influence the intention (We-Intention) to use Facebook?
Does Life Satisfaction influence the intention  (We-Intention) to use Facebook?Does Life Satisfaction influence the intention  (We-Intention) to use Facebook?
Does Life Satisfaction influence the intention (We-Intention) to use Facebook?
Mauro de Oliveira
 
Apresentação Cidiz 2016
Apresentação Cidiz 2016Apresentação Cidiz 2016
Apresentação Cidiz 2016
Rodrigo Rafael
 
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil TsvimitidzeBUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
DataExchangeAgency
 
ĂN TRONG RESORT NHƯ THẾ NÀO?
ĂN TRONG RESORT NHƯ THẾ NÀO?ĂN TRONG RESORT NHƯ THẾ NÀO?
ĂN TRONG RESORT NHƯ THẾ NÀO?
luongthuykhe
 
FROM STRATEGY TO ACTION - Vasil Tsvimitidze
FROM STRATEGY TO ACTION - Vasil Tsvimitidze FROM STRATEGY TO ACTION - Vasil Tsvimitidze
FROM STRATEGY TO ACTION - Vasil Tsvimitidze
DataExchangeAgency
 

Viewers also liked (17)

Oct 11 2015 Announcements
Oct 11 2015 AnnouncementsOct 11 2015 Announcements
Oct 11 2015 Announcements
 
005 measurement
005 measurement005 measurement
005 measurement
 
1ºeso pagina 35-39-sin soluciones
1ºeso pagina 35-39-sin soluciones1ºeso pagina 35-39-sin soluciones
1ºeso pagina 35-39-sin soluciones
 
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuariosMás inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
Más inteligencia: Mejora el engagement, alcance y relevancia con tus usuarios
 
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
Más efectividad: Aprovecha en profundidad los datos para mejorar tu comunicac...
 
Folder Horst4 Dsign2
Folder Horst4 Dsign2Folder Horst4 Dsign2
Folder Horst4 Dsign2
 
ARTDM 171, Week 10: Navigation Schemes
ARTDM 171, Week 10: Navigation SchemesARTDM 171, Week 10: Navigation Schemes
ARTDM 171, Week 10: Navigation Schemes
 
Twitter para iniciantes
Twitter para iniciantesTwitter para iniciantes
Twitter para iniciantes
 
#WoMMX Marketing Digital: Casos de Éxito
#WoMMX Marketing Digital: Casos de Éxito#WoMMX Marketing Digital: Casos de Éxito
#WoMMX Marketing Digital: Casos de Éxito
 
Analise e aplicações de mídias sociais na gestão de empresas
Analise e aplicações de mídias sociais na gestão de empresas Analise e aplicações de mídias sociais na gestão de empresas
Analise e aplicações de mídias sociais na gestão de empresas
 
O papel do conteúdo na experiência do cliente
O papel do conteúdo na experiência do clienteO papel do conteúdo na experiência do cliente
O papel do conteúdo na experiência do cliente
 
Arianny Borda González
Arianny Borda GonzálezArianny Borda González
Arianny Borda González
 
Does Life Satisfaction influence the intention (We-Intention) to use Facebook?
Does Life Satisfaction influence the intention  (We-Intention) to use Facebook?Does Life Satisfaction influence the intention  (We-Intention) to use Facebook?
Does Life Satisfaction influence the intention (We-Intention) to use Facebook?
 
Apresentação Cidiz 2016
Apresentação Cidiz 2016Apresentação Cidiz 2016
Apresentação Cidiz 2016
 
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil TsvimitidzeBUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
BUILDING AWARENESS AND AWARENESS PROGRAM - Vasil Tsvimitidze
 
ĂN TRONG RESORT NHƯ THẾ NÀO?
ĂN TRONG RESORT NHƯ THẾ NÀO?ĂN TRONG RESORT NHƯ THẾ NÀO?
ĂN TRONG RESORT NHƯ THẾ NÀO?
 
FROM STRATEGY TO ACTION - Vasil Tsvimitidze
FROM STRATEGY TO ACTION - Vasil Tsvimitidze FROM STRATEGY TO ACTION - Vasil Tsvimitidze
FROM STRATEGY TO ACTION - Vasil Tsvimitidze
 

Similar to ARTDM 171 Week 3: Tags + Group Projects

ARTDM 171, Week 3: Web Basics + Group Projects
ARTDM 171, Week 3: Web Basics + Group ProjectsARTDM 171, Week 3: Web Basics + Group Projects
ARTDM 171, Week 3: Web Basics + Group ProjectsGilbert Guerrero
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaverchowders
 
It 237 it237
It 237 it237It 237 it237
It 237 it237
GOODCourseHelp
 
Links - IntraSystem and Absolute
Links - IntraSystem and AbsoluteLinks - IntraSystem and Absolute
Links - IntraSystem and Absolutenikkeisaurus
 
JSUG - TeX Day by Christoph Pickl
JSUG - TeX Day by Christoph PicklJSUG - TeX Day by Christoph Pickl
JSUG - TeX Day by Christoph Pickl
Christoph Pickl
 
How to set up a Wordpress Blog
How to set up a Wordpress BlogHow to set up a Wordpress Blog
How to set up a Wordpress Blog
kichu
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
GOODCourseHelp
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
GOODCourseHelp
 
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Daryl Koopersmith
 
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion HostingWPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
JohnPaulBriones
 
Blog Hands On Training
Blog  Hands  On  TrainingBlog  Hands  On  Training
Blog Hands On Training
hyacinthus
 
Session4
Session4Session4
Session4
Denise Garofalo
 
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Emma Jane Hogbin Westby
 
How to create Custom Page Template in WordPress
How to create Custom Page Template in WordPressHow to create Custom Page Template in WordPress
How to create Custom Page Template in WordPress
Yogesh singh
 
Git & Github Workshop - Le Wagon Melbourne
Git & Github Workshop - Le Wagon MelbourneGit & Github Workshop - Le Wagon Melbourne
Git & Github Workshop - Le Wagon Melbourne
Paal Ringstad
 
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
Jazkarta, Inc.
 
Learn CSS From Scratch
Learn CSS From ScratchLearn CSS From Scratch
Learn CSS From Scratchecobold
 
GCD.263.doc
GCD.263.docGCD.263.doc
GCD.263.docbutest
 

Similar to ARTDM 171 Week 3: Tags + Group Projects (20)

ARTDM 171, Week 3: Web Basics + Group Projects
ARTDM 171, Week 3: Web Basics + Group ProjectsARTDM 171, Week 3: Web Basics + Group Projects
ARTDM 171, Week 3: Web Basics + Group Projects
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
It 237 it237
It 237 it237It 237 it237
It 237 it237
 
Links - IntraSystem and Absolute
Links - IntraSystem and AbsoluteLinks - IntraSystem and Absolute
Links - IntraSystem and Absolute
 
JSUG - TeX Day by Christoph Pickl
JSUG - TeX Day by Christoph PicklJSUG - TeX Day by Christoph Pickl
JSUG - TeX Day by Christoph Pickl
 
How to set up a Wordpress Blog
How to set up a Wordpress BlogHow to set up a Wordpress Blog
How to set up a Wordpress Blog
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
 
Forensic Theming for Drupal
Forensic Theming for DrupalForensic Theming for Drupal
Forensic Theming for Drupal
 
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
 
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion HostingWPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
WPCampus Presentation - WordPress Troubleshooting Techniques | InMotion Hosting
 
Blog Hands On Training
Blog  Hands  On  TrainingBlog  Hands  On  Training
Blog Hands On Training
 
Session4
Session4Session4
Session4
 
Lecture1and2
Lecture1and2Lecture1and2
Lecture1and2
 
Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010Intro to Theming Drupal, FOSSLC Summer Camp 2010
Intro to Theming Drupal, FOSSLC Summer Camp 2010
 
How to create Custom Page Template in WordPress
How to create Custom Page Template in WordPressHow to create Custom Page Template in WordPress
How to create Custom Page Template in WordPress
 
Git & Github Workshop - Le Wagon Melbourne
Git & Github Workshop - Le Wagon MelbourneGit & Github Workshop - Le Wagon Melbourne
Git & Github Workshop - Le Wagon Melbourne
 
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
Deliverance: Plone theming without the learning curve from Plone Symposium Ea...
 
Learn CSS From Scratch
Learn CSS From ScratchLearn CSS From Scratch
Learn CSS From Scratch
 
GCD.263.doc
GCD.263.docGCD.263.doc
GCD.263.doc
 

More from Gilbert Guerrero

Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright Sunlight
Gilbert Guerrero
 
ARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAGilbert Guerrero
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishingGilbert Guerrero
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysGilbert Guerrero
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingGilbert Guerrero
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesGilbert Guerrero
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interactionGilbert Guerrero
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 TemplatesGilbert Guerrero
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesGilbert Guerrero
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceGilbert Guerrero
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceGilbert Guerrero
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityGilbert Guerrero
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 

More from Gilbert Guerrero (20)

Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright Sunlight
 
ARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QA
 
Artdm 171 week15 seo
Artdm 171 week15 seoArtdm 171 week15 seo
Artdm 171 week15 seo
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishing
 
ARTDM 171, Week 14: Forms
ARTDM 171, Week 14: FormsARTDM 171, Week 14: Forms
ARTDM 171, Week 14: Forms
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + Arrays
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to Processing
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interaction
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 Templates
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page Comps
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User Experience
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping Cyberspace
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting Interactivity
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm171 Week6 Images
Artdm171 Week6 ImagesArtdm171 Week6 Images
Artdm171 Week6 Images
 

Recently uploaded

Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofszkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
Alex Pruden
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 

Recently uploaded (20)

Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofszkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 

ARTDM 171 Week 3: Tags + Group Projects

  • 1. ARTDM 171, Week3: XHMTL Tags + Group Projects Gilbert Guerrero gguerrero@dvc.edu gilbertguerrero.com/blog/artdm-171/
  • 2. Turn in homework • If you uploaded your file to your xtreemhost.com account: ‣ send me a link to your Web page • If you did not upload the file: ‣ please stay after class and be sure to upload it and send me the link
  • 3. Create a new folder in Week3 called html
  • 5. Site Management • Define a new site using the Advanced mode. • Set the html folder as the local root • You must do this for ‣ every homework assignment ‣ every new site ‣ whenever you change computers (such as from home to school).
  • 6. Your Local Site and Your Remote Site
  • 9. 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
  • 10. 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
  • 11. Group Projects Form groups No less than 3 to a group
  • 12. Group Project Files Get them from the materials drive
  • 13. Group Project Deadlines • Due next week: ‣ Group Name ‣ Group Members (names of people in group) ‣ Goals (significant change to design + layout) ‣ Choose one person to send an email to gguerrero@dvc.edu • Due by September 22  ‣ Presentation of Completed Site
  • 14. Homework, due September 7 • 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, 109 • Email Group Project answers

Editor's Notes

  1. 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
  2.   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.
  3.