1. INFO 1300: LOCAL DEVELOPMENT 10/16/2015

2. Index.html Important Homepage for every project in this course Points will be deducted otherwise

3. Structure Structure is important to maintain organization and separate logic Organization and naming is important When we look at files, what do you think we click on first? Root folder Img folder Css folder Js folder

4. Relative Paths If the img file was in the same folder as the index.html If the img was placed in a img folder that is in the folder where the index.html exists Relative to current file

5. Relative Path - Images Images will be very helpful to creating a website How can we include images in our pages? Resource- http://www.w3schools.com/html/html_images.asp

6. Absolute Paths An absolute link is created when the href value is a fully qualified URL http:// www filename

7. Do the activities

8. Course Technology: Local Web Development Web server solution will allow quick local testing when you start using php and databases WAMP for Windows users http://www.wampserver.com/en/ MAMP for Mac users http://www.mamp.info/en/ XAMPP for Mac/Linux/Windows users https://www.apachefriends.org/index.html LAMP(Linux, Apache, MySQL, PHP) for Linux users https://www.digitalocean.com/community/tutorials/how-to- install-linux-apache-mysql-php-lamp-stack-on-ubuntu https://www.digitalocean.com/community/tutorials/how-to- install-linux-apache-mysql-php-lamp-stack-on-ubuntu

9. Course Technology: XAMPP example Download and Install Ignore the add-in checkboxes The default installation options are fine

10. XAMPP example cont’d Start apache Locate the root folder Put in the project folder In browser, go to http://localhost/project foldername/index.html

11. More help https://www.apachefriends.org/faq_osx.html Windows and linux faqs on the right

12. QUESTIONS?