INFO 1300: LOCAL DEVELOPMENT 10/16/2015
Index.html Important Homepage for every project in this course Points will be deducted otherwise
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
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
Relative Path - Images Images will be very helpful to creating a website How can we include images in our pages? Resource-
Absolute Paths An absolute link is created when the href value is a fully qualified URL www filename
Do the activities
Course Technology: Local Web Development Web server solution will allow quick local testing when you start using php and databases WAMP for Windows users MAMP for Mac users XAMPP for Mac/Linux/Windows users LAMP(Linux, Apache, MySQL, PHP) for Linux users install-linux-apache-mysql-php-lamp-stack-on-ubuntu install-linux-apache-mysql-php-lamp-stack-on-ubuntu
Course Technology: XAMPP example Download and Install Ignore the add-in checkboxes The default installation options are fine
XAMPP example cont’d Start apache Locate the root folder Put in the project folder In browser, go to foldername/index.html
More help Windows and linux faqs on the right
QUESTIONS?