Video Tutorial CSS Div Layers & Classes
Here is a simple and quick tutorial on using CSS Div Layers and classes tags to start off your design skills.
Related Tags
- div video tutorial ,div tutorial ,css div tutorial ,div layers tutorial ,tutorial css div ,div layer tutorial ,css div video tutorial ,css video tutorial ,div tutorial css ,css div layers ,div tutorial video ,video tutorial css ,css div layer ,css div video ,div layers ,css div ,css div tutorial video ,div layers css ,div tag tutorial vedio ,divs video tutorial
Creating a Webpage – MacroMedia Guide
Here is a quick and easy guide on creating and publishing your first web page using Macromedia.
STEP ONE : Choosing format
- Decide whether you want the articles/information on your webpage to be published directly onto the page or as a document link. Document links are less desirable for many reasons, mainly that they can take up more room than a webpage and are more difficult to edit. However if you are in a hurry you can simply link documents that already exists to your blank webpage, saving you having to create text and images from scratch on the page.
- Depending on your software, the editing tools may be limited with only a select list of fonts, colours and design features. This may also make it more desirable to use external editing software and then link these documents to your webpage. When you publish a document link you can create a document in another program (Word, Adobe etc) using all its design and editing features. This can be useful for newsletters or any product catalogues that require special design touches, but there may be maximum limits on the size of the document that can be linked.
STEP TWO : Preparing Photographs
- If you are publishing photos onto your webpage, then you will need to format them to ensure they are of a good quality and the right size.
- A photo can be large enough to fit the page if you like, but will take longer to load and take up more room, so it is advised that you keep them to no more than 450 pixels wide (this will automatically amend the height as well). You can resize photos in editing programs such as Microsoft Photo Editor, simply by clicking on ‘Image’ in the tool bar and the ‘resize’, and change the sizes by pixels, cm or inches:
STEP THREE – Writing Article
- Create a new page, and select a title. Try and keep the titles to a standard format, to help you sort and organize the page more efficiently. The year, month, date and subject matter is a good idea, with an underscore separating each word, such as ‘090409_Contact_Us’:
- In Macromedia the area you can type and edit is highlighted in blue and called the ‘main content’ box. This will enlarge down the page as you type.
- If at any time you want to view the page you are working on, as it would appear as published, you can press F12. This will create a temporary draft, which you can close when you have finished viewing.
- Try to avoid underlining titles on your webpage, as Macromedia will automatically interpret these as links to other webpages or documents.
- If you want to save this draft to work on at a later date then click on ‘Save for later’ button at the top of the screen – you must do this every time you come out of the page otherwise all data will be lost.
- Complete the metadata before you publish.
STEP FOUR– Publish Webpage
- When the article is finally complete, and the metadata is in place, you can publish the page. Click on the Publish button at the top of the screen and a message will appear asking you if you want to go ahead and publish, click ‘OK’.
- You may at this point be asked to select the folder the page is to be published to (this is common is shared network programs to ensure universal publishing). Select an appropriate folder and click ‘OK’ (if you have done this a few times before the program will automatically saves it to the normal folder but just check first).
Related Tags
- macromedia guide ,macromedia webpage ,create a draft webpage without publishing ,create webpages ,creating a webpage & how many pixels ,creating webpage using macromedia ,creting web page at macromedia ,how many pixels to a webpage in psd ,how to a webpage in macromedia ,how to format the web page in macromedia ,linkdomain:webdesigncompany com -site:webdesigncompany com ,links:www webdesigncomapny com ,macromedia ,macromedia create webpage login ,macromedia for create webpages ,macromedia webpages ,making a webpage with macromedia ,making draft webpage ,making same change macromedia in all page web page ,point to folder create webpages
Linking to a File on Your Computer
If you want to add a specific document (for example Word, Excel or Powerpoint) to your website, without recreating it as a new webpage, then you can do this by creating a document link. Remember that there are some file size limits for this (as little as 150KB depending on your Contribute package), which can be restrict what size file you can link. The created link will take the viewer to a copy of the document, which is saved seperatly in the program and is not the actual file on your hard drive. This means that the original document is safe from changes/corruption, but does mean that if you need to make updates then you must make changes to the original and then relink it to the page again, deleting the old link first.
File Naming Conventions – try and name all files (Word/Excel etc) using the standard convention of year,month and date, inserting an underscore between each word. This will help you to organize your website files and links more thouroughly. For example Product Information need to be saved as: “090409 __Product_Information”
Linking a Word/Excel/Powerpoint Document:
Create a specific title for your link, such as the title of the document or the product. ‘Please click here’, can be a little vague, and doesn’t take the opportunity to reinforce what the link is about, but could be used in cases where the link is non specific.
Highlight this title and then click on the ‘LINK’ function in the toolbar and select “FILE ON MY COMPUTER”:
The insert dialog box nows appears and use this to search for the file that you want to link through the ‘Browse’ function.
Once you have selected the file you want click ‘OK’, and a copy of this file will be automaticallly added to the title link. You can check the link in Contribute by creating a temporary draft of your webpage by pressing F12, which is brought up in a new screen. In this draft you can click on the link and ensure the correct document appears. Close this temporary draft only, and then go back and continue writing the main draft of the article.
Related Tags
- design
Inserting A Flashpaper Document – Macromedia Tutorial
Flashpaper is a file condensing program, and is useful for large files that contain important infromation that you wish to send to others, or display on your webpage. Here is a quick guide to inserting a Flashpaper document onto your web page layout.
Select the part of the page you want the document to appear in, and then click on ‘INSERT’ on the toolbar, and select ‘DOCUMENT WITH FLASHPAPER’.
Use the search function to find the Flashpaper file you want to insert.
Click on open, to bring up the next dialogue box, and select which pages settings you want (usually standard size or A4 and portrait).
The system then asks you to confirm the Flashpaper content is accessible, click OK to continue, and the document will now insert automatically into the webpage.
BTW How was your Christmas season ?
Related Tags
- flash paper tutorial ,flashpaper tutorial ,adobe flash paper tutorial ,flash paper webmaster ,flashpaper document ,adobe flash paper 2 tutor ,como insertar flash paper 2 ,copy a document from flash paper ,design ,flash paper 2 flash tutorial ,flash paper big file ,flash paper document ,flash paper document management ,flash paper effect tutorial ,flash paper management ,flashpaper settings ,flashpaper tutoriale ,flashpaper tutorials ,how to copy protected flash paper ,initial settings for flashpaper 2 0 documents













