HTML Text editors and adding graphics

Slides:

Advertisements

Similar presentations

Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.

Advertisements

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

Using Advanced Cascading Style Sheets

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.

Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.

Designing a Webpage (from the very start). Background of HTML Don’t download a complete page. Download set of instructions (HTML): –Put this writing here…

TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)

Unit 4.4 We are HTML Editors

CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)

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

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

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.

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.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

Hypertext Mark-Up Language Web Page Creation HTML.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

Homework #4 HTML Web Assignment II ©2001 E. Kinnear.

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

Computers - Second Steps Entry Level 3 Copyright © Google.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.

4 HTML Basics 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.

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.

December 22, 2010 Computer Science Mr. Verlin Web Design.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Unit 2, Lesson 7 Creating Web Pages and Web Documents.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.

Open the index.html Open this PowerPoint from the S Drive IDT folder Chapman Images.ppt.

GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.

Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

BUILDING A WEB PAGE BASIC HTML CODING. We first open notepad to start to build our web page. We enter the code at the beginning. And then we write below.

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.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

“Successful Uses of HTML Computer Code” Shannon Harwell.

How to build a Web Page or “The things geeks never told you!”

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.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Online PD Basic HTML The Magic Of Web Pages

Introduction to HTML:.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

How to create a web page using word …

Saving a .html file in NotePad

Introduction to Web Page Design

WEB DEVELOPMENT TRAINING

Starting to develop a website

Exercise 34 - Skills The Assets panel’s library feature enables you to insert and change elements automatically on multiple pages in your site. You can.

Websites lesson 5.

Nerd Website HTML.

How to PostPower Point Presentations

Creating your first website

Quiz Mrs. Witham May 4, 2017.

Creating your first website

CAII 4.01 Web Page Design Terms List 2.

Presentation transcript:

HTML Text editors and adding graphics Computing

Learning Intentions To be able to: use notepad to amend, write and save HTML code To know: how to use HTML code to insert graphics To understand: The links between the HTML code and its webpage Computing

Adding images all images must be saved in the same folder as the web pages in order to display them. Make sure save your images to your yr8 ICT / HTML folder Computing

Computing

Computing

Computing

Computing

How much progress did you make? Learning Intentions To be able to: use notepad to amend, write and save HTML code To know: how to use HTML code to insert graphics To understand: The links between the HTML code and its webpage Yr 8 HTML