Week 1 : Preparation.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

HTML Basics Customizing your site using the basics of HTML.

MT Software Emulator Setup. 1. On the P Drive Here is the software 2. Create this folder in My Documents 3. Copy this.IMG File Into the folder 4. Execute.

World Wide Web Hyperlinks Servers/Clients Browsers HTML (HyperText Markup Language)

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

What is it? –Large Web sites that support commercial use cannot be written by hand What you’re going to learn –How a Web server and a database can be used.

Creating WordPress Websites. Creating a site on your computer Local server Local WordPress installation Setting Up Dreamweaver.

CIS101 Introduction to Computing

SYST Web Technologies SYST Web Technologies Installing a Web Server (XAMPP)

HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.

Apache, MySQL and PHP Installation and Configuration Chapter 4 XAMPP Installation and Configuration.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

ISYS 475 Project: Customizing a Zen Cart E-Commerce Site.

Lab 1 Hello World in PHP CSN Class Lab Activity No. 1.

XAMPP Introduction to Web Programming Kirkwood Community College Fred McClurg © Copyright 2015, Fred McClurg, All Rights Reserved Web Server Software Distribution.

Web Foundations THURSDAY, SEPTEMBER 26, 2013 LECTURE 2: WORKING WITH HTML FILES, HTML BASICS, LINKING.

 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.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Unit 1 – Web Concepts Instructor: Brent Presley.

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.

IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure

This shows CIS17 and the first day introduction..

Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.

IN THIS LESSON, WE WILL BECOME FAMILIAR WITH HTML AND BEGIN CREATING A WEB PAGE IN YOUR COMPUTER HTML – the foundation.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.

Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 1 Introduction to PHP Hypertext Preprocessor - PHP.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

Lists Ordered Unordered. List Components  OR  Plus Star Wars Avatar Vacation.

Moodle 2 on USB Drive (Portable) By Ramzan Jabbar IT Engineer Doncaster Deaf College.

Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.

Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.

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.

Computer Basics Introduction CIS 109 Columbia College.

Getting Started – Basic Page Structure

Apache Tomcat & Quick Tutorial

Introduction and HTML overview

Web Systems & Technologies

Introduction to HTML.

Web Basics: HTML/CSS/JavaScript What are they?

Introduction to HTML:.

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

Active Server Pages Computer Science 40S.

Web Design and Development

>> PHP: HTML Integration

Web UI Basics ITM 352.

Essentials of HTML.

Essentials of HTML.

Introduction to Web Page Design

5.2.3 Be able to use HTML and CSS to construct web pages

Creating Tables in a Web Site

Making Web pages.

Secure Web Programming

BUILDING A WEBSITE 7.4.2: Basics of HTML and CSS.

Enhancing Your Web Site—Adding Links Web Page

RUNNING A PHP SCRIPT UNDER XAMPP SERVER

Basics of HTML Lesson 1: Basic HTML.

Dreamweaver Prepared by: Lily & John

Web Programming and Design

PHP By Prof. B.A.Khivsara Note: The material to prepare this presentation has been taken from internet and are generated only for students reference and.

Presentation transcript:

Week 1 : Preparation

Portable apps http://biotech.jejunu.ac.kr/~unnot/class/down.html <Portable apps setup> Download portable apps installer Install it on usb drive Select google chrome, notepad ++ and xampp launcher <Web server setup> Download portable apps XAMPP Unzip Copy the folder to portable apps /XAMPP / APP folder Execute setup_xampp.bat Open XAMPP control panel Start Apache process Make html file under htdocs Type local/mypage.html on web browser Basic html tags

Server and Client Serving Client

Web server Jejunu.ac.kr google.com

Apache Jejunu.ac.kr It’s a software. If client access your computer through ‘http’, you can show your client files in your folders Let’s try! Install XAMPP to your USB disk and ask other students to see your files! Note! To view, you have to write a html code!!

Introduction to HTML <html> <head> <body> <br> <p> <h1> <a href=http://xxxx.com>move to my page</a> <body bgcolor=”blue”> #color code Font <body style="font-family:Times;background-color:white"> Image <img src="photo.png" width=150> Hyper Link <a href="http://biotech.jejunu.ac.kr/~abl" >Applied Bioinformatics Lab</a> Table <table><tr><td></tr></td>

Interactive web site HTML PHP Tatsuya Hello Tatsuya Unno!! Unno