INFO 1300: LOCAL DEVELOPMENT04/21/23

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

<img src=”picture.png” ><img src=”picture.png” >

<img src=”img/picture.png”><img src=”img/picture.png”>

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

Absolute Paths• An absolute link is created when the href value is a fully qualified URL• http://• 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• 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

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 http://localhost/projectfoldername/index.html

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

Questions?