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
Closed Caption:

welcome to this tutorial the first in a
series of tutorials on the coffee cup
visual site designer now I've opened
program and this is our welcome screen
and it's asking us three questions do
you want to create a new website open an
existing website or file or create a new
website based on a theme
well if you're just starting out you
have no background or you have no
templates so theme would probably be
your wisest choice here so we're going
to click on that and now we see our
default themes that come up and as we
scroll through here we can make a
decision as to which one we like well I
like this business as unusual so we're
going to go with that one and up comes
our tip of the day
now these are wonderful little tidbits
that will help you solve some problems
or help you learn the program you can
read them and as you get more proficient
with the program you can always say
don't show it again for now we're going
to dismiss it by saying okay now I want
to back up just a little bit here when
you first clicked on your template we
clicked when you made your decision okay
it might have come up with something
like this
don't panic just grab it and pull it up
into with your mouse holding your mouse
and pull it up into the grey work area
and then you'll be fine now you'll also
see that i have a little boxes that
object properties and what this is
telling me or showing me is in regard to
this contact us box that has the blue
with the rectangle with the little green
handles on it now the little green
handles I could pull those and I could
lengthen that box I could widen the box
as well as in here I could change the
color but since it's on black I think
the white looks good
I could change my font to whatever I
desired I could change the size of the
haunt as well as a color again like that
or I could change it from below
old to italic underlined and then within
that box I could align my texts left
center or right but it looks ok for now
so I'm not really going to worry with
these right now but we're going to come
over to the left-hand side and we'll see
that it says the connection well that we
want our website named up there
so how do we change that well since I
wanted in the same line as the rest of
the text but i just want to change the
text we're going to put our arrow or
cursor over the first character which is
a tea and click left click once now we
see a blue box come up
well if we delete on our keyboard at
this point we delete the box and
everything but I just want to change the
type so we're going to put it back over
that tea and we're going to click left
click twice and up comes read now I can
pull drag my mouse over that and hit
delete and then I want to double-check
that if I want it in bold so I want to
kind of double-check that and I'm going
to come back here and we're going to
type in our website name and there you
go
now how do i get rid of that redbox and
basically lock it in so it doesn't go
anywhere
well just put your cursor somewhere else
and you may have to click well there's
one click went back to blue so if you
click again it disappears and now you
will see there is a blue box around this
terracotta color
well what we want to do is I don't want
anything in this
so what we're going to do is we're going
to but if you click it now you would get
rid of the terracotta and everything
that I want the terracotta color so I
just want to get rid of text so I'm
going to again put my mouse over the
first letter under well this would be s
click once now since i don't care if i
keep it in line with anything i could
just leave let the blue box around there
right-click up comes a little drop-down
that says cut and there it goes
so one more time left click
right-click cut now I'm going to pause
this and we will continue on the next
video

Video Length: 04:38
Uploaded By: TurtleRunning
View Count: 52,615

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

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

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 ...
Video Length: 15:08
Uploaded By: Alex Meredith
View Count: 8,529

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.