How to use CoffeeCup Visual Site Designer.wmv | Tutorial 1 - Homepage & Navigation

How to use CoffeeCup Visual Site Designer.wmv | Tutorial 1 - Homepage & Navigation


Note: I highly recommend watching this video in HD (720p) from the settings icon (bottom right of the video screen)

The following video tutorial provides a basic overview on how to use Visual Site Designer by CoffeeCup Website Software.

In this tutorial, we look at how to create a basic homepage using visual site designer. We will also look at how to setup a page and create navigation buttons. CoffeeCup Visual Site Designer is often referred to as WYSIWYG (what you see is what you get) this means you don't have to have any knowledge of HTML code, and you can still build an effective tailor designed website.

The video was tailored to my students, however, you may find this useful if you are also learning the basics of this software. My students have previously created sketch designs of how they would like their website to look and I would recommend you carry out the same procedure before creating your website! I also suggested creating a new blank website as this gives you much more freedom to create your own unique designs.

Visual Site Designer is reasonably priced and although it may not compete with the large website software packages, it does help to learn the basic aspects of creating a website.

The software can be downloaded on free trial from:
http://www.coffeecup.com/designer/

This video tutorial is to support students during their Advanced Apprenticeship in Social Media, specifically focusing on certain outcomes for City and Guilds - Unit 205 Website Software

Any questions, feel free to ask and I will try to get in touch with you.

Thank you for watching this Visual Site Designer tutorial

Video Length: 15:08
Uploaded By: Alex Meredith
View Count: 8,529

Related Software Products
CoffeeCup VisualSite Designer
CoffeeCup VisualSite Designer

Published By:
CoffeeCup Software

Description:
CoffeeCup Visual Site Designer is a WYSIWYG Website creator and editor that helps you make Webpages with no experience or HTML knowledge. Just drag and drop images or text on the page until you like what you see, and then upload it to your Website. Visual Site Designer comes with 10 Webpage themes to start you off. Create Websites with multiple pages, text fields, graphics, animations, and more. Add your own images or use the built-in button and background creators to make every step a breeze. ...

CoffeeCup HTML Editor
CoffeeCup HTML Editor

Published By:
CoffeeCup Software

Description:
CoffeeCup HTML Editor: Advanced web design for everyone. You want to create great websites, totally stellar, kick-butt websites that leave people saying, "Wow, you really made that?" Consider the HTML Editor your new best friend. HTML veterans, you'll create standards-compliant sites using powerful tools like code completion and built-in validation. Rookies, get ready to learn the ropes with resources like the comprehensive tag reference and vibrant website themes. And for those of you who like ...


Related Videos
How to create a Website Project in CoffeeCup's HTML Editor
How to create a Website Project in CoffeeCup's HTML Editor

This is a short video on how to create a website project in CoffeeCup's HTML Editor and why it is important to do so! Hope this helps! hr / bClosed Caption:/b hello and thanks for joining me for this short tutorial on the importance of setting up a website project first I'd like to stress the importance of a website project there's one major reason to set up the project organization you know how businesses use the expressionbr ...
Video Length: 08:34
Uploaded By: Adam East
View Count: 63,057

Coffee Cup Visual Site Designer Tutorial 1
Coffee Cup Visual Site Designer Tutorial 1

Setting up a page in VSD Choosing a theme, adjusting a theme, page properties, object properties hr / bClosed Caption:/b font color="#E5E5E5"welcome to this tutorial the first in a/font series of tutorials on the coffee cup visualfont color="#CCCCCC" site designer now I've opened/font font color="#CCCCCC"program and this is/fontfont color="#E5E5E5" our welcome screen/font and it's asking us three questionsfont ...
Video Length: 04:38
Uploaded By: TurtleRunning
View Count: 52,615

Best HTML Editor Software - Top 10 List
Best HTML Editor Software - Top 10 List

Top 10 List of Best HTML Editor Software. Real People, Real Reviews Only on: http://www.peoplereviews.net Here is a List of Top 10 Best HTML Editor Software. Top 10: TopStyle Top 9: Web Studio Top 8: EditPlus Top 7: CSE HTML Validator Top 6: BestAddress HTML Editor Top 5: phpDesigner Top 4: Expression Web Top 3: Komodo IDE Top 2: CoffeeCup HTML Editor Top 1: Adobe Dreamweaver This video is only for instructional or ...
Video Length: 02:30
Uploaded By: Top 10 Software Reviews
View Count: 14,259

