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…

Slides:

Advertisements

Similar presentations

How to make a Powerpoint Presentation.

Advertisements

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Build Your Own Webpage Code Academy.

JW RyderSUNY College at Oneonta1. JW RyderSUNY College at Oneonta2 Some Basics You’re creating a work of art –Chars, images, tables, links, bulleted lists.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005.

ETT 429 Spring 2007 Web Design I.

Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

Designing a Classroom Web Site Using NVU Beginning Level.

How to link to a website in PowerPoint Bryan Mills.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Unit 1 – Improving Productivity Instructions ~ 100 words per box.

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.

Presentation: SEAS Final Jeongyoon Lee BME. Webpage project HTML entrée with some CSS sauce No web editor used (only notepad) Very simple code ◦ (accordingly)

Home can change font style and size insert text boxes, pictures, shapes and media can change layout of slide (title page, text layout)

1 Essential HTML coding By Fadi Safieddine (Week 2)

Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

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.

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.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.

  User name: 4htechclub  Password: dmacc2015   Limit.

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.

Paul Mundy Microsoft FrontPage Tips and tricks.

Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

Sports Website Creation. In this project you will design and produce your own website.

PowerPoint 2007 Can you do?. Can you..... Lesson2 Add a text box and some text Change the font of a shape Add a picture from the internet Make a picture.

Start Dreamweaver program From file menu click new Blank page appears.

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

Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

211 Multimedia Web Design Lesson 5/6 Dreamweaver Practice.

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

Teacher Websites TALIA R. COTTON. Teacher Websites Log In  To log in to your teacher website  Select Staff only on EGHS Website  Type in your .

By: Susan Freeman Getting Started 1.Go to Start Programs Microsoft PowerPoint.

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

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

Web Development Tools Milton Acevedo Jerry Jones.

Spiderman ©Marvel Comics Creating Web Pages (part 1)

Introduction to Frontpage Wed. Oct. 17, 1-2p Title V Cooperative Holly Hofmann.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

Create a PowerPoint How to. Backgrounds Where to find ‘digital paper’ to use.  Teachers Pay Teachers. You will need an account. You can join for free.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

CS 200- Web Technology I Quiz #2 (15 minutes) Web Authoring Software Kompozer.

What you can see in the picture?

PowerPoint Introduction.

Microsoft Expression Web 2

HTML GUIDE Press F5 and then

Intro to Dreamweaver Web Design Section 8-1

How to make a website in dreamweaver a website

Creating Web Page.

Insert Your Poster Title Here

HTML Text editors and adding graphics

Faculty of Humanities Insert title here.

HTML Structure.

Formatting pictures & adding cover pages

Faculty of Humanities Insert title here.

Faculty of Humanities Insert title here.

Unit 13: Website Development

Faculty of Humanities Insert title here.

Insert the title of your presentation here

Presentation transcript:

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… –Get this picture & put here… Pictures take longer to appear.

Software for HTML Webpage design software, eg. –Dreamweaver –Microsoft Frontpage Write HTML directly using notepad.

Getting Started text etc…

Changing font, colour etc.. To change font size and colour: text

Page titles title of the page

Creating Links Creating links between webpages: name of link on page href = link to another webpage vref = link to another part of this webpage.

Inserting pictures Inserting pictures into a webpage:

Making text appear Making text appear when the mouse hovers over a picture:

Creating links Turning a picture into a link:

Background pictures colours Putting pictures in the background: Changing background colours:

So far… Text: –Change colour & size. –Create links. Pictures: –Adding text. –Create links. Background.

…and now… …the advanced bit… Tables!

Tables :

Advanced Tables! Adding more tables… –Simply repeat the “code” Can even put tables within tables!

Other Tips To view HTML code –Right click a webpage –Select “view source” Legality of pictures! Buy a book… or “google”.