topBanner

DREAMWEAVER TUTORIAL VIDEO

 

 

 

Welcome to Dreamweaver Tutorial Video Website.
You'll learn basic knowledge of how to use Dreamweaver tools
and create your first website throught this tutorials.

 

 

 

 

PURPOSE

This site will design to help teach Dreamweaver to beginners. Dreamweaver is a web page editor, designed to allow users to create web pages without having to write the HTML code by hand. I will teach how to add multimedia elements such as flash (.swf) file, quick time (.mov) file into html page, how to make frames, layout, css style list...etc. There are many people wanted to create their own site and this tutorial will be the first step to know how to use Dreamweaver to make their own personal style webpage.

------------------------------------------------------------------------------------------------------------------------

 

GOALS

The main goal for this site is to educate people how to create a basic website and publish it to the Internet for personal or business purpose.

------------------------------------------------------------------------------------------------------------------------

 

BASIC NEEDS

  1. User should know general knowledge of how to operate computer for basic needs.
  2. Know how to connect their computer to Internet
  3. Know how to get online
  4. Know how to use web browsers
  5. Know how to type URL to open online tutorial video website
  6. Know how to download things from a website

------------------------------------------------------------------------------------------------------------------------

 

SOFTWARE NEEDED

  1. Internet Explore, Firefox (for PC user) / Safari, Firefox (for Mac user)
  2. Flash Player to run Tutorial Video
  3. Dreamweaver CS3 to practice to create a website
  4. Photoshop CS3 to make / edit your graphics & images

------------------------------------------------------------------------------------------------------------------------

 

OPERATING SYSTEM

  1. Windows XP or better
  2. MAC OS 10 or better

------------------------------------------------------------------------------------------------------------------------

 

GETTING STARTED


  1. Turned on your computer
  2. Connect your wired / wireless mouse to your computer
  3. Connect your wired / wireless keyboard to your computer
  4. Turn on your speakers
  5. Open your web browser application software
  6. Open Dreamweaver application software

------------------------------------------------------------------------------------------------------------------------

 

 

Download PDF

 

 

Web Terminologies

 

  1. ActiveX - Microsoft's answer to JAVA. ActiveX (TM) is a technology and set of programming tools from Microsoft for building interactivity with users into Web pages and application programs. ActiveX includes what Microsoft used to call Object Linking and Embedding (OLE) and adds more. There are ActiveX controls and ActiveX documents. Controls are objects that can be imbedded into Web pages (for example, small messages that pop up unexpectedly or images that become active when selected with a mouse) or into application programs off the Web. Controls are roughly similar to Java applets. Documents are objects that are viewable and navigable with a viewer.

  2. ADSL - (Asymmetric Digital Subscriber Line) A Broadband DSL line where the upload speed is different from the download speed. Usually the download speed is much greater. The problem with ADSL is you have to be 3.5 km from a telephone exchange, although improved technology has made it possible for you to be 5.5 km away.

  3. Anonymous FTP - A method of logging on to another computer to download files without having an account on the other computer. Typically used for public downloads of software, you would use Anonymous for the login, and your e-mail address for your Password.

  4. Applet - A JAVA applet is a nifty way of producing special effects on a web page. It consists of 2 parts-the instruction code and the program itself. The code is integrated into the HTML source of the web page, while the Applet program is downloaded onto a user's computer. The program is then run using the parameter specified by the code. Applets cannot be used to alter or destroy a user's computer in any way.

  5. ASCII - American Standard Code for Information Interchange. This is the most common code for text on computers. It is a sequential formula for representing English characters (all the upper and lower-case Latin letters, numbers, punctuation, etc.) with each character assigned a number from 0 to 127.

  6. Browser - A program that allows you to see, read, and hear information on the World Wide Web. The two most popular browsers are Microsoft's Internet Explorer and Netscape Navigator.

  7. CSS - Cascading Style Sheet. A set of instructions that when attached to a web page defines the appearance (style and layout) of text and other elements. The term cascading derives from the fact that multiple style sheets can be applied to the same Web page(s).

  8. Domain Name - This is a unique name that is assigned to a specific machine or IP address. The domain points to the IP address of a computer on the Internet. DNS Domain Name Server - A computer that translates between IP addresses that people have difficulty remembering and domain names which are much easier to recall.

  9. Download - The process of copying files from a remote computer (server) down to your own system.

  10. FTP - File Transfer Protocol. This is a method by which files are moved/exchanged from one computer to another over a network. FTP was in use long before the Web.

  11. GIF - Graphic Interchange Format. A type of graphics file defined by CompuServe. This is one of the main graphics formats used on the World Wide Web. It is limited to a maximum of 256 colours and better for illustrations or graphical titles. For photo's JPEG is usually better.

  12. HTML - Hyper Text Markup Language. The programming language that defines how web pages are formatted and displayed (see also CSS). The language uses a system of codes or tags that identifies and defines the logical parts of a web page/document. Your web browser interprets these codes and displays the document accordingly.

  13. HTTP - Hyper Text Transfer Protocol. The networking standard computers use to transfer information containing hyper Text, mainly web pages. The http:// in a URL tells your web browser to fetch and transmit the relevant Hyper Text document.

  14. Internet - (upper-case I) The global network that connects millions of computers in over 100 countries together. Various computer networks communicate with each other all over the globe in a matter of seconds using TCP/IP. The Internet can be used to access a variety of different services such as World Wide Web, E-Mail, FTP, Newsgroups, & IRC and doesn't just refer to the Web.

  15. Intranet - A private network that uses the same tools and software as the public Internet, but on a much smaller scale. This structure is typically used by corporations to relay and present information to its employees in an efficient and timely manner.

  16. JavaScript - Java's little brother. Unlike Java programs (called Applets), JavaScript is not compiled, meaning to use this you simply need to add the script to existing HTML for the web browser to interpret. There's no applet to download. Although not as powerful as a Java program, JavaScript tends to be more compact, quicker to run, and easier to use.

  17. JPEG - pronounced jay-peg - Joint Photographic Experts Group. The name of the committee that designed the photographic image-compression standard. One of the main image formats used on the Web, this is a compressed format which is optimal for full colour photographs or digital images. Compression is balanced against loss of detail, the greater the compression the more detail is lost but the smaller the file size (this is known as lossy compression).

  18. Link - These are the hypertext connections between Web pages. This is a synonym for hotlinks or hyperlinks.

  19. Server - A computer system that manages and delivers information for client computers.

  20. Upload - The opposite of a download, this is sending information from a local system to a remote system usually via FTP.

  21. URL - Uniform Resource Locator pronounced YU-AHR-EHL. An address for a file (or resource) on the Internet. The URL is broken down into three main parts. The first tells you what Internet Application Protocol is being used, i.e. http:// for web pages (hyper-text files) or ftp:// for standard files. The second part is the address of the computer or the domain name. And finally the pathname of where the file is stored on the host computer (server).

  22. Web Site - A collection of web pages or WWW files starting with an index page or home page. The larger web site are often hosted on multiple servers in various geographic locations.

  23. WWW - The World Wide Web. The collection of web sites, pages, resources and users on the Internet that use HTTP.

  24. XML - eXtensible Markup Language. Basically it's a flexible way of describing common data/information. Widely used on the world wide web along with or instead of HTML, XML can be used by any individual(s) or companies that want to share information in a consistent way. The difference between XML and HTML is that the tags used in XML also tell you what sort of information the data is, a phone number, product code, price, etc.

 

