|
Time Saving Tips for Hand Coders using NotePad - For all Dhtml CSS and Html Pros
You do not have to FTP and refresh continuously when designing a web page to access your changes here is a practicle solution...
Just open the "view source" when on the Internet of the page you want to change
Pull down "Note Pad"
copy and paste - or - type your text
___________________________________________________________
for any images that are on the server you are coding or making a change to a page from and watnt to see exacty how it will appear
Use the following CODE in the head
base href="http://www.url.com"
(of course -www.url.com- will be changed to your site's
domain name / home directory ....
if you dont need to see the images or use your javascript - don't use the code...
Save the notepad page as whaterver.html
on to the "Desktop"
You can now instantly make changes by refeshing the HTML page that has been on the desktop - instead of making round- trip refreshes to the sever to see the results of your "tweak"ing.
After everything if Perfect - then upload or paste to the server...
Additionally:
You can ALSO test out your Perl PHP and Javascripts DHTML scripts by using this technique
You can also have an easy way to instantly EMAIL others
quicker than openning up OUTLOOK or WEBMAIL
just save the HTML page where your FORMMAIL is located
in your site - set the appropriate permissions...
Decide whether it will be TEXT Or HTML message
put in a templete that you might send frequently...
put in the YOUR REPLY EMAIL ADDRESS...
put in
quote:
don't reply to this email use the address ...
SUDDENLY-- in seconds you can send email
Lastly:
You can also use YAHOO MAIL to cut and paste snippets of webpages that you want to examine code form - just click the " view HTML " button near the bottom of the compose page.
also. you can interpret ascii test
_______________________________________________________
Tables seem to wait until the entire imformation has downloaded to display itself
CSS offers a solution for this:
CODE :
style="table-layout: fixed;"
_______________________________________________________________
Another Technique that eliminates SCROLLBARS
until they are needed :
QUOTE
CODE
body scroll="auto"
You can even "mico-manage" to specify
X or Y axis
___________________________________________________________
select -> copy & paste code
Code:
hr{color:red;height:7px;border: double 2px blue
Using this Code or a modified version of the CSS Properties for the
--------------------------------------------------------------------------------
TAG
Can yeild some very pretty and fast loading DIVIDERS & LINES
to seperate content on a Web Page...
The Tag can be modiried with the BORDER , SIZE or Color attribute
among others to appear as Photoshop-made images...
You can even add I.E. Style Filters to add various 3-D - LIKE Effects
+++++++++++++++++++++++++++++++++++++++++++++
Dynamic HTML Shortcuts -
Additionally, Dhtml can be used in a variety of creative ways - besides MENUs -
unlike FLASH they do not require a program to create and can be saved for reuse for a variety of Web pages. They are referred to as
DHTML Behaviors
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/behaviors/overview.asp
an example would be:
The "htc" extension is called and activates a saved file - like the css extension
Using these esoteric shortcuts can add a new dimension to your Websites.
|
|
