Presentation I

1. Presentation I TERMINOLOGY

2. Prepare your computer to view file extensions In the MYCOMPUTER Icon use the menus and choose: tools>folder options Then select the VIEW tab. This is a picture of Windows 98 the approach is the same for Windows 2000/NT/XP, in the area of the radial buttons make sure you select a selection that says “Do show all system and hidden folders, subfolders, and files” Make sure there is NO checkmark in the box next to “Hide file extensions for known file types”

3. Making Files Editable when using the exercise files from the CD-Rom When files are used from a CD-Rom into any software they are in a READ-ONLY state and locked. Highlight the files, the right click on the highlight and get a contextual-drop out menu Use: “Turn off Read Only”

4. Another thing you can do to eliminate this is: Go to the folder you are going to work with for your site in DreamWeaver MX, right click, get this contextual menu and select Properties Uncheck Read-only and use the Apply button

5. DreamWeaver MX is a WYSIWYG editor for HTML WYSIWYG means What You See Is What You Get This means if you change something on the screen inside DreamWeaver MX, it will show you the results instantly. The instant feedback of this live design environment speeds up your workflow. DreamWeaver MX is a Roundtrip HTML editor Roundtrip means you can easily move between DreamWeaver MX and other HTML text editors, such as FrontPage, BBEdit, HomeSite, Coral Web, etc., without little or no change to your code. Programmers look at WYSIWYG HTML with a frowning attitude because they are inflexible and inclusion of nonstandard HTML code, this is not the case for DreamWeaver MX Designers like this editor because it writes clean code without inserting a lot of proprietary and self-serving tags, and allows designer to use the product without understanding a line of code.

6. What Does HTML Do? HTML stands for HyperText Markup Language. A derivative of SGML meaning Standard Generalized Markup Language, which is an international standard for representing text in an electronic form that can be used for exchanging documents in an independent manner. This markup was used as early as 1980 in a word processor or note pad. To display bold face you had to tag it with a beginning tag <B> and an ending tag </B>. Back in 1980 the bold was not seen until the document was printed and computer screens could not display bold. As you type on the workspace of the document in Design View in DreamWeaver MX, the HTML is generated in the background and you can view this if you go to the Code View. What is XHTML? HTML 4.01 is the most current version of HTML. In October of 2001 the Web standards committee decided to discontinue HTML and in its place put XHTML. A language nearly identical to HTML with the exception that it is written with different rules.

7. Key differences Between HTML and XHTML • All elements and attributes are in lowercase • <P> not valid <p> valid • All attributes must be contained within quotes • <td nowrap> not valid <td =“nowrap”> valid • All nonempty elements must have a closing tag • <p>not valid <p>valid</p> • All empty tags should be written with a space and a / symbol at the end of the tag • <br> not valid <br /> valid

8. What is XML? XML stands for eXtensible Markup Language. XML is a set of guidelines for delimiting text through a system of tags so it can be read and processed by a device capable of reading a text file. You can think of this as a customizable HTML that must follow a set of specific syntax rules. Developers like to work with XML because of its text format, you can do about anything with a text file, regardless of what computer and operating system you are using. For this reason, XML is used to move data between different computers and different operating systems. This is what makes XML so perfect for e-commerce solutions and sending and retrieving data from databases. DreamWeaver MX 2004 supports templates, this is in Chapter 17, “Templates and Library Items.” One of the advanced features of DreamWeaver MX is the ability to export/import XML files through a template.

9. What is DHTML? DHTM is Dynamic HTML. This is a collection of different technologies. Because of these technologies working in combinations DreamWeaver MX can do animations, drag and drop behaviors for games, and complicated rollovers. DHTM has some serious cross-platform issues as Netscape view and works dynamics quite differently than Microsoft Explorer. You need to choose what audience you are going to cater to. DHTM uses a combination of HTML, JavaScript, CSS, and DOM. Technology Explanation HTML HperText Markup Language which is the default markup for basic Web pages and the root of DHTML JavaScript A scripting language that extends the capabilities of HTML CSS Cascading Style Sheets is a page-layout system supported by version 4.0 and later browsers, which allows for better control over the appearance and positioning of elements on a Web page. DOM Document Object Model meaning a hook to outside scripting protocols, such as ActiveX, or external plug-ins like Shockwave or Flash. It allows scripts and programs to address and update documents.

10. What is JavaScript? Was developed by Netscape in 1996, as Netscape licensed the name from Sun Microsystems in hopes of increasing acceptance of a new scripting protocol. This actually has nothing to do with the Java programming language. The JavaScript routines are produced and written in the behaviors panel of DreamWeaver MX. This is the animation timeline and the drag and drop behaviors to play games in DreamWeaver MX. It is the part of DreamWeaver MX that allows you to produce “RollOver Buttons”.

11. What is a Web Application? A Web Application is a Web site that delivers dynamic data, such as Amazon.com and eBay.com. Web Applications have also been referred to as data-drive, database-driven, and are dynamic sites that deliver “streaming content text”. The Web pages are not just static, it delivers content involved with databases and server side scripting such as ASP, and Cold Fusion. Web Applications are not just in one form they be used to handle e-competence, inventory tracking, online auctions and just about anything that handles large amounts of information. DreamWeaver and UltraDev have been combined into DreamWeaver MX, that means this software can develop Web Applications in addition to static text on the document pages. This is beyond the scope of this course.

12. Download Speed - Downloading Web pages with an abundance of graphics on the Internet can be a problem. Most files on the Internet are .Gif or .Jpeg, however, Macromedia Flash MX will produce .swf files. Which means small web files. Flash has a compression scheme that optimizes both vector and bitmap files differently than .Gif or .Jpeg. Making Flash a preference for graphic intense web sites.

13. Common Gateway Interface CGI- A CGI script is a program that defines a standard way of exchanging information between a Web browser and a Web Server. CGI scripts are written using in various languages like Perl, C, ASP. When you select a company to be your Web host that you are going to pay a monthly fee to, make sure that are capable to set up the proper CGI for your usage. Credit Cards, Forms and Components.

14. Streaming Content - When .swf files are used on a Web page they where produced by Macromedia Flash MX and saved in file formats in small Units. This allows the files to display some content while the rest of the file is still downloading in the background. This method of displaying part of the file while the rest is downloading in the background is called streaming.