Chapter 1. Introduction to web development

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Chapter 1. Introduction to web development"

Transcription

1 Chapter 1 Introduction to web development HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 1

2 Objectives Applied 1. Load a web page from the Internet or an intranet into a web browser. 2. View the source code for a web page in a web browser. HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 2

3 Objectives (continued) Knowledge 1. Describe the components of a web application. 2. Distinguish between the Internet and an intranet. 3. Describe HTTP requests and responses. 4. Distinguish between the way a web server processes static web pages and dynamic web pages. 5. Describe the use of JavaScript. 6. Name the two major web browsers for Windows systems. 7. Distinguish between HTML and CSS. 8. Distinguish between HTML and XHTML. 9. Explain how you deploy a web site on the Internet. 10. Describe the components of an HTTP URL. HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 3

4 The components of a web application HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 4

5 The architecture of the Internet LAN LAN LAN LAN LAN WAN IXP WAN LAN LAN WAN IXP IXP WAN LAN LAN LAN LAN LAN HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 5

6 A static web page HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 6

7 How a web server processes a static web page HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 7

8 A dynamic web page HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 8

9 How a web server processes a dynamic web page HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 9

10 A web page with image swaps and rollovers HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 10

11 How JavaScript fits into this architecture HTTP request HTTP response Web Browser Web Server Application Server Database Server JavaScript Application script HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 11

12 Three of the common uses of JavaScript Data validation Image swaps and rollovers Slide shows HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 12

13 Web browsers Internet Explorer Firefox Safari Opera Chrome Web servers Apache IIS HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 13

14 Server-side scripting languages ASP.NET JSP PHP ColdFusion Ruby Perl Python HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 14

15 The code for an HTML file named book.html <head> <title>javascript book</title> </head> <body> <div id="page"> <h1>javascript and DOM Scripting</h1> <img src="javascriptbook.jpg" alt="javascriptbook" /> <p>today, web users expect web sites to provide advanced features, dynamic user interfaces, and fast response times. To deliver that, web developers need to know the JavaScript language. Beyond that, though, they need to know how to use JavaScript to script the Document Object Model (or DOM).</p> <p>now, at last, your trainees can learn both JavaScript and DOM scripting in this one great book. To find out how this book does it, <a href="">read more...</a></p><br /><br /> </div> </body> HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 15

16 The HTML in a web browser HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 16

17 The HTML element that links it to a CSS file <link rel="stylesheet" type="text/css" href="book.css" /> HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 17

18 The code for the CSS file named book.css body { margin: 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 82.5%; } #page { width: 500px; margin: 0 auto; padding: 1em; border: 1px solid navy; } h1 { margin: 0; padding:.25em; font-size: 250%; color: navy; } HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 18

19 The code for book.css (continued) img { float: left; margin: 0 1em; } p { margin: 0; padding-bottom:.5em; } HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 19

20 The web page in a web browser HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 20

21 HTML vs. XHTML By default, all pages are sent to the browser, or served, as HTML. Because the syntax of XHTML is stricter than the syntax of HTML, XHTML encourages good coding practices. What version of HTML we use in this book In this book, we use a form of XHTML 1.0 that is compatible with HTML This works for all browsers including Internet Explorer because XHTML 1.0 is backward-compatible with HTML HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 21

22 Notepad++ with open HTML and CSS files HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 22

23 Popular text editors that are free Editor Notepad++ TextWrangler Komodo Edit Runs on Windows Macintosh Windows, Macintosh, and Linux/UNIX HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 23

24 Adobe DreamWeaver HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 24

25 Popular IDEs for web development IDE Adobe DreamWeaver Komodo IDE Microsoft Expression Web Runs on Windows and Macintosh Windows, Macintosh, and Linux/UNIX Windows Popular suites for web development IDE Runs on Adobe Creative Suite Windows and Macintosh Microsoft Expression Studio Windows HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 25

26 FTP program that uploads files to the web server HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 26

27 Popular FTP programs FileZilla FTP Voyager CuteFTP Fetch HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 27

28 The components of an HTTP URL HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 28

29 HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 29

30 What happens if you omit parts of a URL If you omit the protocol, the default of will be used. If you omit the filename, the default document name for the web server will be used. If you omit the path, you must also omit the filename. Then, the home page for the site will be requested. HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 30

