CS3L: Introduction to Symbolic Programming Summer 2008 Gilbert Chou Bonus Lecture: Web Programming.

Slides:



Advertisements
Similar presentations
JavaScript – Quiz #8 Lecture Code:
Advertisements

WEB PAGES: Create & Maintain Week 12 Creating FORMS.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
The jQuery library. What is jQuery ? A javascript lightweight library Is very easy to use Is powerful Is cross-browser compatible Downloadable from jQuery.com,
CSCI 3100 Tutorial 6 Web Development Tools 1 Cuiyun GAO 1.
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
Today CSS HTML A project.
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
CSS CSS Precise Aesthetic Control. Cascading Style Sheets Though they can be put in HTML header, usually a separate page that the HTML links to Contains.
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
Very quick intro HTML and CSS. Sample html A Web Title.
JQuery A Javascript Library Hard things made eas(ier) Norman White.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
Chapter 6 Basic forms 1. Forms and query string 2 form : a group of user input (UI) controls that accepts information from the user and sends the information.
Cascading Style Sheets SP.772 May 6, CSS Useful for creating one unified look for an entire web site. Helps to seperate style from content. Can.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Week 12: JQuery Write less, do more.. JQuery Basics Lightweight JavaScript Library – Emphasizes interaction between JavaScript and HTML – Reduces technical.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
Web Development & Design Foundations with XHTML Chapter 9 Key Concepts.
Chapter 10 Form Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Ahmed Mumtaz Mustehsan
Key question  What are the three standardized core languages used to implement web pages? Write the full name not the abbreviation and describe the “layer”
Internet and Web Application Development Revision.
How to create a website with HTML and PHP The very basics By Alexander Niehoff.
225 City Avenue, Suite 106 Bala Cynwyd, PA , phone , fax presents… HTML Lists, Tables and Forms v2.0.
HTML. Basic HTML HTML document – HTML headings – to HTML paragraphs – HTML links – HTML images –
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
CIS234A Lecture 9 Instructor Greg D’Andrea. Working with Table's Column Groups We've formatted the content of the table columns by modifying the attributes.
Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.
Introduction to Programming the WWW I CMSC Summer 2004 Lecture 7.
Introduction to CSS. What is CSS?  Cascading Style Sheets  Used for styling HTML  Also important in javascript and jquery for selectors  External.
ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
Week 9 - Form Basics Key Concepts 1. 1.Describe common uses of forms on web pages 2.Create forms on web pages using the form, input, textarea, and select.
Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.
Session I Chapter 1 - Introduction to Web Development
CHAPTER 5 jQuery อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.
CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.
Advanced Web Development Instructor: Thomas Bombach.
JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.
Cascading Style Sheets
1 © Netskills Quality Internet Training, University of Newcastle Using Style Sheets in Dreamweaver CS © Netskills, Quality Internet Training, University.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
26 HTML Tables … surround table … surround each row … surround each cell … like, but bold and centered by default (for table headings) … table title No.
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
HTML FORMS The TEXT Object Presented By: Ankit Gupta.
CIT 256 CSS Intro & Dreamweaver Built-in Layouts Dr. Beryl Hoffman.
Web Programming Introduction to Web Technology HTML & Dynamic web content.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 6.
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
JavaScript and Ajax (JavaScript Dynamic HTML (DHTML)) Week 7 Web site:
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
Introduction to.
Introduction to Web programming
E-commerce Applications Development
The Internet 10/27/11 XHTML Forms
Introduction to Web programming
Presentation transcript:

CS3L: Introduction to Symbolic Programming Summer 2008 Gilbert Chou Bonus Lecture: Web Programming

Web Languages/Tools HTML Javascript CSS PHP Apache, Lighttpd MySQL, PostgreSQL, SQLite Java, ASP.NET, Ruby on Rails, Django

HTML Basics Tags... Forms Attributes

HTML Tags Structure html, head, body div, span table, th, tr, td Text p, h1-6 Links -... Include script, style, link

HTML Forms Method POST versus GET Action Input checkbox radio button password submit

PHP Using POST and GET information $_GET, $_POST, $_REQUEST Ex. echo $_GET['name']; Syntax $ is used at the start of variables Control structures: if, for, while End each line with a semicolon Use braces for control structures

HTML Attributes Identifiers id, class, name Additional Information value, selected, checked Style Ex. style=”display: none;” Javascript onclick, onchange

CSS Defines how the html is displayed Syntax: div#test_block p.text { color: blue; font-size: large; } p:hover { background-color: yellow; }

CSS Options Color: color Text-align: (left or right)‏ Font-family: font (arial, sans-serif)‏ Font-size: size (large, small)‏ Border: width, style, color Margin: top, right, bottom, left Background-color: color

Javascript Improve functionality and interface AJAX Javascript libraries JQuery

Events click, change, hover, toggle Manipulation html, before, after, append, appendTo, remove Effects slideToggle, fadeIn, show, hide Attributes attr, removeAttr, css

SCHEME WEBSERVER! Server side scripting Generated HTML content Special syntax: Quasiquote ` Unquote, (define (start intial-request)...)‏

Helper Procedures extract-binding/single request-bindings send/suspend format

PLT Scheme Try it out