From Template To Online Business Quick Build, Quick Delivery.

Slides:



Advertisements
Similar presentations
Assessments Online Questions (Thread) Introduction Please look under course documents. All course information will be listed there. There is a rubric there.
Advertisements

Multimedia Authoring1 Understanding Web Templates Web Templates There are many collections of templates for web pages and web sites available for use free.
Cascading Style Sheets
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
© 2014 Blackboard Inc. All rights reserved.. Learn about the different types of content you can add to your course. Add items and tools to content areas.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
This presentation can be downloaded at Presented by the Office of Public Affairs Using the Cal State L.A. Web.
Present your project in Word, PowerPoint, or Visio Copy Project information to a Web page Does your organization or team already have a Web site that’s.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Introduction to Web Lingo
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Creating and publishing accessible course materials Practical advise you can replicate.
Themes & Layout Tutorial Copyright © Liferay, Inc. All Rights Reserved. No material may be reproduced electronically or in print without written.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
Creating a Web Page HTML, FrontPage, Word, Composer.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
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.
Website design Feng Zhao College of Educatioin California State University, Northridge.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Web Technologies Website Development Trade & Industrial Education
CSS Sprites. What are sprites? In the early days of video games, memory for graphics was very low. So to make things load quickly and make graphics look.
CHAPTER 3 Working with Templates and Styles. CHAPTER OBJECTIVES  Create an Expression Web site from a template  Rename a page  Rename a folder  Add.
Website Development with Dreamweaver
Publishing Software to create, customize, publish materials such as newsletters, brochures, flyers, catalogs, and web sites.
Processing.js.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
15.1 Fundamentals of HTML.
My Website Life Sciences Faculty Portals. In Class Exercises.
© 2011 Delmar, Cengage Learning Chapter 12 Creating and Using Templates.
FILES AND ASSETS PANELS
Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
Start Dreamweaver program From file menu click new Blank page appears.
How to make tables in HTML By Daniel Arze. How do they do this?
IT Introduction to Website Development Welcome!
Web Foundations MONDAY, NOVEMBER 18, 2013 LECTURE 30: DREAMWEAVER: GETTING STARTED, INTERFACE, TAG SELECTORS, LOCAL SITE, REMOTE SITE, SYNCHRONIZATION.
Dreamweaver: Introduction and Basics. Introduction 4 Dreamweaver is a WYSIWYG HTML editor 4 WYSIWYG = What You See Is What You Get. 4 BUT..
How To Design Your Own Webpage Created Especially For You By: Amanda E. Stricklin.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
Web Design Part I. Click Menu Site to create a new site root.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
1 Working with ASP.NET Master Pages By huda AlSuwailem Reference: Mastering Microsoft Visual Web Developer 2005 Express Edition by John Paul Mueller.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
Web Content And Customer Relationship Management Solution. Transforming web sites into a customer-focused, revenue generating channel with less stress.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Creating HTML Content Files for ANGEL File Structure, Using Dreamweaver, Exporting with CASE, and Uploading to ANGEL.
My Stuff & More! How to personalize your OSLIS 2.0 “dashboard” and add files to your personal space.
Getting an account with WordPress.com
Create and edit web pages 4
Ford Foundation International Fellowships Program - Philippines
How to create a web page using word …
Adapting Files On A “Visual Webpage” (Ver /mb)
Eform Generator.
DreamWeaver CS4.
Macromedia Dreamweaver 8
How to Create a Template in Microsoft Word
Starting to develop a website
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
Log on to Typing.com Type for 10 minutes
Presentation transcript:

From Template To Online Business Quick Build, Quick Delivery

Step 1: Choose your template

Step 2: Unzip your template In your zip file, you’ll find a directory called “site”. Inside that directory, there’s a HTML file. This is your starting point!

Revision: How templates work in BC In BC, templates define which elements don’t change across your pages. Your templates wrap around pages and other items and provide a consistent look and feel throughout your site.

Step 3: Consider how to cut out the template Usually, you’re given a compete sample web page. You need to visualize which parts of the sample page are in your template, and which aren’t.

Revision: Using Triangle Triangle is an important tool in your toolkit! Use Triangle to create templates, web pages, customize templates and insert modules on pages. Use FTP for uploading images and other files. Use our web based console to create your web forms, dynamic menus and other modules.

Step 4: Get cutting! Open up Dreamweaver (you can do this in the online editor too) and Triangle, and cut out the parts you don’t want.

Step 5: Upload your images and CSS In your “site” folder there’s a few other folders Upload them using FTP to your site that you’ve already created in your partner portal.

Step 6: Create your template in the system Once your template looks like it’s supposed to, add the “{tag_pagecontent}” tag where you want pages and content to appear when merged with the template, and save the file into the system.

Step 7: Build the site! Create your web pages, make your menus, build your web forms… you take it from here!

Any Questions? Don’t forget our exclusive September Special for partners! 2 full sites for only $1995 (AUD) That’s a saving of over $590!