31 Two ways to access a web page on the Internet Enter the URL of a web page into the browser s address bar. Click on a link in the current web page to load the next web page. How to access a web page on your own computer With IE, use File Open. With Firefox, use File File Open. HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 31

32 The HTML source code for a page HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 32

33 How to view the HTML source code for a page In Firefox, use the View Page Source command. In Internet Explorer, use the View Source command. How to view the CSS code in an external CSS file In Firefox, click on the link in the link element that refers to it. In Internet Explorer, enter the URL for the CSS file in your web browser. HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 33

Introduction to web development and JavaScript

Introduction to web development and JavaScript Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge

More information

Chapter 1 Introduction to web development and PHP

Chapter 1 Introduction to web development and PHP Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL

More information

Introduction to web development

Introduction to web development Santiago Canyon College CIS-132: Introduction to JavaScript Lesson 1 Introduction to web development (Chapter 1 in Murach s JavaScript & DOM Scripting textbook) Slide 1 Objectives Applied Load a web page

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

Contents. Introduction... 2. Downloading the Data Files... 2

Contents. Introduction... 2. Downloading the Data Files... 2 Creating a Web Page Using HTML Part 3: Multi-page Management and Uploading INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.1 Summer 2009 Contents Introduction... 2 Downloading

More information

Web Development. How the Web Works 3/3/2015. Clients / Server

Web Development. How the Web Works 3/3/2015. Clients / Server Web Development WWW part of the Internet (others: Email, FTP, Telnet) Loaded to a Server Viewed in a Browser (Client) Clients / Server Client: Request & Render Content Browsers, mobile devices, screen

More information

Instructor: Betty O Neil

Instructor: Betty O Neil Introduction to Web Application Development, for CS437/637 Instructor: Betty O Neil 1 Introduction: Internet vs. World Wide Web Internet is an interconnected network of thousands of networks and millions

More information

Web Design Technology

Web Design Technology Web Design Technology Terms Found in web design front end Found in web development back end Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document

More information

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

Internet Technologies_1. Doc. Ing. František Huňka, CSc. 1 Internet Technologies_1 Doc. Ing. František Huňka, CSc. Outline of the Course 2 Internet and www history. Markup languages. Software tools. HTTP protocol. Basic architecture of the web systems. XHTML

More information

IT3503 Web Development Techniques (Optional)

IT3503 Web Development Techniques (Optional) INTRODUCTION Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

MMGD0204 Web Application Technology. Chapter 9 SERVER-SIDE SCRIPTING LANGUAGE

MMGD0204 Web Application Technology. Chapter 9 SERVER-SIDE SCRIPTING LANGUAGE MMGD0204 Web Application Technology Chapter 9 SERVER-SIDE SCRIPTING LANGUAGE Server-Side Scripting Language A web server technology in which a user's request is fulfilled by running a script directly on

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

IT3504: Web Development Techniques (Optional)

IT3504: Web Development Techniques (Optional) INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information

Beginning Dreamweaver Zac Van Note www.creativefuel.org

Beginning Dreamweaver Zac Van Note www.creativefuel.org Beginning Dreamweaver Zac Van Note www.creativefuel.org Description This class provides an overview of the features and capabilities of Dreamweaver. Lecture, discussion and hands-on exercises will reinforce

More information

Web Development: Techniques for Handling Content. Shelley Slaey June 2, 2014

Web Development: Techniques for Handling Content. Shelley Slaey June 2, 2014 Web Development: Techniques for Handling Content Shelley Slaey June 2, 2014 Web Background Author User (Client) Web Server (Server) Web Background Request Response Web Server Request Web Browser Response

More information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Dreamweaver CS5. Module 1: Website Development

Dreamweaver CS5. Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA

More information

By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University

By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University By : Khalid Alfalqi Department of Computer Science, Umm Al-Qura University History of Web History of the Internet Basic Web System Architecture URL DNS Creating Static and Dynamic Information Security

More information

ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE TITLE: CS 103 - WEB DEVELOPMENT AND PROGRAMMING FUNDAMENTALS

ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE TITLE: CS 103 - WEB DEVELOPMENT AND PROGRAMMING FUNDAMENTALS ERIE COMMUNITY COLLEGE COURSE OUTLINE A. COURSE TITLE: CS 103 - WEB DEVELOPMENT AND PROGRAMMING FUNDAMENTALS B. CURRICULUM: Mathematics / Computer Science Unit Offering C. CATALOG DESCRIPTION: (N,C,S)

