HTML/CSS Tutorials
If you are embedding ExaVault's Secure FTP web client on your web page, you might want to brush up a bit on your HTML and CSS. Here are a few good sites with guided tutorials.
HTML Dog
…HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.
The tutorials are easy to follow, have a nice pace, and plainly written. HTML Dog also has a great CSS and HTML reference page.
Author's Note: This is where I originally learned HTML/CSS.
W3 Schools
…The largest web developer site on the net,
…Full Web Building Tutorials, - ALL FREE!
W3Schools offers a very comprehensive set of tutorials and exercises for mastering HTML/CSS. They also have a great on-stie editor so you can see your work in real time.
Text Editors
If you are completely new to HTML/CSS, you'll want to get cozy with a text editor. Notepad (Windows) will work, however, there are other programs out there that make writing code a lot easier. Once you've been exposed to syntax highlighting and auto-completion, you'll understand!
Coda
Coda website »
Wikipedia's Coda page »
The story of Coda > So, we code web sites by hand. And one day, it hit us: our web workflow was wonky. We’d have our text editor open, with Transmit open to save files to the server. We’d be previewing in Safari, adjusting SQL in a Terminal, using a CSS editor and reading references on the web. “This could be easier,” we declared. “And much cooler.”
Coda is a commercial text editor and web development application for Mac OS X. It's developed by Panic, Inc. – the same people who produce Transmit FTP. If you use a Mac, then you need to look at Coda – plain and simple.
Notepad++
Notepad++ website »
Wikipedia's Notepad++ page »
Notepad++ is a free source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.
If you use Microsoft Windows and need a good all-purpose text editor and source code editor, then you should take a look at Notepad++.
Komodo Edit
Komodo Edit website »
Wikipedia's ActiveState Komodo page »
Komodo Edit is a free, open source editor from dynamic language experts.
Komodo Edit is great for all manner of scripting languages as well as HTML/CSS. It does a great job and has a great set of plugins. It's also platform independent – meaning it works great on Mac, Windows and *nix.
Google Sites STYLE Attribute Examples
Embedding EVFTP on Google Sites
Using the STYLE Attribute with Google Sites
If you are using Google Sites to embed EVFTP, then you will discover very quickly that CSS isn't supported in the standard way. But that doesn't mean that you can't use CSS attributes with Google Sites - it just means that you will have to be a bit more creative about how you write your HTML.
In a Nutshell:
- You will have to embed CSS properties inside of each HTML tag using the style attribute.
- Properties need to be contained within double-quotes:
style=”foo”. - Just like CSS, multiple properties are separated with a semi-colon (
;).
Example 1: Margin, Font and Background
Font, margin and background formatting inside the span element
<span style="background: #F1F1F1;
font-style: italic;
margin: 2em, 0em">
Font, margin and background inside the span element
</span>
Example 2: Color, Top-Margin, Justification
- A formatted bullet list
- Google Sites is a free way to get a website up quick.
- Google Sites is very novice friendly.
<ul>
<li style="margin-top: .3em; color: red">
A formatted bullet list
</li>
<li style="margin-top: 1em; text-align: center">
Google Sites is a free way to get a website up quick.
</li>
<li style="margin-top: .3em; text-align: right">
Google Sites is very novice friendly.
</li>
</ul>