Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.

Slides:



Advertisements
Similar presentations
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Advertisements

Learning the Basics – Lesson 1
Creating and Editing a Web Page Using Inline Styles
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
Creating and Editing a Web Page
CIS101 Introduction to Computing HTML Project Two.
Web Page Development Identify elements of a Web Page Start Notepad
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
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.
Creating Tables in a Web Site Using an External Style Sheet
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit F Working with Tables.
Creating Tables in a Web Site
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Web Technologies Website Development Trade & Industrial Education
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
THE BACKBONE OF EVERY WEB PAGE HTML Day 1. What will we learn? How to create a basic web page Backgrounds and colors How to link Web sites How to include.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Website Development with Dreamweaver
Creating and Editing a Web Page using HTML IMED1316.
Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.
1 Basic HTML. 2 Part 1: Basic Web Page Production.
Formatting Text Unit D. Import Text l Open TripSmart Web Site l Open dmd_1.htm from Unit D data l Save it as newsletter.htm to tripsmart folder l Save.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit E Formatting with Cascading Style Sheets.
HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.
Dreamweaver Chapter 1 Mr. Ursone Document Window.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
Getting Started with HTML Please use speaker notes for additional information!
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Sports Website Creation. In this project you will design and produce your own website.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
HTML Comprehensive Concepts and Techniques Third Edition 2 nd Project Creating and Editing a Web Page.
Start Dreamweaver program From file menu click new Blank page appears.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
HTML BASICS Why can we see images and text, hear sounds, and view video files on the Web? The browser and a language called HTML are largely responsible.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit C Formatting Page Elements with HTML.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Creating and Editing a Web Page
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
This shows CIS17 and the first day introduction..
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.
Creating and Editing a Web Page Using Inline Styles
Creating Web Pages with Links, Images, and Embedded Style Sheets
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.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Learning the Basics – Lesson 1
HTML Basics and CSS style
My web site..
Cheat Sheet CSCI 100 JW Ryder
Starting to develop a website
Cheat Sheet CSCI 100 JW Ryder
HTML Structure.
Presentation transcript:

Using Text Edit

Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.  In your general folder, create a new root folder named MySkills1.  In the MySkills1 folder, create a folder named images. You will store the images for the MySkills1 Web site in this folder.  Locate the skills/Images folder. Copy the data file p_border.gif into the images folder you just created.

Add Color and Format Text Using HTML 1. To open your skills1.html document, open Text Edit and choose File>Open. Under Files of type, select ALL Files. 2. To add the background color yellow to the page, edit the opening tag so that if appears as follows: 3. Move the insertion point to the line below the body tag. To create the blue heading for the page, key: Web Design Skills 4. Press Enter twice. TO create the first dark blue subheading, key: Skills I Already Have 5. Press Enter twice. To create the second dark blue subheading, key: Skills That I Will Learn. 6. Select File>Save to save your document

Create an Unordered List Using HTML  Open your skills1.html document in Text Edit. Position the insertions point at the end oft eh line that includes the text Skills I Already Have. Press Enter. Key:. Press Enter.  Enter the code for the first unordered list. Press Enter after keying each item.  Key: to indicate the end of the first unordered list.  Position the insertion point at the end of the line that includes the text Skills That I Will Learn. Press Enter. Key:. Press ENTER. Key the code for the second unordered list. Press Enter after keying each item.  Key: to indicate the end of the second unordered list. Select File>Save.  Now try and view on the browser!