Creating your Webpage with tables. This is a 2 column by 1 row table!

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Intro to HTML Basics HTML = Hypertext Mark-up Language HTML = Hypertext Mark-up Language HTML is a plain-text file that can be created using a text editor.
DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
ETT 429 Spring 2007 Web Design I.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
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
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.
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.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
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.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
Web Technologies Website Development Trade & Industrial Education
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Website Development with Dreamweaver
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Hypertext Mark-Up Language Web Page Creation HTML.
Learning to Code a Wiki in Confluence Links Images Tables Video.
Just the Facts, Maam.  How to create a basic page  How to add a table, picture, link, text and YouTube clip.  How to upload it all.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
 How to create a quiz and teacher code. 1)First find a video on Youtube or other video hosting website and copy the embed code (Video embed code pictured.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Unit 4 Create and Use Tables. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date: 09/08/2009 Period : Summary: Reasons for using tables Unit 4 Page 1 Display.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
Spiderman ©Marvel Comics Creating Web Pages (part 1)
HTML and CSS HTML is used for the content of web pages CSS is used for the style of the web pages You are going to learn how they can be combined to create.
Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
1 3/30/05CS120 The Information Era CS120 The Information Era Chapter 4 – More HTML Specifics TOPICS: Frames Problem Review, Nested Frames.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Unit 15 – Web Authoring Web Authoring Project.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
With Microsoft FrontPage 2000
Web Page Design ICT Ms. McGrew.
Essentials of HTML.
5.2.3 Be able to use HTML and CSS to construct web pages
Basic HTML and Embed Codes
ClubRunner Tutorial Home Page Stories.
Making Web pages.
Intro to Web Development Links
Presentation title here
Creating your first website
Using FrontPage Express
A02 Creating my website NAME ______________.
Presentation transcript:

Creating your Webpage with tables

This is a 2 column by 1 row table!

This is the code for the table! Here is Alfie lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing

Menu Adding a table Adding text in a table Adding titles in a table Adding hyperlinks in a table Adding images in a table Adding videos in a table

Table Making Click on the table layout you would like to do!

1 Row and 2 Columns Go to your web page and copy the code below Replace the Section# with your HTML Save your page View your page Section1 Section2

1 Row and 3 Columns Go to your web page and copy the code below Save your page View your page Section1 Section2 Section3

1 Row and 4 Columns Go to your web page Copy the code Replace the Section# with your HTML Save your page View your page Section1 Section2 Section3 Section4

2 Rows and 2 Columns Go to your web page and copy the code below Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4

2 Rows and 3 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6

3 Rows and 2 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6

3 Rows & 4 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8/td> Section9 Section10 Section11 Section12

3 Rows & 3 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8 Section9

2 Rows & 4 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8

Adding Text in a Table All features go inside the tags Adding normal text would look like this: This is my website about Cocker Spaniels and our own dog called Alfie Adding paragraph text would look like this: This is my website about Cocker Spaniels and our own dog called Alfie

Adding a Title in a Table All features go inside the tags Adding a title would look like this: Welcome to my Website

Adding Hyperlinks in a Table All features go inside the tags Adding a hyperlink would look like this: Link to BBC

Adding an Image in a Table All features go inside the tags Adding an image would look like this: I have added in width and height to resize the image!

Adding a YouTube video in a Table All features go inside the tags You need to copy the embed code from YouTube into your tag You then need to add in http at the front Adding a YouTube video would look like this: