How to make and publish a web page

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

DREAMWEAVER Welcome to our website!
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
How to post to Wordpress Chruton Budd. Click on the Login link.
Hosting Your Web site Guide to Accessing Student Web Space (for most up-to-date information)
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Find your video on youtube e.g. Place the work ‘kick’ in the url.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
How to create a website for free Panagiotis Kafkarkou.
Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.
Back to Basics…If I Can Get My Mom to do it…. PowerPoint and Multi-Media Presentations A few key terms Hyperlinking = linking to a website, video, document.
Building and managing class pages on our new Web site School Wires Training.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
A Power Point Presentation For... A Power Point Presentation ( click to advance slides )
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
How to Add/Change Panel Graphics A Tutorial for Website Administrators August 2013.
Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.
Online Classrooms Katherine Carswell Holly Academy Middle School
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
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.
Title Text... Text... Text... Text... Text... Insert Picture.
CMS Directions 1. Open Internet Explorer to our home page. 2. Click SIGN IN.
Link to a video Click here to see a moviehere. Insert video.
Sports Website Creation. In this project you will design and produce your own website.
PowerPoint Extras. Eyes to the front please! Action Buttons.
Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.
How to make and publish a web page. Create a folder.
How to embed a video into a power point if you do not have internet access. You will need to download the video to your computer or a flash drive. Drag.
Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School.
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).
FrontPage Workshop By Dr. Carol A. Marinas Topics Getting into FrontPage Layout of FrontPage Edit Existing File Copying Templates Cutting/Pasting from.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
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).
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Welcome to What is weebly.com? How does weebly.com work? What can I do with a weebly website? Contact Information: Marissa Sampson
Title Text... Text... Text... Text... Text... Text animation Fist text Fist text Fist text Fist text Fist text Fist text Fist text t Second text Second.
Wikis: Creative Collaboration in The Classroom  A wiki is a website that allows the user to easily add, remove, or edit information  A wiki can be accessible.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
Want to embed a video so you click to play not to link?
Senior Project Presentation Help Ms. Grandchamp. Agenda What a PowerPoint Should Have Order of the Pages Helpful Hints on Formatting Saving Your Presentation.
 When preparing a lesson, create a new folder  Put ALL materials related to the lesson into the folder  Include all video clips, audio clips, documents,
Simple steps of using Google Earth to prepare Field Study report Objectives This simple guide uses Google Earth, the free version for students to organize.
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Group work Create your Wiki with Wikispaces.com.
How to make and publish a web page
Geography 121 Homepage Design Project Zero
~ How to create a basic website Part II ~
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
Web Page Design ICT Ms. McGrew.
How to Create a PBWorks Site
Presenter Mindy Pistol Ext
مسابقة المدرسين المجددين
A Power Point Presentation
Lesson Objectives Lesson Outcomes
Introduction to the ISB Intranet
How to PostPower Point Presentations
2. Press Browse and search for the video file you need.
HOW TO ADD SIGNATURE TO MICROSOFT OFFICE OUTLOOK
To insert a hyperlink ( a web page address, URL) using text
Applying References and Hyperlinks in Word 2010
The Basics of Adding Internal and External hyperlinks
Presentation transcript:

How to make and publish a web page

Create a folder

Choose a simple (no space) name for the folder

Download http://www.csulb.edu/~arezaei/resume.doc

Make a word document with some text and pictures

Save it as a webpage

Save the file as a webpage

Make sure you save it inside the folder

Make internal-external links External Link 1- Select (highlight) the word you want to link. 2- Insert Hyperlink 3- Type the URL (web address) of the web site that you want to make the link with in the Upper window. 4- Click OK. Internal Link 1- Put your Cursor on the target place 2- Go to Insert/Bookmark and type ONE word (this word will be your bookmark) and click on Add. 3- Select the text (the origin or the link) and Insert Hyperlink 4- Click on (Bookmarks button or Place in This Document) in the left window 5- Click on the Browse button to find your bookmark word. Then Click OK. See attached link

Make link to audio video See attached link

Make a link to YouTube

Embed Youtube Video

Developer Tab

More Control

Shockwave Flash Object

Draw Movie Boarder

Right Click / Properties

Insert the URL of youtube

Remove watch?v=

Replace it with http://www.youtube.com/watch?v=kO8x8eoU3L4 http://www.youtube.com/watch/v/kO8x8eoU3L4

Save the file as a webpage

Make sure you save it inside the folder

Publishing Topublish your web page you either need a file transfer tool such as FileZilla, WinSCP, or similar tools or you have to have Internet Explorer as explained in following pages

Go to: ftp.csulb.edu

Input your CSULB username & password Your user name is the first part of your email address

You will see this page

Open ftp site in Windows Explorer

Input your username & password again

Open the htdocs folder

Copy and paste your web page (the whole folder) into this htdocs folder

How to see your published webpage?

Visit your web apge Go to the following address http://www.csulb.edu/~your user name/Folder Name/File Name.htm For example,  http://www.csulb.edu/~arezaei/practice/resume.htm