LDTC Workshop 3 Web Design II: Beyond the Basics.

Slides:



Advertisements
Similar presentations
Drupal Basics Part 2 Everyday Tasks Editing a page Toolbar basics Add a hyperlink Using the theme Agricultural Communications Services Integrated Media.
Advertisements

Getting Started with your Course Staff Guide. Turn Editing On Click either the link or the button as below:
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Named Anchors and Named Destinations Linking to different parts of webpages and PDFs December, 2011.
Web I Introduction to Dreamweaver and Web Publishing.
Creating First Class Web Pages Log into your account.
Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.
EDITING A DISTRICT WEB PAGE
Beginning with Microsoft Word 2007 Word Icon Microsoft Office Logo.
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.
Login using your admin password Getting started > To edit content on the website you need to login with administrative rights. Your login/ password would.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
How to Use Your By: John Muench, Chelsea Myers, Thomas Rogenski, Kyle Shaffer 1 PowerPoint & Word Document.
How to Make a Power Point By Jeff Hinton Go to Slide 2. (You can get there by going to VIEW – SLIDE SORTER.)
How to Web Page with iModules First row of icons.
How to Create an Electricity Timeline By: Mr. Toole.
A Power Point Presentation For... A Power Point Presentation ( click to advance slides )
Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman
MAKEOVER WEB EDITION MCPSS Web Site – Teacher Page Extreme.
HOW TO BUILD YOUR CULINARY ARTS PORTFOLIO. Adding a New Slide/ Duplicating a Slide Go to the slide menu on the left side of the screen Right click to.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
Just Enough HTML How to Create Basic HTML Documents.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
PowerPoint Menus and Toolbars Michele Wisniewski CTS March 2004.
CMS Directions 1. Open Internet Explorer to our home page. 2. Click SIGN IN.
Wikis. Some resources  What is a wiki:  How do you make a PBWorks account:
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/
Home Page IF Average Max Min Sum Countif Welcome to the Spread Sheets Help... I hope you find the following pages useful in learning how to use functions.
August 31, 2015 Ms. Fiorante CC Enrichment. * STEP #1 GO TO * YOU WILL NEED A GMAIL ACCOUNT TO SIGN UP.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Mark Dixon Page 1 Soft – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
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).
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).
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Menus Give Me an Example Edits Make.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
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.
Directions 1.Teachers need save this PowerPoint on the Student Server. 2.Have the students open the template from the Student Server and click on Slide.
Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Home Tab Clipboard Paste Cut Copy Format painter.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
PowerPoint Course Presenters: COURSE OVERVIEW, WELCOME & INTRODUCTIONS.
How to Make a Power Point Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
COMPREHENSIVE PowerPoint Tutorial 5 Applying Advanced Special Effects in Presentations.
Text Title: YOUR TOPIC Narrator: Narration: Replace the BOLD words with your own information Photo: Go to the Unsolved Mysteries Wiki Resources page under.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Connecting From Home Editing at Home(You don’t have to.)
4Schools Adding a Web Page.
ClubRunner Tutorial Home Page Stories.
How to make a website in dreamweaver a website
Bill Chown C I O Chapter Websites Bill Chown C I O
CTRL + A = Select text CTRL + B = Bold text CTRL + C = Copy text CTRL + D = Open font formatting window CTRL + E = Center text CTRL + F = Find a phrase.
Get folder Find page in folder for “Finding Inspiration in Words”
Web Page Design ICT Ms. McGrew.
Social media image template
A Power Point Presentation
Microsoft Word Control Keys
Starting to develop a website
Emily Grotta & Susan Harris Last Updated: May 3, 2018
Animated PowerPoint Template
How to add a website to your class Wiki
Web Application Diagram Template
Social media image template
Presentation transcript:

LDTC Workshop 3 Web Design II: Beyond the Basics

Playing with KompoZer Step 1: Open KompoZer Step 2: Select the “Open” Icon

Opening web templates Find (within your language folder) the page ‘index.html’

Formatting your text

Just like Word –Bold, italicized, underlined –Left, right and center justified –Indentation You can copy and paste information inside KompoZer as well

Creating a link Important to connect one page to another within your website Can also connect outside websites to your website

Creating a link

Adding a picture Add pictures of yourself and photos that illustrate your culture and community Include photos on your home page –And you can include more photos on other pages

Today’s activity Edit your “index” template, which will be your home page –Fill out “About me” and “Background of the language” sections –Include information from week 1 in table on home page –Create links to other websites about your language

Today’s Activity Complete “languse” template –Fill out questions about your language use Add photos!

Wrap-up Questions or Comments? Next Week - Sound Systems and Writing Systems Thank you!