Then 'edit' and relink the files
When editing the html code, its good practice to stagger divs and line up open and closes so you can tell which is which.
Insert 'content' div to html
create content css - and change colours so can see area in preview
If error message comes up in safari, then drag index file directly onto safari icon/open in safari and refresh.
Specify position otherwise it may not position elements where you intend them to be.
<<<<IF SOMETHING IS SOMETHING YOU NEED TO SPECIFY THAT>>>>
How to add content to website and arrange it
add this code to css to add buttons - work it out mathematically beforehand (you need to add the margins - in this case 80px each) - including a separate end button which will have an additional margin.
*if you specify 'margin' only then this will specify for a margin all the way around the button
Add to html IN BETWEEN NAV DIV:
WONT preview in safari - have to use design view in this instance
INTEGRATING IMAGES, MUSIC AND VIDEOS
Use marquess tool in photoshop to crop a certain sized area for thumbnail....
Change this to fixed size and then manually edit width and height in DESIGN tool bar across top....
save for web and devices
Code to insert image on css
html...
(drag image from files panel into html )
design view :
Lightbox for images
Shaddowbox for video - see simon for help.
Or google what you want + "javascript"
When buying webspace - choose unlimited bandwidth otherwise you could get charged.
You can add video code directly to HTML5 but it will use loads of bandwidth.
Use Vimeo to host your videos so that you don't use your own personal bandwidth.
Audio takes up a lot more space than images as well - use Soundcloud for this as it reduces how much bandwidth you will be using personally.
For domain names. 123reg.com.
For webspace, buy from One.com.
DON'T get free web space as they will put ads on your site.
Cheap deals will be rubbish.
It has live help through a messenger style element.
It also offers FTP which means you can upload from dreamweaver rather than
having to do it one file at a time.
One.com also has unlimited bandwidth and
a free email address.
When you buy webspace, they will send you this information :
FTP
Username
Password
Which you enter on Dreamweaver along with your domain name.
When you press 'TEST' it should work almost instantly. If it doesn't - It won't.
Troubleshoot :
At college you must do it through 'Port 21' (at home this doesn't matter)
At college it won't work through wifi - must use macs.
Add 'ftp.' as a prefix to your domain name.
HOW TO EDIT YOUR WEBSITE WHEN ITS LIVE
*The more updates you do on your website, the higher up the google rankings you will go. Additionally, the more your website gets clicked on on google the higher up you will go.
Updating your site - 99% of ways to do this involve software and cost money.
HOWEVER.....
Cushycms.com is free and is best for this as its online so you can update it anywhere in the world.
If you pay - you can have your own colours/branding on the site - good for web developers.
With cushy you can make your clients accounts and then they can edit their site via the areas that you have specified to be editable content.
This is the code to insert to make the 'content' area editable....
RATES
What to charge
Minimun £100 a page
e.g. 5 page site = around £800
Some people don't offer cms so you can factor that in and make you price slightly higher than someone who doesn't offer this (as they will be charging for each alteration the client wants to make).
MAKE SURE YOU SIGN A CONTRACT....
Make 3 'skamps' - sketches then once you have agreed on a 'skamp' of it, sign and then give them 10 Ammends, and if they go over that then you can charge for changes they want making.
Make them sign the actual design and add some legal stuff - see Simon.
If working with a client abroad, e-mail it, get them to print and sign it, and then send it back to you.
50% upfront - then other 50% before the website goes live.
*HOW TO MAKE A FAVICON
Find a Favicon generator website (free)
Make it in Photoshop - size dictated by Favicon generator - and then upload to get an ISO. file.
No comments:
Post a Comment