Enhancing Web Pages  Use Notepad to open any html file  Adding an Animation  Google search ‘free animation’  After saving one, add it to the web page.

Slides:

Advertisements

Similar presentations

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.

Advertisements

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

Start menu -> all program -> Microsoft Visual SourceSafe-> Microsoft Visual Studio 2010 Click.

Creating and Editing a Web Page Using Inline Styles

1 Web Design ITM 2010 Tutorial 3 Prepared by Wang Shiyu.

Creating a Form on a Web Page

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

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…

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

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.

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.

Did someone say Music? November 7, Adding MUSIC to a web page: 1. Find your music! 2. A good website is 3. You will.

Forms and Java script. Forms The graphical user interface -textbox, radio, button, textarea, checkbox… The processing script –CGI scripts, Perl script,

Adding an Inline Style Sheet Page without Inline Style Sheet Page with Inline Style Sheet.

Creating Tables in a Web Site

Creating Your PE Webshop Using SmartStore.biz This Tutorial assumes you have downloaded the software from This tutorial is based.

Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.

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.

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

Adding applications to your website..  Review inserting clip art and animations into a content editor web part  Change little “3 amigos” icon in top.

Web Technologies Website Development Trade & Industrial Education

Images in HTML PowerPoint How images are used in HTML.

HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.

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.

Writing a JavaScript User-Defined Function  A function is JavaScript code written to perform certain tasks repeatedly  Built-in functions.

HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.

How to Create a Document in Google Drive By Tressa Beckler.

Other web design features. Flash Flash is a Macromedia Program to create interactive “movies” or interfaces in your website Very cool thing possible Not.

U1_a02_copyright text and images ADD NAME HERE. Insert below a copyright free IMAGE that could be used in your health and safety presentation.

Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.

How to make tables in HTML By Daniel Arze. How do they do this?

Creating a rotating image banner Activity 7 Procedure Creating AP Elements 1.Start Dreamweaver and select the ‘Hong Kong Scenery’ web site. 2. Create a.

HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.

OneNote 2007 Adding text and images from the web.

Web Foundations WEDNESDAY, NOVEMBER 20, 2013 LECTURE 32: DREAMWEAVER SLIDE SHOW AND GOOGLE MAP.

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

The Homepage My Campaign is where you can track your contacts information.

Web Design Part I. Click Menu Site to create a new site root.

Inserting Flash Videos SharePoint 2007 By Joseph Risi.

Cookies (continue). Extracting Data From Cookies Data retrieved from a cookie is a simple text string. While there is no specific JavaScript function.

Starting BBEdit or Notepad and Opening the HTML File Start BBEdit or Notepad Select Open from the File Menu Open survey1.htm from the Public Folder.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

Creating Your Own Web Page Using HTML (HyperText Markup Language.

HTML Help For MGS 351 Final Project Website. Agenda Getting Started – Must-Do’s – Working from an off-campus computer – Other Resources Working with HTML.

Note:- You can unpin it any time you wish to…..

Creating and Editing a Web Page

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

How to make a PowerPoint using Windows 07? Slide Design/Background Animation Custom Animation Adding a Picture.

Creating and Editing a Web Page Using Inline Styles

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.

Google Earth. Adding Folders 1. Control Click on My Places, 2. Click on Add or.

1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.

Creating Web Pages with Links, Images, and Embedded Style Sheets

 Linking to a school website page  Linking to a class blog  Linking to student writing  Giving instructions to students.

Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.

ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.

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.

COMPREHENSIVE PowerPoint Tutorial 5 Applying Advanced Special Effects in Presentations.

Sage-Fox PowerPoint -- How To Download & Modify -- James Sager March 2016.

How to create a web page using word …

Nerd Website HTML.

HTML Structure.

Formatting pictures & adding cover pages

Hover Button Hover button Rename any two pictures in C:/100/pics to

Hyper text markup Language

Presentation transcript:

Enhancing Web Pages  Use Notepad to open any html file  Adding an Animation  Google search ‘free animation’  After saving one, add it to the web page   Add a counter script   Locate ‘Basic Date Display’ from left menu and click on it  Follow the instruction (copy codes and paste it inside the part of html file  Search for a script to add a counter

 Hover button  Rename any two pictures in C:/100/pics to  pic1.jpg and pic2.jpg  Copy codes below and paste it within part <img src=“pics/pic1.jpg" alt="News" style="border-style:none" onmouseover="this.src = ’pics/pic2.jpg';" onmouseout=“this.src = ‘pics/pic1.jpg';" />

 Rotating banners  Insert the following BEFORE tag  Replace by the following  <img src=“pics/pic1.jpg" alt="Tall Tales" id="ttbanner" sytle="border-style:none;float:right" />

 Download  Save to your C:\100  Open fishtank.html in the Notepad  View the source code, and see which parts need to be modified to have your xxx.gif shown in the background of xxx.jpg.