Why God? Why? Instructor: Eric Riley Advanced HTML.

Slides:

Advertisements

Similar presentations

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

Advertisements

In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.

Tutorial 6 Creating a Web Form

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.

Lesson 4 Advanced Forms Handling. Aggravations Long forms that make you scroll out of the normal viewing area Lets create a scrollable form that is a.

Dreamweaver MX ? Create professional web pages Visual editing functions –No need to write HTML Includes complete FTP client software Recognises.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Tutorial 6 Working with Web Forms

Active Server Pages Chapter 1. Introduction Understand how browsers and servers interacted when the Web was young Understand what early Internet and intranet.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.

Tutorial 6: Creating a Web form

CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

4-Sep-15 HTML Forms Mrs. Goins Web Design Class. Parts of a Web Form A Form is an area that can contain Form Control/Elements. Each piece of information.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

Connecting to USF Network for Web Site SSH Secure Shell is the FTP program you will use to download your http files onto the USF server. To get the SSH.

NetTech Solutions Working with Web Elements Lesson 6.

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

Creating Web Documents XHTML Project II topics should be posted Start Forms Homework: Forms not required for midterm or project 2. At some point, read.

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.

The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file names. File names ARE.

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute NAME Specifies the name for a form To specify which form to submit with JavaScript, this.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

Or Just the ma’am Instructor: Eric Riley Basic HTML.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

Presentation Topic: XML and ASP Presented by Yanzhi Zhang.

Lesson 19: Site Development with FrontPage 2003 – Advanced Features.

Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.

Planning your site/organization on the Web Please use speaker notes for additional information!

Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.

Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.

Louisa Lambregts, Louisa Lambregts

INTRODUCTION TO CSS. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features of CSS Features of CSS  Creating Style Sheet Creating Style Sheet.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

HTLM Forms CS3505. Form Handling in Browser html User Files out form WEbBROWSErWEbBROWSEr User read response submit Get URL?input html Get file html script.

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.

MAT 279 Data Communication and the Internet Prof. Shamik Sengupta Office New Building

Cascading Style Sheets

Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.

Form Processing Week Four. Form Processing Concepts The principal tool used to process Web forms stored on UNIX servers is a CGI (Common Gateway Interface)

Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.

 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.

The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.

Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

CIS 228 The Internet Day 2, 9/1/11 Hypertext. The Course Instructor: Bowen Alpern Office hour: GI 137-I, 4-5pm Tu.

CSS Layout Cascading Style Sheets. Lesson Overview  In this lesson, we’ll cover:  Brief CSS review  Creating sections with the tag  Creating inline.

COMP 143 Web Development with Adobe Dreamweaver CC.

HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.

Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.

G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher

CIS 228 The Internet Day 1, 8/30. The Course Instructor: Bowen Alpern ● Office hour: 4-5pm Tu (and by appointment)

Miguel Lara, PhD. Design and development instructional websites using a variety of web technologies such as HTML5, CSS, JavaScript, and jQuery.

CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

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

Objective % Select and utilize tools to design and develop websites.

CISC103 Web Development Basics: Web site:

Objective % Select and utilize tools to design and develop websites.

Building ASP.NET Applications 2

HTML and CSS Basics.

Client-Server Model: Requesting a Web Page

One Set of Styles Connected to As Many Pages as You Want!!!

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

Why God? Why? Instructor: Eric Riley Advanced HTML

2 Where we’ve been… In the intermediate class we saw: Where exactly your file sits How URL’s relate to your folders When to create paths Basic elements of page design How to design pages w/

3 Where we’re going… In this class we’ll discuss: What CSS, SSI and PERL/CGI are How to develop and post web forms How to use Server Side Includes as a shorthand How to edit pages in the Shell Some basic troubleshooting tips

4 Alphabet Soup: CSS Cascading Style Sheets Easily change look and feel of site Replaces a number of tags from HTML 4.0 Bob Kittle teaches our CSS class

5 Alphabet Soup: CSS Important Notes on CSS and XHTML attributes are replaced is replaced tags are replaced

6 Alphabet Soup: SSI Server Side Includes Adds some nifty features to a site Works as a shorthand system Eliminates modifying individual pages

7 Alphabet Soup: SSI CSS index.shtmlSSI

8 Alphabet Soup: SSI CSS index.shtmlSSI Compiled page 7

9 Alphabet Soup: CGI Common Gateway Interface Just a program (PERL, Javascript, C++) Helps process data from forms Easy to use (mostly) Geek Note: CGI vs. ASP

10 Web Forms We use forms all the time Some Form Uses –Standardized –Database Entries –Weblogging Examples Lab Exercise

11 Troubleshooting Things to look out for: Permission settings Form Problems Faulty Links

12 Troubleshooting More things to look out for Pages that take too long to load SSI/CSS weirdness Why is my page annoying?

13 Recap What CSS, SSI and PERL/CGI are How to develop and post web forms How to use Server Side Includes as a shorthand Some basic troubleshooting tips

14 ¿Questions? Do you have any questions about this material?

15 Evaluation Please take a moment to fill out our evaluation forms. Thank you