UF and College of Medicine Web Pages. UF and Com Web Pages Makes heavy use of CSS Uses Server Side Includes Not the Dreamweaver kind of Templates.

Slides:

Advertisements

Similar presentations

Introduction to HTML & CSS

Advertisements

Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.

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,

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

Making Things Look Nice: Visual Appearance and CSS CMPT 281.

Technologies for web publishing Ing. Vaclav Freylich Lecture 1.

Today’s objectives Site performance Padding, Margins, Borders

COS 125 Day 13. Agenda Capstone Progress Reports Due Quiz #2 Graded 7 A’s, 3 B’s, 3 C’s and 1 no-take Assignment #3 due this Friday We review some of.

Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.

Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.

Remember, HTML is all about the meaning of your content Most HTML tags have built-in formatting that apply “meaning” to them and format their content.

 Missing (or duplicate) semicolons can make the browser completely ignore the style rule.  You may add extra spaces between the properties/values to.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

Creating Tables in a Web Site Using an External Style Sheet

PRESENTED BY: CARY-ANNE HTML AND WEB DESIGN. HTML Browsers Tags: What are they?, Common Tags Lists Links and Anchors Images DIVs Validation WHAT WE’LL.

HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Chapter 3 Working with Text and Cascading Style Sheets.

HTML Structure Building a basic web page using notepad.

XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.

Creating a Website Using the Web Page Wizard. Introduction Microsoft Word is an application to create documents. A webpage is one such document. A website.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

SSI “Server Side Includes” SSI defined Server Side Includes (SSI) are HTML comment tags which contain commands directed at the Web server. The server.

Louisa Lambregts, Louisa Lambregts

Tutorial 3 Adding and Formatting Text with CSS Styles.

Week 2: Building a Simple Website IMC 320 Web Publishing Spring 2011.

1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML.

CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.

CIT 256 CSS Intro & Dreamweaver Built-in Layouts Dr. Beryl Hoffman.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.

Creating Web Pages with Links, Images, and Embedded Style Sheets

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

Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.

Chapter 1: Intro to HTML Section 1: HTML Structure Presentation Section 2: Layout of an HTML File Section 3: Working with Lists & Tables Section 4: HTML.

Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

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

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

Getting Started – Basic Page Structure

HTML Extra Markup CS 1150 Spring 2017.

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

Introduction to Dynamic Web Programming

Web Design and Development

Coding, Testing and Valdating a Web Page

ITI 133 HTML5 Desktop and Mobile Level I

PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.

TYPO3 - Introduction.

HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page

HTML A brief introduction HTML.

HTML HYPERTEXT MARKUP LANGUAGE.

Introduction to HTML5.

HTML Structure.

Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.

HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.

Common Page Design Elements

Creating your first website

Using FrontPage Express

HyperText Markup Language

Client-Server Model: Requesting a Web Page

Cascading Style Sheets III B. Com (Paper - VI) & III B

Web Programming and Design

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

UF and College of Medicine Web Pages

UF and Com Web Pages Makes heavy use of CSS Uses Server Side Includes Not the Dreamweaver kind of Templates

Server Side Includes Can only be edited in the include file Pages must have an extension that a server recognizes to process or parse the information Preview on the server not in your local browser

SSI To add the SSI to your page use For Apache servers For Microsoft IIS servers

Div and Span Tags and tags are containers Both must be created in pairs With a beginning tag and an ending tag Div tags are block elements Similar to a paragraph Span tags are inline elements Like bookends – Just hold things together

Span Tag College of Medicine

The Navigation Highlights the page you are currently viewing. Uses an If statement Match what is in the / / to the title of the content page

Navigation PRIMARY1 HEADING PRIMARY1 HEADING

Page Titles