Mr. Rouda’s CSCI 101 sections. Web Expression Tutorial New Folder Code View New File.

Slides:



Advertisements
Similar presentations
HTML Tags and Their Functions
Advertisements

HTML: HyperText Markup Language Hello World Welcome to the world!
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
Page margin margin for header and footer. page size page orientation.
ETT 429 Spring 2007 Web Design I.
INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.
Would you like a chance to earn 10 bonus points on your next test??
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
Creating Tables in a Web Site Using an External Style Sheet
Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
A simple example An HTML file is a text (ASCII) file in a special format: Charles Ling's home page My first.
Creating your Webpage with tables. This is a 2 column by 1 row table!
How to Create an Electricity Timeline By: Mr. Toole.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Website Development with Dreamweaver
HTML | DOM. Objectives  HTML – Hypertext Markup Language  Sematic markup  Common tags/elements  Document Object Model (DOM)  Work on page | HTML.
Web Page Development: Part II Heather Rasmussen (801) Heather Rasmussen (801)
Tutorial 5 Working with Tables and Columns
Tutorial 5 Working with Tables and Columns
IS1824: Introduction to Internet Multimedia Lecture 5: Layout in HTML Rob Gleasure
HTML: Hyptertext Markup Language Doman’s Sections.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Page Layout Styles Exploring Computer Science – Lesson 3-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Images and Tables ables.asp.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
Adding a background image with CSS- The absolute basics CIT WINTER SEMESTER 2014 PRESENTED BY COLBY GRIFFITHS.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
Mr. Rouda’s CSCI 101 sections. Quiz Format of Every Page my page this is the body.
Introduction to HTML C151 Multi-User Operating Systems.
Mr. Rouda’s CSCI 101 sections. Refresher from Day One link.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Block-Level Elements.
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
01 – HTML (1) Informatics Department Parahyangan Catholic University.
Canvas Styles Adding Color with HTML / CSS Marley - Jan
PART OF SPEECH DEFINITION SYNONYM SENTENCE NAME TEACHER AND DATE1 WORDS OF THE WEEK.
PART OF SPEECH DEFINITION SYNONYM SENTENCE NAME TEACHER AND DATE1 WORDS OF THE WEEK.
HTML Basics.
Open the Nissan.html page in a suitable application and create the table shown below between Table 3 and 4. Set the appropriate sizes for each cell. A.
Create and edit web pages 4
Organizing Content with Lists and Tables
Survey of Computer Science CSCI 110, Spring 2011 Lecture 23 HTML
HTML: HyperText Markup Language
Tables:.
Essentials of HTML.
TABLES, LISTS & IMAGES.  Tables are defined with tag.  Table is divided into rows and columns.  Table must have at least one row and one column  Table.
Mr. Rouda’s CSCI 101 sections
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
Essentials of HTML.
Basic Tables.
Mr. Rouda’s CSCI 101 sections
Basic Tables.
Review - unfortunately I did not turn on the recorder right away so the first few examples will not be part of the audio. I did turn on the recorder.
Computer communications
Basic Tables.
Using FrontPage Express
HTML Basics Mr. Fazzalari.
What is a spreadsheet? A program that can carry out calculations
Step 1:. Open Microsoft FrontPage application.
Presentation transcript:

Mr. Rouda’s CSCI 101 sections

Web Expression Tutorial New Folder Code View New File

Format of Every Page my page this is the body

Lists Unordered Lists Ordered Lists Definition Lists

Lists - UnOrdered List Example – UnOrdered - 1 Here is a list of days. monday tuesday wednesday That is the end of the list.

Lists - UnOrdered List Example – UnOrdered - 2 monday tuesday Do Laundry Cut Grass Clean House wednesday

Lists - Ordered List Example – Ordered change the ul’s to ol’s monday tuesday wednesday

Lists - Definition Definition List Due Date: Next Class at 2:00pm

Tables tables are grids of rows and columns We fill in each cell row by row Table Example – simple AAAAAAAAA BBB CCC DDD

Table Table Example – adding some space AAA &nbsp &nbsp &nbsp &nbsp BBB CCC DDD

Table Table Example – border

Table Table Example – lines

Table Table Example - width AAA BBB CCC DDD

Next time Talk about Paper Images / Styles / CSS