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).

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
FrontPage Express By John G. Summerville Ph.D.©, RN.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
This work is licensed under a Creative Commons 3.0 Attribution License.
The many uses of an iPad Here are a couple tips to keep in mind: Keep it simple: A website is a place for the exchange of information. It does not need.
Wikispace Mini Lessons Editing/Adding to an existing page Uploading Images/File into wikipage Creating links to the web.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
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.
(MICROSOFT WORD) Screen Elements Special Keys Spelling & Grammar Check Font Face, Size, Style Alignment & Spacing Saving A File Closing MS Word DAY 1.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
© 2012 Boise State University1 WordPress Training February 14, 2013.
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
WIKIS: Who? What? Why? Where? …and How?. WHO? Wikis are for everyone – Students – Teachers – Administrators – Athletic Teams – Clubs – Anyone who wants.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
How to Web Page with iModules First row of icons.
How To Use Google Docs. 1. Go to the Google Docs website a) Go to b) Sign in using your username and password.
There are lots of wikis out there… But I like…. A how-to for the classroom.
How to use in your classrooms? Presented by Steve Adler, Cheryl Butler, Allen Day, and Hyewon Lee 1.
Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
Dr. Hala Fawzi  Make sure you are signed into Wikispaces  Go to: 
Open Internet Explorer Go to: my.ccsd.net Type YOUR InterAct username and password. Then Submit Query.
Office of Educational Technology School District of Philadelphia Introduction to Sites Google Sites This presentation is available at
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
Moodle with Style Integrating new technologies to empower learning and transform leadership.
Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.
Wiki Space Introduction How to use Wiki spaces to complete your project on the Crusades.
EFolio Intermediate Adding Content Adding Content Images Images Documents Documents Audio and Video Files. Audio and Video Files. Sidebar - Hyperlinks.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
A STUDENT’S GUIDE TO ADDING IMAGES TO NEW OR EXISTING BLOG POSTS Adding Images to Your Blog Post Presented by Michelle Krummel.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
WIKI/VOKI-SIMPLIFIED BENEFITS & HOW TO. Benefits of a Wiki Provides a collaborative space for the sharing of files, pictures, videos documents Allows.
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).
About Wikispaces Greenwich Public Schools Private Label: (Wiki about Wikis)
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 .
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Walking with Wiki Presentation: Cameron Janzen. Overview What is a Wiki? What is the purpose? Example work Getting started – three main steps Creating.
Step One: Introduction. Welcome to Follow My Clients! Once you log in, on the home page is your dash board. Here you will find your quick access buttons.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
How to create an educational wiki. Laurie Roberts 2010.
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
Schoolwires – District 205 created by Andrew Chidester.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Creating a Google Site For a Digital Portfolio Purpose.
Kwiksites Instant Website Creation Guide by Arvic Search Services Inc /20/2012Arvic.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
Creating & managing your Wiki (A basic guide) Mahua De and Debbie Kemp-Jackson.
Group work Create your Wiki with Wikispaces.com.
Creating & Customizing Business for Sale Websites
How to use our Enhanced Website (depednorteplanning.net)
Google Drive.
LMEvents SharePoint Portal How-to Guide
Web Page Design ICT Ms. McGrew.
Presenter Mindy Pistol Ext
Nov 5th Inservice.
Consult America Technology Consulting Services
Presentation transcript:

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). A web page is what you see on the screen when you type in a web address, click on a link, or put a query in a search engine. If you want to share an information, announcement, memos and files, you must upload into your website so that they can access anytime and anywhere through internet.

OUR OBJECTIVE IS TO CREATE A SIMPLE WEBSITE LIKE THIS OR EVEN BETTER

In the address bar, type

Click Education

Type what you want as your username when you edit your website Valid Address Password Click

Wikiname – the URL / name of your website Ex. depedinorteplanning.wikispaces.com Change United States to Philippines Type SDO Ilocos Norte (your Division)

Division Office

After accompli- shing the required field or data, click Create Click

WELCOME TO YOUR NEW WIKI Read!!!

Click Settings Click

Click General, in the Application Type, select Basic Website Click

Click Save

Setting the Themes and Colors Click

Select the theme of your website (Ex. Bubble) Click

Select also the Color Click

Wiki Controls Click Settings

CHANGING THE PERMISSION FROM PRIVATE TO PUBLIC AND TO PROTECTED Click

Click Here

Click

Select Philippines Type your CP No. Click

Enter Verification code

Pls. Read!!! Click Dashboard

Pls. Read!!! Click Dashboard

Click Here

Click

Click Protected

Click Update

Pls. read!!!

CREATING HOME PAGE Click Wiki Home

Click Edit

Insert Link like Page or File, Web Addresses and EDITING TOOLS Bold Italic Underline Style of Text Heading Format Number and Bullet list Horizontal line Insert File, Pictures, Videos Insert Codes like HTML, Save changes Press CTRL A then delete

ADD HEADING OF THE WEBSITE Click Place the cursor where you want to insert File or Images

Browse the directory of your Heading, then click Open Click

Click to insert Wait until the File will be uploaded

Image tool Click Center Align to align at the center of the page, or click + to resize, click +Link to add link

Click at the end of the picture to remove the highlight, press enter 1.Open the website: 2.Download the Date Code and also the Marquee Scrolling text code, copy the code 3.In the Edit menu of the website, click widget

Click Paste the code here

Highlight the text, then click Style text to format the text Style text

Increases size Decreases size Left, Center, Right

Click

Click Save to save changes in the page

Click ADDING COLUMN IN THE PAGE Steps: 1.Click Edit to Edit Page 2.Open Excel and encode the desired text and column 3.Copy and paste to your page

Format the text, by clicking the Style text button in the editing tool and complete the column 1, 2, and 3, like in the sample website

Click Save NOTE: You can copy text in Word, or in other website, then paste in your page

To format your home just like in the sample, you download a picture of Website Links, get a code of your shoutbox in the IT Officer will assist you.

All files, photos or pictures that you want to imbed in your website, you must upload first Inserting Website Links picture

Browse the file or photo, then click open Click

Wait until a notification that the file is uploaded, click the file to insert into your page Click

YOUR HOME PAGE

ADD LOGO IN THE WEBSITE Logo Click Settings Click

Click Logo Click Choose File

Browse the file (logo) in your directory Click Save

RESULT

ADDING WEBPAGE Click

Pages and Files – it is where you can add page, delete files and pages, upload files Click

Create a table in MS Excel like this Highlight and copy it and paste it in your page Type the Page name Click

Format the text by using the Style Text icon

To upload a file: 1.Click File button in the editing tool bar 2.Click Upload Files 3.Browse the File, then click open, wait until the file is uploaded 4.Click the file to insert (be sure that the cursor is placed where you want to insert the file Manage Table Type the Date Type the Description Upload the memo

This is now your Division Memo page

ADDING LINKS Click Edit

Click Highlight the text you want to add a link Ex. DepEd Website

Click Type the web address or URL Click to Change link Click

Added links

1 2 3 What is the Storage Capacity of your Website?

MANAGING TABLE, ROWS AND COLUMNS Click Edit Click

To insert rows between the heading and the first row, place the cursor after Files/links, click manage table, click row, Add Row, add below Manage Table

Column inserted

Row Added RESULT NOTE: THERE ARE LOT MORE FEATURES, YOU CAN EXPLORE BY YOURSELF

If you need Technical Assistance (TA) regarding this presentation, please contact CP Number: Facebook account: ALFREDO MEDRANO