To view your master work in a browser you do this:

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

Refresher Instruction Guide Strategic Planning and Assessment Module
X-Media V2.0 Healthcare Training Jayex Technology Limited X-Media V2.0 March 2010 v
® Microsoft Office 2010 Appendix A: Introduction to SkyDrive and Office Web Apps.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Creating and Managing RSS Feeds Kate Pitcher SUNY Geneseo © 2005
Dreamweaver Basics In this section you will learn how to:
Saving a Word Document as a Web Page
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Creating First Class Web Pages Log into your account.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Chapter Accreditation Online System Usage Tutorial Department of Member Relations & Grants National Children’s Alliance.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Computer Settings and Printing Tips Pennsylvania’s Protection From Abuse Database.
Scottish Legal Aid Board Content Management using OpenCms Martin Spinks CTO Navyblue Tuesday, March 16, 2010.
Human Geography for Teachers: GCU673 Arizona State University Valerie Mervine.
TECHNOLOGY TOOLS BY ALEXA BELTZ & MICKAELA PEREZ.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Follow these simple directions to create a place to save and share files.
Scanning and Uploading the Results of an GS Instruction Assessment.
Another Method to Open WebSpace as a Web Folder Alternative Method for Creating Web Folder in WebSpace, Slide 1Copyright © 2004, Jim Schwab, University.
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.
Sharepoint Getting started. Please log on to the Adult and Family Education website: adulted.d11.org Then go to AFE Teaching Staff and click on Valerie.
Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)
A guide for WTPS staff. Overview This document will show you how to link your Remind and Twitter feeds with your Schoolwires website. Post ONCE to either.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
Level 1 Tutorial Project How to put a movie player on your Weebly website using an HTML code.
Downloading and Installing Autodesk Inventor Professional 2015 This is a 4 step process 1.Register with the Autodesk Student Community 2.Downloading the.
FrontPage Tutorial Part 2 Creating a Course Web Site.
Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
Please NOTE… Migrating content from previous.ppt presentations may cause issues with the master slides, fonts and positions will alter, therefore we recommend;
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
FrontPage Workshop By Dr. Carol A. Marinas Topics Getting into FrontPage Layout of FrontPage Edit Existing File Copying Templates Cutting/Pasting from.
January 2006Colby College ITS Setting Up Course Pages.
Utilizing Your Class Site Class Website Guide by Kimberlee Fulbright.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
The Basics of Managing Your Department Website March 8, 2012.
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.
How to Save a Microsoft Document onto a PowerPoint Slide 1. Open Microsoft Office Word and minimize it so you can go to the internet to find your information.
So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.
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)
Instructional Design Center Embedding Google Documents in Blackboard.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
XP Creating Web Pages with Microsoft Office
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Getting an account with WordPress.com
Task 2f – part a Prove that you can receive an WITH an attachment, open it AND save the attachment to your user area. Open the with the attachment.
Note to trainers The videos in this presentation provide closed-caption files as it’s often easier for viewers of all abilities to follow along. If you.
**Please view the instructional guide as a slideshow**
With Microsoft FrontPage 2000
**Please view the instructional guide as a slideshow**
How to access your work from home or another computer
How to apply your signature
How to make a website in dreamweaver a website
Appendix A: Introduction to SkyDrive and Office Web Apps
How to customize your Microsoft SharePoint Online website
How to customize your Microsoft SharePoint Online website
Presenter Mindy Pistol Ext
DPS ONLINE WALK THROUGH
Click on Adobe dreamweaver
Microsoft PowerPoint 2007 – Unit 2
Steps in accessing Past Examination Papers
Formatting pictures & adding cover pages
Find a video that can be saved as an MP4
Presentation transcript:

To view your master work in a browser you do this: You do this to check your work. See how your work looks differently in the different browsers. This is an important step to make sure that it is working correctly.

How to create a new page for your site Click on file at top of current page and click new. A new text box will appear. Select starter templates, then basic layouts, then I chose single page. Click ok. Design it like you did the ones before it. Be sure to save the new pages in the same folder in the W:Drive as the home/index page. You want to label each page differently, so that you do not loose any of your work.

Setting up a Navigation bar for access to your different pages You will need to do a little bit of coding here! Please pay attention. Each one of your websites will have 5 pages and will need to link to each one through out. You will need to do this step last, because you will need to have all of the individual pages saved in your designated folder. Open up the page that you want your “home” page to navigate to. It will look like this…2 pages open:

Navigation Continued: On our main page you need to find the name of the document that you are going to be connecting to it. You can find the name (in case you have forgotten) here You will need to switch to “code” mode. You will need to look for the <nav> within the coding. This is where the navigation bar is set up. It will look like this : The # Hero is where the document name will go. Mine is Origins.html The >Home< Should be changed to the name of the page it will be. Mine will be Origins This is where your tabs at the top of the page for navigation are

Navigation continued: Between the two quotation marks “ “ I will change the word hero to the name of my connecting page “Origins.html” and you get rid of the #. All this does is allows my page to connect through. Next I need to change my >Home< to the title of my page. I am calling it Origins. This will rename my button.

Check your navigation: Go to File and click on Real-time preview and select your browser. A dialog box will open wanting to save your work. Click YES! This is very important so you don’t loose your work! Open your browser. You should see the name of the next paged labeled what you called it and if you click it, it should open your next page

To create more buttons for your navigation to other pages: Go to code view and copy one of the link code information. Be sure to select one that is not linked. It is to serve only as a place holder until you are ready for it. Preview it in browser Click Yes to save Paste the copied information below the other ones. It should look like mine Check your browser to make sure that it shows another button at the top. It will be labeled like another one. That is ok, because you will change it when you are ready

This is how websites end up on the internet Do to protecting your information online, your website will not actually be published on the internet. Due to this, if you would like to show your parents what you have done, then you will need to screen shot your work and email it to them.