iorewrr.blogg.se - Membuat website dengan macromedia dreamweaver 8

#Membuat website dengan macromedia dreamweaver 8 code
#Membuat website dengan macromedia dreamweaver 8 windows

#Membuat website dengan macromedia dreamweaver 8 code

Split allows you to view both the HTML code and the design view.ĭesign shows you how the web page looks at the current moment.

Ĭode shows the code that Dreamweaver has generated and allows you to write your own HTML code.

You are now presented with a blank page You will see three buttons: Code, Split, and Design. As we want to make the HTML code XHTML compliant, tick the box ‘Make code XHTML compliant’/ ‘XHTML transitional compliance’ on the bottom right of this menu. File>new, a menu will appear choose Basic Page on the left panel and HTML on the right panel. So, choose to edit your files locally and upload them to the testing server.Ĭreate as simple web page. In this case, your testing server will be the same as your publishing server. The next section in the wizard is asking you to define the use of a testing server. If the university server has PHP installed so in the next step you can use PHP technologies support. On the site panel from the first drop down menu (Files) choose edit sites.Ĭhoose new site and then follow the wizard to define your personal web space on the university server.Ĭonnect to your NetDrive site to find the address you have to use for this connection. To do this there is a simple wizard to follow. Set Up Dreamweaver for Your Personal Web Space Start by defining your site and tell Dreamweaver how you connect to it (ftp, LAN etc), what sort of technologies you will use (PHP, Coldfusion etc), and where to keep your local files and where to test them. If a panel or inspector is checked but does not appear, choose Window > Arrange Panels. To display an item that isn't currently open, choose the item name from the menu.

A check mark next to an item in the Window menu indicates that the named item is currently open (though it may be hidden behind other windows). To open Dreamweaver's windows, inspectors, and panels, use the Window menu. Many of these items can be "docked"-that is you can combine windows, inspectors, and panels into tabbed windows.

#Membuat website dengan macromedia dreamweaver 8 windows

Dreamweaver provides many other inspectors, panels, and windows not shown here, such as the History panel and the Code inspector. The figure above shows Dreamweaver’s basic interface. It also provides a view of all the files on your local disk, much like Windows Explorer (Windows) or the Finder (Macintosh).

The Site panel allows you to manage the files and folders that make up your site. To expand a panel group, click the expander arrow at the left of the group’s name to undock a panel group, drag the gripper at the left edge of the group’s title bar. Panel groups are sets of related panels docked together under one heading. Each kind of object has different properties. The Property inspector lets you view and change a variety of properties for the selected object or text. The Document window displays the current document as you create and edit it. The Document toolbar contains buttons and pop-up menus that provide different views of the Document window (such as Design view and Code view), various viewing options, and some common operations such as previewing in a browser. If you prefer, you can insert objects using the Insert menu instead of the Insert bar. For example, you can insert an image by clicking the Image icon in the Insert bar. Each object is a piece of HTML code that allows you to set various attributes as you insert it. The Insert bar contains buttons for inserting various types of “objects,” such as images, tables, and layers, into a document. panel groups) for various purposes, and information on new features for those who have used previous versions of Dreamweaver. The Welcome window provides tips on setting up your workspace (e.g. For more detailed information, see Dreamweaver Help (Help -> Using Dreamweaver). In most cases the code that it generates is good though there are times when it could be better.ĭreamweaver Tour of Tools and Panels The following are brief descriptions of the windows and other elements in Dreamweaver’s workspace. What Dreamweaver really is, is a WYSIWYG (What You See Is What You Get) with a clever text editor for code, an ftp utility as well as some other handy utilities. Dreamweaver has changed that by providing not only correct HTML code generation but with support for XHTML, PHP, Coldfusion (cfml), XML, ASP, Dynamic HTML (DHTML) and others (you can find a list by choosing to create a new document in Dreamweaver) as well as site management, JavaScript libraries and a clever design which allows Dreamweaver to be easily extended and adapted to new HTML standards. Visual HTML editors in the past have proven to be more of a hassle rather than a helpful tool for web designers due to reasons such as non-standard and poor HTML code generation using proprietary extensions. Macromedia Dreamweaver Tutorial Introduction Macromedia Dreamweaver is one of the many visual HTML editors in the market.