Healthy food in Nepal School Net Japan Naoto Kurimoto.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
Adding HTML to Blackboard
Tech in the workplace Web Final. Final Web Assignment.
CIS101 Introduction to Computing HTML Project Two.
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Photography Workshop 1. Putting photos onto the PC with a digital camera 2. Downloading pictures 3. Saving Pictures – in a file or online 4. Picture .
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.
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.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
HTML basics exercises.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
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.
Edit a Page Detailed Front End To edit any information on your web page, you will have to login to the admin tool to change it.
Adding Hyperlinks To a Web Page. Hyperlink and Its Add-Ons Main way to connect web pages and move throughout a web site. Uses the Anchor Tag which is.
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
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.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to 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.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
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.
For more information, call (610) AcademyOne, Inc. All Rights Reserved. © How to use the SOAR Transfer Center on your website Created.
Make sure you end up on this page
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Sierra Learns Computers in CSE3 By Sierra Lee Lab 2 Lab 2 Desktop Publishing with MS word Lab 5 Labs 4 & 5 Lab 6 Lab 6 Visual Programming with Alice In.
HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”
Start Dreamweaver program From file menu click new Blank page appears.
1 More About HTML Tables and Images. 22 Objectives You will be able to Create tables in HTML. Include images in your HTML page. Create links to other.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
Creating and Editing a Web Page
EFolio 401- Graduate Level Online Survey Online Survey Online Form Online Form Basic HTML programming Basic HTML programming Tables Tables Centering Graphics.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
1 HTML Tables. 22 Objectives You will be able to Create tables in HTML.
Make your own PowerPoint Jigsaw Puzzles Put Message Your Here.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
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.
Creating Web Pages with Links, Images, and Embedded Style Sheets
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Agenda 2/9/05 Art for New Media Quick Write/Sketch Last Day for basic HTML –Relative links (how to go inside a folder and back up a folder) –Changing link.
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.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
HTML GUIDE Press F5 and then
HTML Lesson 2.
My web site..
Cheat Sheet CSCI 100 JW Ryder
HTML Text editors and adding graphics
Adding information to provider pages
Enhancing Your Web Site—Adding Links Web Page
C Customize this banner with your own message! Select the letter and add your own text. Use one character per slide.
YOUR text YOUR text YOUR text YOUR text
Texts.
How to add a website to your class Wiki
Adding Text and links to your classes in PowerSchool
Presentation transcript:

Healthy food in Nepal School Net Japan Naoto Kurimoto

Practice 0 Start “Note Pad”.

Practice 1 Type The basic structure of HTML Save to your folder as the “h-f.html”

Practice 2 W click “h-f.html” in your folder  Display You can confirm white web site.

Practice 3 Type & add Healthy food in Nepal Healthy food in Nepal Save!

Practice 4 You need Type & add … Healthy food in Nepal Name: salt stone Save!

Practice 6 You need to change the size & color of text Type & add … Healthy food in Nepal Name: Salt stone Save!

Practice 7 You need to center the text Type & add … Healthy food in Nepal Name: Salt stone Save!

Practice 8 You need to make the horizontal line Type & add to make the horizontal line … Healthy food in Nepal Name: Salt stone Save!

Please write your message. … Healthy food in Nepal Name: Salt stone Message….. Save!

Practice 9 You need to put the image data Type & add to put the image data … Healthy food in Nepal Name: Salt stone Message….. … Save!

Practice 10 You need to make the link Type & add … to make the link … Healthy food in Nepal Name: Salt stone Message….. Healthy food in Nepal Save!