Just the Facts, Maam.  How to create a basic page  How to add a table, picture, link, text and YouTube clip.  How to upload it all.

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.
Development and Alumni Relations System - Communication #5 - DARS v3.0: Internet Solutions.
2.744 Dreamweaver Tutorial Sangmok Han Feb 24, 2010.
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.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Websites with Weebly are easy!. Easy Website Creation with Weebly Making your library media center’s web presence current and effective Holly Frilot,
Mozilla Thunderbird Roderick Bautista Cheryl Knott Gyeong Lee Lee Raynes Kelly Santos.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Creating Tables in a Web Site Using an External Style Sheet
SRM Community Wiki – User Guide Sign-up Edit a page Insert photo & video and other files Create pages & page menu titles Forum & commenting.
WEBSITE DESIGN COURSE SESSION 1. WORDPRESS WORDPRESS.COM ONLINE FREE SOFTWARE FREE HOSTING BUT WITH A TAG IN IT VERY SIMPLE TO MAKE WORDPRESS.ORG OFFLINE.
Creating Your Own Website
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Different ways to implement CSS. There are four different ways to use CSS in your web pages: – Inline CSS – Embedded CSS/Internal CSS – Linked CSS/External.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Website Confidence By Andrea Bailey and Nedra Rezinas.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Creating your Webpage with tables. This is a 2 column by 1 row table!
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
Blogs & Web pages & Wikis. Silent Movie Visual story telling.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Creating webpages in Google Sites. 1- Create a Gmail account.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
Websites with Weebly are easy!. Easy Website Creation with Weebly Holly Frilot, Library Media Specialist Collins Hill High School, Suwanee, GA.
Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.
Sports Website Creation. In this project you will design and produce your own website.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
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 and publish a web page. Create a folder.
 How to create a quiz and teacher code. 1)First find a video on Youtube or other video hosting website and copy the embed code (Video embed code pictured.
1 Type in the URL to access the WEBSPACE Control Panel HOW TO MAKE CHANGES AND UPDATES TO YOUR WEBSITE.
Global Teacher Blogs. Blogs – (Web log) a blog is a web site that is usually used as an individual journal and is publicly accessible. (
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Create the cover page by inserting clip art, WordArt, and text. Triple-click and enter your name here. Do not press the delete key! Triple-click and enter.
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.
CREATING A WIKI: HOW WE DO IT AND WHY IT WORKS Cluster Challenge
By ALFREDO C. MEDRANO Planning Officer III. What is a website? A website is a collection of web pages (documents that are accessed through the Internet).
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
How to Create a Glogster Poster Adapted from Ms Irving Rejuvenated by Rosie Prmigiani.
HINDU STYLE PORTFOLIO TEMPLATE
Websites with Weebly are easy!. What is Weebly? Weebly is a free website creator. It is very easy to use. If you feel comfortable creating documents with.
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.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
COMP 143 Web Development with Adobe Dreamweaver CC.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Teacher Tube Teacher tube is a great source for any digital media to use with your class. It is free to sign up, and you have access to many different.
Group work Create your Wiki with Wikispaces.com.
Working with Links and Navigation
How to make and publish a web page
With Microsoft FrontPage 2000
ΑΓΓ66 Creating a wiki Contact Session 3
How to make and publish a web page
How to Create a PBWorks Site
Presenter Mindy Pistol Ext
CSS Styles Introduction.
Basic Web Page Creation
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
How to add a website to your class Wiki
One Set of Styles Connected to As Many Pages as You Want!!!
Presentation transcript:

Just the Facts, Maam

 How to create a basic page  How to add a table, picture, link, text and YouTube clip.  How to upload it all

 CSS (Cascading Style Sheets)  Picture editing  Javascript  Search enablers  Frames  RSS (real simple syndication)  Blogs  Wikis  Advanced usability techniques  How to read html code well

Design and Code views Change “untitled 1” to a real name Html code is what we don’t see under- neath the visible webpage

 Tables can be used to format the webpage. 90% table keeps text and pictures off the edge – looks cleaner  Tables can format within the page as well

You can “draw” a table, just like in Word

Putting a little text in helps you know where to start in design view

Know where you saved your page No spaces in filename You can change the title here, also.

Remember the “text” I put inside the table? Here is the page, as saved

Most important text

Right click -Properties Gives absolute url. Pictures should end in.jpg

This can be a local file or a remote website starting with

Embed code is copied here

Embed code is copied into code view. You do not need to understand it, just copy/paste

Select remote site to connect May need to use “import site wizard” from file menu Select this!

Your school account here. Ends with your username.

Remote site starts with Local site starts with C:\documents and settings\username\

Remote site starts with Local site starts with C:\documents and settings\username\

Wordpad lines of codeWord – 551 lines of code