For Advanced User

Give a name to your server
Access Type: FTP
FTP host: ftp.your OLS account name.aisites.com
Login: your AI email account name@stu.aii.edu
Password: same as your OLS account password

Select: Use passive FTP, then click ok

 

 

Click Done

 

You'll see your remote folder on the Right side - File Panel

 

 

public_html folder is where you can upload your files

 

 

Create a new FOLDER to upload your files

 

'

I give it a name - Tutorial
Hint: The folder name will be part of your URL
For example - my URL will be " http://www.yl372@aisites.com/tutorial/index.html

 

 

FREQUENTLY ASKED QUESTIONS


1. Why can't my computer play the tutorial video?
Your computer may don’t have ADOBE FLASH PLAYER installed.

2.Why do I need to download ADOBE FLASH PLAYER?
It’s the player lets you play the tutorial video.

3.Do I need to know HTML?
No, Dreamweaver can automatically build the basic HTML coding for your basic website. However, it would be helpful to you to use advance tools and techniques to build your website better if you have some knowledge of HTML.


4.Do I need to know Photoshop?
No. In this tutorial, we are not going to edit any graphic or images in Photoshop.


5.Do I need to know Dreamweaver?
From now on, you’ll learn how to use Dreamweaver whatever you have any prior experience and knowledge of using Dreamweaver, because you will learn the basic tools, insert images, insert text, create tables and publish your website to Internet for this tutorial video.


6.Why can’t hear sound from the tutorial video?
Make sure your speakers are turned on and plugged in to your computer.


7.How to upload my website to my school accounts?
a. You need to know your OLS account’s LOGIN name and PASSWORD.
b. You need to know school FTP host and which folder to save your files.
c. You must have an Internet connection.


8.What is school FTP host?

Host/Server: ftp.your OLS Account .aisites.com


9.Where to save my upload website files and images?
a. You have to create a folder
b. put all of your files in that folder you created
c. put that folder you created under the folder of “public_html”
d. The path to find your website files in your OLS Account:
Main » FileManager » /domains/your account name.aisites.com/”public_html"

 

 

 

Welcome to email to me if you have any questions.

Email: s2977y@hotmail.com

Blog: http://yusyuan-m3311.blogspot.com