More information

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication

Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Advanced Online Media Dr. Cindy Royal Texas State University - San Marcos School of Journalism and Mass Communication Using JQuery to Make a Photo Slideshow This exercise was modified from the slideshow

More information

Web Design. Abu Dhabi - May - 2016. Technical Description

Web Design. Abu Dhabi - May - 2016. Technical Description Web Design Abu Dhabi - May - 2016 Technical Description Table of Content 1.0 Introduction 2.0 Competency Specification 3.0 Practical Work 4.0 Test Project Design Requirements 4.1 Module 1: Client Side

More information

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

Lesson 7 - Website Administration

Lesson 7 - Website Administration Lesson 7 - Website Administration If you are hired as a web designer, your client will most likely expect you do more than just create their website. They will expect you to also know how to get their

More information

Web Programming. Robert M. Dondero, Ph.D. Princeton University

Web Programming. Robert M. Dondero, Ph.D. Princeton University Web Programming Robert M. Dondero, Ph.D. Princeton University 1 Objectives You will learn: The fundamentals of web programming... The hypertext markup language (HTML) Uniform resource locators (URLs) The

More information

A Comparative Study of Web Development Technologies Using Open Source and Proprietary Software

A Comparative Study of Web Development Technologies Using Open Source and Proprietary Software Available Online at www.ijcsmc.com International Journal of Computer Science and Mobile Computing A Monthly Journal of Computer Science and Information Technology IJCSMC, Vol. 4, Issue. 2, February 2015,

More information

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 22 Ref: GC349_v1.1

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 22 Ref: GC349_v1.1 Web Hosting Training Guide Safari version Doc Ref: GC349_v1.1 Author: Glow Team Page 1 of 22 Ref: GC349_v1.1 Contents Introduction... 3 What is the Glow Web Hosting service?... 3 Why use the Glow Web Hosting

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Introduction to Dreamweaver

Introduction to Dreamweaver Introduction to Dreamweaver ASSIGNMENT After reading the following introduction, read pages DW1 DW24 in your textbook Adobe Dreamweaver CS6. Be sure to read through the objectives at the beginning of Web

More information

Trollhättan, Sweden. http://keryx.se/ http://twitter.com/itpastorn/ http://itpastorn.blogspot.com/

Trollhättan, Sweden. http://keryx.se/ http://twitter.com/itpastorn/ http://itpastorn.blogspot.com/ Trollhättan, Sweden Lars Gunther is a web developer, computer science teacher and a pastor, who lives in Trollhättan, Sweden. He is the lead editor of several courses for WaSP Interact and invited expert

More information

Setting Up a Development Server

Setting Up a Development Server 2 Setting Up a Development Server If you wish to develop Internet applications but don t have your own development server, you will have to upload every modification you make to a server somewhere else

More information

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk

HTML and CSS. Elliot Davies. April 10th, 2013. ed37@st-andrews.ac.uk HTML and CSS Elliot Davies ed37@st-andrews.ac.uk April 10th, 2013 In this talk An introduction to HTML, the language of web development Using HTML to create simple web pages Styling web pages using CSS

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

Designing HTML Emails for Use in the Advanced Editor

Designing HTML Emails for Use in the Advanced Editor Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into

More information

COMPETENCY 107 OBJECTIVE DM %

COMPETENCY 107 OBJECTIVE DM % COMPETENCY 107 OBJECTIVE DM 107.01-5% Which term describes the method by which files and data are transferred over the Internet? A. PHP B. URL C. HTML D. FTP MSC: DM107.01.01 When Internet users access

More information

Level 1 - Clients and Markup

Level 1 - Clients and Markup Level 1 - Clients and Markup The design for the email we ll build In this level The skills you ll need to compete Power Moves HTML and CSS Media queries Signature Move Using external resources An HTML

More information

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development h0p://home.hit.no/~hansha/?page=sojware_development Web O. Widder. (2013). geek&poke. Available: h0p://geek- and- poke.com Programming Hans- Pe0er Halvorsen, M.Sc. 1 Web is the Present and the Future 2

More information

COURSE CONTENT FOR WINTER TRAINING ON Web Development using PHP & MySql

