INFO 1300: LOCAL DEVELOPMENT 10/16/2015. Index.html Important Homepage for every project in this course Points will be deducted otherwise.

Slides:



Advertisements
Similar presentations
Building Database Relationships
Advertisements

Agenda Web Application Web Page development WAMP
Web basics Keywords: Web Server, Browser, Local, Remote, HTML, URL.
Creating WordPress Websites. Creating a site on your computer Local server Local WordPress installation Setting Up Dreamweaver.
Student iDrive Access ESU Website Server Storage Space.
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Announcement #1 1 Lecture 9. Announcement #2  Midterm exam will be on Oct. 12 (Tuesday)  pm – 1.45 pm  Exam will cover all materials till Oct.
PHP Scripting Language. Introduction “PHP” is an acronym for “PHP: Hypertext Preprocessor.” It is an interpreted, server-side scripting language. Originally.
Dynamic Web site With PHP and MySQL. MySQL The combination of MySQL database and PHP scripting language is optimum for building dynamic websites. MySQL.
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
Setting Up a Development Server Once you have your own development server, you’ll wonder how you ever managed without one, and it’s easy to set one up!
SEEM4570: XAMPP, Eclipse, Summary of Html Kangfei Zhao Room 711,ERB
SYST Web Technologies SYST Web Technologies Installing a Web Server (XAMPP)
Web Page A page displayed by the browser. Website Collection of multiple web pages Web Browser: A software that displays web pages on client computer.
Open Source Software WampServer Presented By Mr. R.Aravindhan.
17 Web Servers (Apache and IIS)
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Server-side Scripting Powering the webs favourite services.
1 John Magee 9 November 2012 CS120 Lecture 17a: Publishing Web pages.
WaveMaker Visual AJAX Studio 4.0 Training Installation.
Apache, MySQL and PHP Installation and Configuration Chapter 4 XAMPP Installation and Configuration.
Hyperlinks. Linking pages…Hyperlinks 2 Lecture 8  Hyperlink “A clickable HTML element that will direct the web browser to display a different Web page.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Python CGI programming
Chapter 6 pp Announcements O Project 1 coming up (details on Monday) O Lab 2 deliverable (submit on Blackboard) O Lab 3 pre-lab quiz is up.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Customer Relationship Management. Content CRM SugarCRM System Requirement Installation Process Configuration.
PHP Overview By Alex and Cindy. Jan 21,2013. What is PHP? An open source server-side programming language An open source server-side programming language.
WAMP server AppServer phpMyAdmin DB creation with phpMyAdmin.
How to upload files to Altervista Overview:
XAMPP Introduction to Web Programming Kirkwood Community College Fred McClurg © Copyright 2015, Fred McClurg, All Rights Reserved Web Server Software Distribution.
Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.
12/5/2015 Open Source Technology Toolkit Workshop 1 MediaWiki Pavan Kishore V EnhanceEdu.
WAMP Windows Apache MySQL and PHP i.e. “WAMP”. Why WAMP? WampServer is a Windows web development environment. It allows you to create and test web pages.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
PHP “Personal Home Page Hypertext Pre-processor” (a recursive acronym) Allows you to create dynamic web pages and link web pages to a database.
 2008 Pearson Education, Inc. All rights reserved. Chapter 17 Web Servers (Apache and IIS) Internet & World Wide Web How to Program, 5/e.
Creating a simple database This shows you how to set up a database using PHPMyAdmin (installed with WAMP)
WAMP Server Installatin Shiyun Wen. WAMP Server Installation  WAMP Server is an integrated installation of Apache, MySQL, and PHP for Windows. Following.
Setting up Dreamweaver to use your local WAMP testing Server
 PHP program can be run under various like WAMP, XAMPP etc.  WAMP Server: this server is a web development platform which helps in creating dynamic.
3.02E Website File Management 3.02 Develop webpages.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Unit 1 – Web Concepts Instructor: Brent Presley.
Steps to Install VirtueMart 1. Setup Database 2. Download VirtueMart 3. Setup VirtueMart 4. Test installation Prerequisites: 1. XAMPP installation complete.
Server Side Scripting. Common Gateway Interface (CGI) The web is a client-server system.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Web Server Apache PHP HTTP Request User types URL into browser Address resolved if nec. We use directly Most browsers request.
Intro to APACHE, MySQL, and PHP & freely available (hackable) Packages Aonghus Sugrue 04 Oct 2012.
Installing a Moodle Test Site The painless and easy way.
Wordpress. What is Wordpress? Wordpress is a content management system. It is free and easy to use. It allows you to build dynamic websites It is built.
Outline  XAMPP  XAMPP Install  Put php and HTML documents  Windows and Mac Version  Security.
Hyperlinks Links for Other Pages. Hyperlink (aka Link) Text (or image) user can click Takes user to different location In general, location can be: On.
Moodle Install Guide Team 5 안정현 김현수 주채진 조수아. Moodle Install Enter moodle.org web site -> Go to Standard Moodle Packages in Downloads.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
EnhanceEdu IIIT-Hyderabad. Agenda What’s a wiki? Comparison with a website Wiki Formatting ‘My’ Page Fun with wiki 2EnhanceEdu, IIIT-Hyderabad.
HTML Links CS 1150 Spring 2017.
Install WordPress with Xampp
Pemrograman V (PHP) “Introduction”
Relative Paths.
17 Web Servers (Apache and IIS)
How files are organized
PHP and Forms.
Project Phase II Instructions &Sample Code
17 Web Servers (Apache and IIS)
Chapter 6 pp
Dreamweaver.
HTML Links CS 1150 Fall 2016.
Website File Management
XAMPP.
Presentation transcript:

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?