CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.

Slides:



Advertisements
Similar presentations
Freelancing with Website Development
Advertisements

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Introduction to JavaScript
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
TS 313 Multimedia Applications Welcome to TS 313 Multimedia Applications There is no audio lecture associated with this set of introduction slides Refer.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
1st Project Introduction to HTML.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Review HTML  What is HTML?  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
+ Connecting to the Web Week 7, Lecture A. + Midterm Basics Thursday February 28 during Class The lab Tuesday, February 26 is optional review Class on.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
Creating a Basic Web Page
Internet and Web Application Development Revision.
Server-side Scripting Powering the webs favourite services.
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
Web Design: HTML & CSS Lauren Lewis Mauricio Gomez.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
STILL CHAPTER 4 More Style. Topics How to specify “style” for beautifying your content?  Using tag and style attributes and values Separate file for.css.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
CS 494 Web Development Class Size: Winter, 214: 97 Spring, 214: 81 Summer, 2014: 69.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
Introduction Fall Dr. Chuck Lillie – Oxendine 1219 – – –
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
ALBERT WAVERING BOBBY SENG. Welcome  Introductions  Existing knowledge?  Laptops?  Course goals  Introduction to several topics  Encourage creativity.
Cascading Style Sheets CSS. Source W3Schools
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
MAT 279 Data Communication and the Internet Prof. Shamik Sengupta Office New Building
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Search: Prof. Jeff Sonstein Home Contact Website Design & Tech ( ) Fall 2011  Professor Jeff Sonstein Office: GOL-2555 Hours: T/R 10am-noon
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
SY306 Web & Databases for Cyber Operations Spring 2016 LCDR Phong Le
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
CX Introduction to Web Programming Introduction & Overview Prepared by: KAR First Prepared on: Last Modified on: xx-xx-xx Quality checked.
PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.
Web Basics: HTML/CSS/JavaScript What are they?
Web Technologies Computing Science Thompson Rivers University
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Introduction to Dynamic Web Programming
Chapter 1 Introduction to HTML.
The Internet and HTML Code
Objective % Select and utilize tools to design and develop websites.
Department of Computer Science, Florida State University
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Secure Web Programming
What is HTML?.
CMPT 241 Web Programming Instructor: Tina Tian.
HTML and CSS Basics.
Web Technologies Computing Science Thompson Rivers University
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan

Course Information Instructor: Mir Anamul Hasan Office: MCH 104 Office Hours: Tuesday 3:00-5:00 pm Course Site: BlackBoard

Attendance and Class Schedule Monday, Wednesday & Friday 5:15 pm – 6:30 pm LOV 103 Attendance is crucial to understanding the topic and performing well in this class.

Grading Policy – Quizzes: 10%. – Assignment:30%; – Midterm:15%; – Final exam:15%; – Project: 30%

Grading Scale A: 100 – 90 A-: B+: 85 – 80 B: 80 – 75 B-: ; C: F:

Goal This course involves an overview of Internet communications and information services as well as technologies on which the Internet and Web are built. It focuses on Web design, development, and scripting with participants learning the latest tools and techniques for building professional-grade, dynamic, and interactive web pages and sites.

How it Works

Objectives The assignments and structure of the class is organized to accomplish the following learning objectives: HTML5 CSS 3.0 Javascript and jQuery PHP MySQL Content Management System and more items if time permits

HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags The tags describe document content HTML documents contain HTML tags and plain text

CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets are stored in CSS files

h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; }

JavaScript is the programming language of the Web. HTML to define the content of web pages CSS to specify the layout of web pages JavaScript to program the behavior of web pages

document.getElementById("demo").innerHTML = "Hello JavaScript";

PHP is a server scripting language PHP is a powerful tool for making dynamic and interactive Web pages quickly. PHP files can contain text, HTML, CSS, JavaScript, and PHP code PHP code are executed on the server, and the result is returned to the browser as plain HTML

MySQL is a relational database management system SQL is a standard language for accessing databases. SELECT * FROM Customers;

Content Management System

Thank You