COURSE CONTENT FOR WINTER TRAINING ON Web Development using PHP & MySql COURSE CONTENT FOR WINTER TRAINING ON Web Development using PHP & MySql 1 About WEB DEVELOPMENT Among web professionals, "web development" refers to the design aspects of building web sites. Web development

More information

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 28 Ref: GC278_v1.1

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 28 Ref: GC278_v1.1 Web Hosting Training Guide Internet Explorer version Doc Ref: GC278_v1.1 Author: Glow Team Page 1 of 28 Ref: GC278_v1.1 Contents Introduction... 3 What is the Glow Web Hosting service?... 3 Why use the

More information

Introduction to Web Technologies

Introduction to Web Technologies Introduction to Web Technologies Tara Murphy 17th February, 2011 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET (Advanced

More information

ICAWEB502A Create dynamic web pages

ICAWEB502A Create dynamic web pages ICAWEB502A Create dynamic web pages Release: 1 ICAWEB502A Create dynamic web pages Modification History Release Release 1 Comments This Unit first released with ICA11 Information and Communications Technology

More information

Rich User Interfaces for Web-Based Corporate Applications

Rich User Interfaces for Web-Based Corporate Applications Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog

More information

ASP.NET: THE NEW PARADIGM FOR WEB APPLICATION DEVELOPMENT

ASP.NET: THE NEW PARADIGM FOR WEB APPLICATION DEVELOPMENT ASP.NET: THE NEW PARADIGM FOR WEB APPLICATION DEVELOPMENT Dr. Mike Morrison, University of Wisconsin-Eau Claire, morriscm@uwec.edu Dr. Joline Morrison, University of Wisconsin-Eau Claire, morrisjp@uwec.edu

More information

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation

More information

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Server-Side Scripting and Web Development. By Susan L. Miertschin

Server-Side Scripting and Web Development. By Susan L. Miertschin Server-Side Scripting and Web Development By Susan L. Miertschin The OOP Development Approach OOP = Object Oriented Programming Large production projects are created by teams Each team works on a part

More information

Expert Reference Series of White Papers. 10 Tips for Creating Your Web Site 1-800-COURSES. www.globalknowledge.com

Expert Reference Series of White Papers. 10 Tips for Creating Your Web Site 1-800-COURSES. www.globalknowledge.com Expert Reference Series of White Papers 10 Tips for Creating Your Web Site 1-800-COURSES www.globalknowledge.com 10 Tips for Creating Your Web Site Provided by WestLake Introduction When looking for ways

More information

Lesson Overview. Getting Started. The Internet WWW

Lesson Overview. Getting Started. The Internet WWW Lesson Overview Getting Started Learning Web Design: Chapter 1 and Chapter 2 What is the Internet? History of the Internet Anatomy of a Web Page What is the Web Made Of? Careers in Web Development Web-Related

More information

Web Programming Languages Overview

Web Programming Languages Overview Web Programming Languages Overview Thomas Powell tpowell@pint.com Web Programming in Context Web Programming Toolbox ActiveX Controls Java Applets Client Side Helper Applications Netscape Plug-ins Scripting

More information

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

More information

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd.

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. The term rich Internet application (RIA) combines the flexibility, responsiveness, and ease of use of desktop applications

More information

4.2 Understand Microsoft ASP.NET Web Application Development

4.2 Understand Microsoft ASP.NET Web Application Development L E S S O N 4 4.1 Understand Web Page Development 4.2 Understand Microsoft ASP.NET Web Application Development 4.3 Understand Web Hosting 4.4 Understand Web Services MTA Software Fundamentals 4 Test L

More information

Web layout guidelines for daughter sites of Scotland s Environment

Web layout guidelines for daughter sites of Scotland s Environment Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment

More information

Joomla Templates 101 Barb Ackemann

Joomla Templates 101 Barb Ackemann Joomla Templates 101 Barb Ackemann Joomla Day NE May 30, 2009 NOTE: Slides, files and resources are all online So you can listen /think hard and not worry about writing everything down! Joomla Templates

More information

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development 4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services

More information

How to code, test, and validate a web page

How to code, test, and validate a web page Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Prerequisite: CGA 101, or written permission of instructor.

Prerequisite: CGA 101, or written permission of instructor. Salem Community College Course Syllabus Course Title: Web Page Design Course Code: CGA 140 Lecture Hours: 2 Lab Hours: 2 Credits: 3 Course Description: Web Page Design will introduce the student to basic

More information

Advanced Web Design. Zac Van Note. www.design-link.org

Advanced Web Design. Zac Van Note. www.design-link.org Advanced Web Design Zac Van Note www.design-link.org COURSE ID: CP 341F90033T COURSE TITLE: Advanced Web Design COURSE DESCRIPTION: 2/21/04 Sat 9:00:00 AM - 4:00:00 PM 1 day Recommended Text: HTML for

More information

Coding Standards for Web Development

Coding Standards for Web Development DotNetDaily.net Coding Standards for Web Development This document was downloaded from http://www.dotnetdaily.net/ You are permitted to use and distribute this document for any noncommercial purpose as

More information

A send-a-friend application with ASP Smart Mailer

A send-a-friend application with ASP Smart Mailer A send-a-friend application with ASP Smart Mailer Every site likes more visitors. One of the ways that big sites do this is using a simple form that allows people to send their friends a quick email about

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Pemrograman Web. 1. Pengenalan Web Server. M. Udin Harun Al Rasyid, S.Kom, Ph.D http://lecturer.eepis-its.edu/~udinharun udinharun@eepis-its.

Pemrograman Web. 1. Pengenalan Web Server. M. Udin Harun Al Rasyid, S.Kom, Ph.D http://lecturer.eepis-its.edu/~udinharun udinharun@eepis-its. Pemrograman Web 1. Pengenalan Web Server M. Udin Harun Al Rasyid, S.Kom, Ph.D http://lecturer.eepis-its.edu/~udinharun udinharun@eepis-its.edu Table of Contents World Wide Web Web Page Web Server Internet

More information

CTIS 256 Web Technologies II. Week # 1 Serkan GENÇ

CTIS 256 Web Technologies II. Week # 1 Serkan GENÇ CTIS 256 Web Technologies II Week # 1 Serkan GENÇ Introduction Aim: to be able to develop web-based applications using PHP (programming language) and mysql(dbms). Internet is a huge network structure connecting

More information

Blueball Design Dynamic Content 2 Stack Readme Manual v1.0

Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 Blueball Design Dynamic Content 2 Stack Readme Manual v1.0 A unique responsive stack that dynamically populates and updates a content area within the stack using a warehoused external XML flat text file

More information

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

More information

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812

PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812 PELLISSIPPI STATE COMMUNITY COLLEGE MASTER SYLLABUS WEB DESIGN III: ADVANCED SITE DESIGN WEB 2812 Class Hours: 3.0 Credit Hours: 3.0 Laboratory Hours: 0.0 Revised: Spring 2011 NOTE: This course is not

More information

Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf

Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 1 The Web, revisited WEB 2.0 marco.ronchetti@unitn.it Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 2 The old web: 1994 HTML pages (hyperlinks)

More information

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created

More information

This document is for informational purposes only. PowerMapper Software makes no warranties, express or implied in this document.

This document is for informational purposes only. PowerMapper Software makes no warranties, express or implied in this document. SortSite 5 User Manual SortSite 5 User Manual... 1 Overview... 2 Introduction to SortSite... 2 How SortSite Works... 2 Checkpoints... 3 Errors... 3 Spell Checker... 3 Accessibility... 3 Browser Compatibility...

More information

Table of contents. HTML5 Data Bindings SEO DMXzone

Table of contents. HTML5 Data Bindings SEO DMXzone Table of contents Table of contents... 1 About HTML5 Data Bindings SEO... 2 Features in Detail... 3 The Basics: Insert HTML5 Data Bindings SEO on a Page and Test it... 7 Video: Insert HTML5 Data Bindings

More information

New Features Overview

New Features Overview Master Web Site Development AceHTML 6 Pro is a highly effective tool that allows you to build and manage professional Web sites with ease, control, and efficiency. By balancing power and flexibility, AceHTML

More information

Base template development guide

Base template development guide Scandiweb Base template development guide General This document from Scandiweb.com contains Magento theme development guides and theme development case study. It will basically cover two topics Magento

More information

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION

Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels

More information

ProNav Magento User Manual

ProNav Magento User Manual ProNav 0.1.0 Magento User Manual Overview ProNav from Brandammo Commerce works seamlessly with Magento Static blocks to deliver a fully customizable mega drop-down navigation for your online store. Browser

More information

California State University Polytechnic University. CIS 311 Interactive Web Development. Fall 2011

California State University Polytechnic University. CIS 311 Interactive Web Development. Fall 2011 California State University Polytechnic University CIS 311 Interactive Web Development Fall 2011 Basic Information Class time Tuesday Thursday 1:00 3:00 PM Class location C4-27 Textbooks Web Applications

More information

Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1

Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Contents Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Time for action - Viewing the mobile sample site 2 What just happened 4 Time for Action - Mobile device redirection

More information

Automation using Selenium

Automation using Selenium Table of Contents 1. A view on Automation Testing... 3 2. Automation Testing Tools... 3 2.1 Licensed Tools... 3 2.1.1 Market Growth & Productivity... 4 2.1.2 Current Scenario... 4 2.2 Open Source Tools...

More information

Quick Reference Guide: Shared Hosting

Quick Reference Guide: Shared Hosting : Shared Hosting TABLE OF CONTENTS GENERAL INFORMATION...2 WEB SERVER PLATFORM SPECIFIC INFORMATION...2 WEBSITE TRAFFIC ANALYSIS TOOLS...3 DETAILED STEPS ON HOW TO PUBLISH YOUR WEBSITE...6 FREQUENTLY ASKED

More information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

More information

Web Browsing Examples. How Web Browsing and HTTP Works

Web Browsing Examples. How Web Browsing and HTTP Works How Web Browsing and HTTP Works 1 1 2 Lets consider an example that shows how web browsing and HTTP work. The example will cover a simple, but very common case. There are many more details of HTTP that

More information

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head

More information

Learnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady

Learnem.com. Web Development Course Series. Quickly Learn. Web Design Using HTML. By: Siamak Sarmady Learnem.com Web Development Course Series Quickly Learn Web Design Using HTML By: Siamak Sarmady L E A R N E M W E B D E V E L O P M E N T C O U R S E S E R I E S Quickly Learn Web Design Using HTML Ver.

More information

SPLIT BLOCK FINAL Web Design

SPLIT BLOCK FINAL Web Design SPLIT BLOCK FINAL Web Design MULTIPLE CHOICE 1. A(n) site shares user-created content with site visitors. a. portal c. informational/educational b. Web 2.0 d. business 2. sites include Erly, Flickr, Pinterest,

More information

Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella

Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella Google Web Toolkit Progetto di Applicazioni Software a.a. 2011/12 Massimo Mecella Introduction Ajax (Asynchronous JavaScript and XML) refers to a broad range of techniques Beyond the technical jargon,

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

Client-Server Architecture The Classical Client-Server Model

Client-Server Architecture The Classical Client-Server Model Apache 60.31% IIS (by Microsoft) 19.34% nginx (by Igor Sysoev) 7.65% GWS (by Google) 5.09% lighttpd 0.60% Web Servers Market Share 2011 -Server Architecture The Classical -Server Model 37 38 -Server Architecture

More information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

More information

Requirements for Developing WebWorks Help

Requirements for Developing WebWorks Help WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information

More information

Building Your Website

Building Your Website Building Your Website HTML & CSS This guide is primarily aimed at people building their first web site and those who have tried in the past but struggled with some of the technical terms and processes.

More information

Web Publishing Basics 2

Web Publishing Basics 2 Web Publishing Basics 2 HTML and CSS Coding Jeff Pankin pankin@mit.edu Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What

More information

WebEdit Professional v5.0 Installation and Developer Guide www.webedpro.com. Release Date 01 May 2003

WebEdit Professional v5.0 Installation and Developer Guide www.webedpro.com. Release Date 01 May 2003 WebEdit Professional v5.0 Installation and Developer Guide www.webedpro.com Release Date 01 May 2003 PHP Installation and Developer Guide Table of Contents INTRODUCTION... 3 SERVER COMPATIBILITY... 5 CLIENT

More information

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:

More information

Release 1. ICAPRG604A Create cloud computing services

Release 1. ICAPRG604A Create cloud computing services Release 1 ICAPRG604A Create cloud computing services ICAPRG604A Create cloud computing services Modification History Release Release 1 Comments This version first released with ICA11 Information and Communications

More information