Upload
myles-nash
View
220
Download
0
Tags:
Embed Size (px)
Citation preview
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?