how to make a website using html coffee cup
how to make a website using html coffee cup

this is how to make a web page. you do not need to add !PDFTYPE html to make the page to work. alll you need is the !DOCTYPE html. the only time you need the pdftype is when you want to add a pdf file to the page. A newer version is coming soon so stay tune for that and now with sound.
Video Length: 12:14
Uploaded By: Kevin Carr
View Count: 13,399

HTML Writing: CoffeeCup for Beginners
HTML Writing: CoffeeCup for Beginners

This short tutorial is for beginners who are using HTML writing/editing with the CoffeeCup web editor program. I go over a few important commands of HTML writing/editing and some neat elements of the program. hr / bClosed Caption:/b hello everybodyfont color="#CCCCCC" this/fontfont color="#E5E5E5" tutorial is for/font beginners who are using HTML editing and writingfont color="#CCCCCC" i'll/fontfont color="#E5E5E5" show some important/fontbr ...
Video Length: 08:37
Uploaded By: Annie Ginther
View Count: 13,043

Get Started With Free HTML Editor
Get Started With Free HTML Editor

Learn how to use Free HTML Editor 12.9 by Coffee Cup. This is a great piece of software that is sure to make your web design experience easier, faster, and just plain better! Check out my website: http://www.callmetechsavvy.com Please comment on the posts. hr / bClosed Caption:/b hello everyone this is robert fromfont color="#E5E5E5" call/font mefont color="#CCCCCC" tech-savvy dot-com where we give you/font the bestfont ...
Video Length: 11:05
Uploaded By: Call Me Tech Savvy
View Count: 10,383

The Free HTML Editor, HTML
The Free HTML Editor, HTML

I joined Maker Studios & so can you! Click here to see if your channel qualifies for RPM Network/Maker Studios: http://awe.sm/eDpWk The Free HTML Editor is a Drag-and-Drop Editor With Built-In FTP! The CoffeeCup Free HTML Editor is a drag-and-drop HTML Editor with built-in FTP uploading. It has wizards for tables, frames, forms, and fonts, and comes with all HTML 4.0 and XHTML tags. The free version also includes wizards for images and links, as well as a QuickStart ...
Video Length: 01:47
Uploaded By: DJ Lando
View Count: 9,962

CoffeeCup HTML Editor
CoffeeCup HTML Editor

Http://CoffeeCup.com Http://damontechlive.net http://twitter.com/Damontechlive Follow Us hr / bClosed Caption:/b me back Union on the show you know too cold each to mounds handy coffeeCup HTML Editor you can be used to download this day coffee company will do linguine sidebar the time you input your website name who put into line done okie to that you click on the new under rulebr ...
Video Length: 02:07
Uploaded By: DamonTechLive
View Count: 8,965

Free HTML Editor - Coffee Cup
Free HTML Editor - Coffee Cup

This is a product review for a software called HTML Editor 12.9 by Coffee Cup. Please check out my site at http://www.callmetechsavvy.com for more articles, videos, and tutorials. Also feel free to leave comments and recommendations for more videos. Thanks! Tech News. Tech Skills. Be Tech Savvy. hr / bClosed Caption:/b hello everybody this is Robert from kami tech-savvy dot com the place where we bring out tech-savvy and you a witch want to do a ...
Video Length: 09:02
Uploaded By: Call Me Tech Savvy
View Count: 6,862

CoffeeCup Visual Site Designer Tutorial 7 Contact Form
CoffeeCup Visual Site Designer Tutorial 7 Contact Form

Tutorial on making an email contact form using CoffeeCup Web Form Builder There are 4 parts to this tutorial. This is part 1. hr / bClosed Caption:/b welcome to the company kept visual site designer to trial number seven in this tutorial in going to be showing you had to bad email contact us peach or form to your pH and that's why we have this man appeared this link appears and I don't remember if this was the ...
Video Length: 04:25
Uploaded By: TurtleRunning
View Count: 5,653

Copyright © 2025, Ivertech. All rights reserved.