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

Post on 26-Dec-2015

219 views 0 download

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

CGS3066: Web Programming and DesignSummer 2014

InstructorMir Anamul Hasan

Course Information

• Instructor: Mir Anamul Hasan • Office: MCH 104 • Office Hours: Tuesday 3:00-5:00 pm• Email: hasan@cs.fsu.edu • 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-: 90 - 85• B+: 85 – 80• B: 80 – 75• B-: 75 - 70;• C: 70 - 60• F: 60 - 0.

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

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

• <!DOCTYPE html><html><body>

<?phpecho "My first PHP script!";?>

</body></html>

• MySQL is a relational database management system

• SQL is a standard language for accessing databases.

SELECT * FROM Customers;

Content Management System

Thank You