Dreamweaver3(abbreviation DW3) and Frontpage2000(abbreviation FP2000) are current mainstream webpage editor. Compare through the analysis in using a process actually, I actor or actress to editor of webpage of these two kinds of mainstreams bad reached dot individual is experienced, hope to be helped somewhat to everybody.
The concise sex of code
Without doubt, DW3 wins out with big score here:
Using the time of FP2000, collocation uses a webpage to compress software is commonplace. FP2000 often indescribable a lot of blank space are inserted in the webpage. Classics the webpage after compressing can be compared former small 30 ％ of 20 ％ ～ , and edit these blank space after saving file to disk to still can reemerge again next time, of brandish do not go. With code is concise and celebrated DW3 this respect does not have a problem of course.
To site management
The site with powerful to FP2000 photograph manages, DW3 shows inadequacy slightly:
View can show the peculiar forms for reporting statistics in FP2000 to was not linked file, slow add a file fast webpage, older file, newly, not the 15 projects detail such as link of test and verify. DW3 is done much poorlier in this respect, only simple rupturing is linked (Broken Links) , exterior link (External Links) and Gu file (Orphaned Files) 3. And there is the specification such as detailed file name, caption, size, type, modification date below the each project in unlike FP2000.
What make a person incomprehensible particularly is, DW3 does not think form context picture is the part with indispensable webpage. Should manage in the site implement in have shift to form context picture or incognito the DW3 when waiting for an operation won't hint update a link, the result can appear of course rupture link. And be based on same reason, DW3 can identify form context photograph the file that it is Gu, also affected the management to the website. Of course DW3 also has its excellent place in site management field. It can be in the whole that complete station does not realize below the case that one by one opens every file is searched replace, return those who have its peculiar HTML mark property to search, the function is powerful. FP2000 can realize complete station to search under photograph comparing but do not do replace immediately, need chases a dozen opening to replace to searching the file in result list.
FP2000 is many to a of site management bad by-product " _vti_cnf " catalog, correspondence recorded a site inside the pertinent information of each file. It is bit better that the friend that uploads a homepage to coming with MODEM can want to look for go up carry software ability to drop their filter.
Fixed assembly is newer
The library function of DW3 reachs in the function practical went up to exceed FP2000 share frame:
Want to maintain the integral style of the website, the page element such as statement of column of mark of paginal company badge, copyright, conduct propaganda, advertisement is one of essential element. When must undertake modification to these element, the workload that revises by hand is adv unimaginably. To this, FP2000 and DW3 have his solution: FP2000 is used share frame, identical content is shared on the some edge of the individual or all page on the site and keep unified newer; And DW3 established a warehouse (Library) concept, can want the place in the page reduplicative either component adds library item, free set repeats in needs page use, unified update.
Relative to the library at DW3, of FP2000 share frame to be about much more inferior. It can be in only of the webpage be chosen quadrilateral choose position, and once of setting influence is a website all pages, the page that shares frame to wanting to use can additional one by one is installed alone. The deadliest is in can covering former page content in an old table completely when FP2000 application shares frame, and share frame to be set in another form. Such harm looks to come out not quite in architect this locality, want to download whole form to just can show as a result of the browser on the network however, what can reduce a webpage greatly consequently is actual the speed that browse.
Theoretic the ability after should sharing frame content to be changed by editor only can update what stand completely to share frame, but FP2000 classics regular meeting " active " help you update. And most website updates software is to compare the webpage after be being updated last to whether be revised will decide to upload, this falls child all your pages can want to be passed again. And the library of DW3, the function is powerful, use go to the lavatory simply, without these problems, did not say.
Use operation sex
FP2000 and DW3 each has his strong point, hit a deuce:
FP2000 has as similar as Word interface and operation sex, be in especially respect of hand draw form, a lot of people feel FP2000 wants to go to the lavatory than DW3 many. Examining source code and preview the FP2000 on the function to also go to the lavatory than DW3. Still have a bit it is very important to arrange a data to collecting: Still can maintain pattern of original table, link, character from the page of the Copy in the browser is stuck in FP2000, and although use,be in in DW3 " Past As Text " also can stickup for simple text paragraph.
The mark selector that the advantage of DW3 depends on it (Tag Selector) can choose well and truly what to want editorial boy or girl friend. The form that still has it and layer are changed each other, the attribute column that depend on an object and changes automatically also suffers quite love.
Compatibility
DW3 pays attention to the compatibility at different browser platform, and FP2000 can the latent capacity of utmost play IE:
Can see the place that considers for compatibility everywhere in DW3, very commonly used in FP2000 horizontal color and caption because of support IE only and be not supported by DW3 place. The symbol of picture project list that can use directly in FP2000 is in DW3 also can flounder expresses implementation through the style. Conversely, DW3 is apart from a setting by the side of the webpage of supportive IE and NN at the same time, support IE at the same time " DIV " of layer and NN " LAYER " layer...
FP2000 is designed for IE place only almost, be no problem of course to the support of IE. But if there is user of a lot of NN to be about in your caller,was careful!
Other
The article compared editor of webpage of two big main trends the halfway difference of commonly used function. To a few relatively high-end application: Peculiar like FP2000 FrontPage server is as patulous application, familial as OFFICE cooperate with component of the job, ActiveX; The ability of design of powerful and dynamic webpage with DW3 peculiar place, with Fireworks, Flash work in coordination character is waited a moment, have the distinguishing feature of themselves. Think FP2000 agrees with generally speaking novice begin, and DW3 is so more that DW3 use for professional corporation place, how to choose to see yourself.
Monday, October 26, 2009
Dreamweaer uses skill 20
1. If why add explanatory note in the net?
◆ code: <! - - this is annotate- - >
2. If where to is EMAIL joined to link in the webpage and show booked theme?
◆ code: < A Href="mailto:yOurmail@xxx.xxx? Subject= hello ">Send Mail< /a>
3. How to make email express sheet?
◆ inputs Action="youremail@XXX.XXX" in <FORM>, refer use POST method.
4. The frame that how avoids others to put your webpage him (FRAME) in?
◆ the <HEAD> in source code... following code join between < /HEAD>:
<script Language="javascript"><! - -If (self! =top){top.location=self.location;}
- - >< /script>
5. How to join final modification date automatically?
◆ the <BODY> in source code... following code join between < /BODY>:
< Script Language="JavaScript"><! - -Document.write("Last Updated:" + Document.lastModified);
- - >< /Script>
6. How to let background picture do not roll?
◆ code: <BODY Background="bg.gif" Bgproperties="fixed" >
◆ is used in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - Body of the choice in Redefine HTML Tag, choose Fixed in the Attachment in Background next
7. How to time the webpage shut?
◆ joins following code at the back of the <BODY> in source code:
< Script LANGUAGE="JavaScript"> <! - -SetTimeout('window.close();' , 60000);
- - > < /script>
In code 60000 express 1 minute, it is an unit with millisecond.
8. Join the webpage the favorite?
◆ uses following code please: (note punctuation mark)
< A Href='#' Onclick="window.external.addFavorite('http://qiangwei.126.com' , ' [dreamy sky] DW of all sorts of webpage tool tutorial, FLASH, FIREWORKS reachs Qiangwei.126.com CGI education, chat make friend... ')" Target="_top"> adds this station favorite < /a>
9. The key word that how defines a webpage (KeyWords) ?
◆ form is as follows:
< Meta Name="keywords" Content="dreamweaver, flash, fireworks">In Content it is key word namely, separate with comma
◆ is used in Dreamweaver " Insert " - " Head " - KeyWords command
10. How to install a command to close the window that open?
◆ joins following code in source code:
< A Href="/" Onclick="javascript:wIndow.close(); Return False;"> shuts window < /a>
11. If why add a title label pasted on the cover of a Chinese-style thread-bound book in the webpage, does inside the page random jump turn?
◆ needs to insert the local input of bookmark in source code, top is inputted in called place, among them Top is the bookmark name of your set.
◆ uses bill of fare in Dreamweaver " Insert " - " Name Anchor " the command thrusts a title label pasted on the cover of a Chinese-style thread-bound book, when calling, #top is inputted in Link, top is bookmark name.
12. How to assign content to do not support the browser of frame?
◆ joins in source code below code:
This < BODY><noframes> webpage has frame structure, download new browser to watch < /noframes></ BODY> please
13. If why be joined in the webpage individual or a few blank space?
◆ inputs in source code, blank space departure is used please between every .
◆ inserts blank space with <CTRL>+<SHIFT>+<SPACE> in Dreamweaver or allow to be defeated by a few character, set its colour into the colour of setting next!
14. If why add a title label pasted on the cover of a Chinese-style thread-bound book in the webpage, does between many pages random jump turn?
◆ method and above similar, when becoming a link nevertheless, want to add name of online page file before bookmark name, be like: Other.htm#top, can jump so the Top bookmark place that turns in Other.htm page.
15. How to make form (TABLE) without frame line?
The frame attribute of ◆ general form: Border="0 "
16. How to conceal the LINK information that appears in condition column?
◆ uses following code please:
< /a> of sky of dream of < A Href="http://qiangwei.126.com" OnMouseOver="window.status='none';return True">
17. How to time be record in another webpage content?
◆ the <HEAD> in source code... < /HEAD> joins following code:
< Meta Http-equiv="refresh" Content="40;URL=http://qiangwei.126c.om " >
The will be record in Http://qiangwei.126.com automatically to be in webpage after 40 seconds
18. How to install background music for the webpage?
◆ code: < EMBED Src="music.mid" Autostart="true" Loop="2" Width="80" Height="30" >Src: The method of musical file reachs file name; Autostart: After True uploads for musical file begin automatically to broadcast, acquiesce is False (deny)Loop: True is infinite second rebroadcast, false is not rebroadcast, some is specific value (integral) for rebroadcast how many timesVolume: Limits extraction a cost is "0-100" , install volume, acquiesce is the volume of systematic itselfStarttime: "Cent: Second " , setting song begins the time that broadcast, be like, starttime="00:10" , from the 10th begin to broadcastEndtime: "Cent: Second " , setting song ends the time that broadcastWidth: Of Control Panel wideHeight: Of Control Panel tallControls: The exterior of Control PanelControls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever "
·Console: The face plate of normal volume
·Smallconsole: Lesser face plate
·Playbutton: Show broadcast pushbutton
·Pausebutton: Indication pause button
·Stopbutton: Show stop pushbutton
·Volumelever: Indication volume adjusts pushbuttonHidden: To face plate can be concealed when True
19. How the underline that take out links?
◆ the <HEAD> in source code... following code input between </HEAD>:
<style Type="text/css"> <! - -A {Text-decoration:&Nbsp;none}
- - > < /style>
◆ is used in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - A of the choice in Redefine HTML Tag, it is next in Decoration pitch on None
20. Does the Layer in Timeline take a curve?
The Layer that ◆ should make Timeline medium takes a curve, you must let him walk out of first come point-blank, go up with any one Frame among the first Frame in last Frame next bit of right key, can see have an Add Keyframe, , move your Layer to the seat that you want next, dw can generate a curve automatically, good Luck!
◆ code: <! - - this is annotate- - >
2. If where to is EMAIL joined to link in the webpage and show booked theme?
◆ code: < A Href="mailto:yOurmail@xxx.xxx? Subject= hello ">Send Mail< /a>
3. How to make email express sheet?
◆ inputs Action="youremail@XXX.XXX" in <FORM>, refer use POST method.
4. The frame that how avoids others to put your webpage him (FRAME) in?
◆ the <HEAD> in source code... following code join between < /HEAD>:
<script Language="javascript"><! - -If (self! =top){top.location=self.location;}
- - >< /script>
5. How to join final modification date automatically?
◆ the <BODY> in source code... following code join between < /BODY>:
< Script Language="JavaScript"><! - -Document.write("Last Updated:" + Document.lastModified);
- - >< /Script>
6. How to let background picture do not roll?
◆ code: <BODY Background="bg.gif" Bgproperties="fixed" >
◆ is used in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - Body of the choice in Redefine HTML Tag, choose Fixed in the Attachment in Background next
7. How to time the webpage shut?
◆ joins following code at the back of the <BODY> in source code:
< Script LANGUAGE="JavaScript"> <! - -SetTimeout('window.close();' , 60000);
- - > < /script>
In code 60000 express 1 minute, it is an unit with millisecond.
8. Join the webpage the favorite?
◆ uses following code please: (note punctuation mark)
< A Href='#' Onclick="window.external.addFavorite('http://qiangwei.126.com' , ' [dreamy sky] DW of all sorts of webpage tool tutorial, FLASH, FIREWORKS reachs Qiangwei.126.com CGI education, chat make friend... ')" Target="_top"> adds this station favorite < /a>
9. The key word that how defines a webpage (KeyWords) ?
◆ form is as follows:
< Meta Name="keywords" Content="dreamweaver, flash, fireworks">In Content it is key word namely, separate with comma
◆ is used in Dreamweaver " Insert " - " Head " - KeyWords command
10. How to install a command to close the window that open?
◆ joins following code in source code:
< A Href="/" Onclick="javascript:wIndow.close(); Return False;"> shuts window < /a>
11. If why add a title label pasted on the cover of a Chinese-style thread-bound book in the webpage, does inside the page random jump turn?
◆ needs to insert the local input of bookmark in source code, top is inputted in called place, among them Top is the bookmark name of your set.
◆ uses bill of fare in Dreamweaver " Insert " - " Name Anchor " the command thrusts a title label pasted on the cover of a Chinese-style thread-bound book, when calling, #top is inputted in Link, top is bookmark name.
12. How to assign content to do not support the browser of frame?
◆ joins in source code below code:
This < BODY><noframes> webpage has frame structure, download new browser to watch < /noframes></ BODY> please
13. If why be joined in the webpage individual or a few blank space?
◆ inputs in source code, blank space departure is used please between every .
◆ inserts blank space with <CTRL>+<SHIFT>+<SPACE> in Dreamweaver or allow to be defeated by a few character, set its colour into the colour of setting next!
14. If why add a title label pasted on the cover of a Chinese-style thread-bound book in the webpage, does between many pages random jump turn?
◆ method and above similar, when becoming a link nevertheless, want to add name of online page file before bookmark name, be like: Other.htm#top, can jump so the Top bookmark place that turns in Other.htm page.
15. How to make form (TABLE) without frame line?
The frame attribute of ◆ general form: Border="0 "
16. How to conceal the LINK information that appears in condition column?
◆ uses following code please:
< /a> of sky of dream of < A Href="http://qiangwei.126.com" OnMouseOver="window.status='none';return True">
17. How to time be record in another webpage content?
◆ the <HEAD> in source code... < /HEAD> joins following code:
< Meta Http-equiv="refresh" Content="40;URL=http://qiangwei.126c.om " >
The will be record in Http://qiangwei.126.com automatically to be in webpage after 40 seconds
18. How to install background music for the webpage?
◆ code: < EMBED Src="music.mid" Autostart="true" Loop="2" Width="80" Height="30" >Src: The method of musical file reachs file name; Autostart: After True uploads for musical file begin automatically to broadcast, acquiesce is False (deny)Loop: True is infinite second rebroadcast, false is not rebroadcast, some is specific value (integral) for rebroadcast how many timesVolume: Limits extraction a cost is "0-100" , install volume, acquiesce is the volume of systematic itselfStarttime: "Cent: Second " , setting song begins the time that broadcast, be like, starttime="00:10" , from the 10th begin to broadcastEndtime: "Cent: Second " , setting song ends the time that broadcastWidth: Of Control Panel wideHeight: Of Control Panel tallControls: The exterior of Control PanelControls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever "
·Console: The face plate of normal volume
·Smallconsole: Lesser face plate
·Playbutton: Show broadcast pushbutton
·Pausebutton: Indication pause button
·Stopbutton: Show stop pushbutton
·Volumelever: Indication volume adjusts pushbuttonHidden: To face plate can be concealed when True
19. How the underline that take out links?
◆ the <HEAD> in source code... following code input between </HEAD>:
<style Type="text/css"> <! - -A {Text-decoration:&Nbsp;none}
- - > < /style>
◆ is used in Dreamweaver " Text " - " Custom Style " - " Edit Style Sheet " - " New " - A of the choice in Redefine HTML Tag, it is next in Decoration pitch on None
20. Does the Layer in Timeline take a curve?
The Layer that ◆ should make Timeline medium takes a curve, you must let him walk out of first come point-blank, go up with any one Frame among the first Frame in last Frame next bit of right key, can see have an Add Keyframe, , move your Layer to the seat that you want next, dw can generate a curve automatically, good Luck!
DW UltraDev- - heavy fist hits out
The product it may be said of Macromedia company shows originality, the does a webpage 3 swordsman of fashionable whole world just appear on the market before long, another brand-new without exception the new product Dreamweaver UltraDev - of check appeared on the market again, be in all-around after making understanding to the English introduction of this software, it is regret of its powerful functional place shake really, cannot be able to bear or endure urgently the ground wants to present it before the reader, allow authority also I share this pleasure together, also believe at the same time the very fast person that it can become the new generation webpage that replaces Dreamweaver3 to make the arrogant arrogant of the domain. The relevant introduction of this product is below:
One, Dreamweaver UltraDev overview
Dreamweaver UltraDev is a new generation product that is based on Dreamweaver compose to add. If you had used Dreamweaver, can feel its interface and working environment dispute often are familiar with. If before you are to use handiwork or another plan will have Web application development, after using Dreamweaver UltraDev, you can feel it comes very easy and quickly.
Dreamweaver UltraDev besides the function with peculiar oneself, still provided all function of Dreamweaver 3. Dreamweaver UltraDev used Dreamweaver to go there and back mediumly (Roundtrip HTML) , roundtrip (Roundtrip XML) and mark of server going there and back (Roundtrip Server Markup) , in order to maintain the integrality of applied process source code. The operation interface of Dreamweaver UltraDev and Dreamweaver 3 are very similar. Development staff can exploit a lot of advantage with it and Macromedia Fireworks, Flash and close together and compositive Shockwave, also can use Dreamweaver can expand the framework will expand the application with custom-built Web.
It can make developer founds Web application on mainstream server platform, these platform include to be used at founding the IIS(Microsoft Internet Information Server) of ASP application, Allaire ColdFusion that founds CFML application, and the IBM WebSphere that founds JSP application and IPlanet Web Server, Enterprise Edition 4.1. Dreamweaver UltraDev is OK also with DBC, ADO or JDBC database the source joins, or join through COM object and JavaBeans and traditional database system.
Dreamweaver UltraDev is the complete replacement product of Macromedia Drumbeat 2000.
2, the new characteristic of Dreamweaver UltraDev
1. Support ASP, JSP, CFML
Dreamweaver UltraDev is the first can let develop personnel, process designing personnel and design personnel to be on a variety of server platform, visible ground is founded and edit the Web application of drive data. Can quicken network times electron to trade greatly the item pay in application, make the solution of company level from webpage and the trends that express sheet, if electronic shop, inventory runs the database application of system and enterprise interior local area network. Dreamweaver UltraDev can be generated use ASP(Active Server Pages) , JSP(JavaServer Pages) and program of application of CFML(ColdFusion Markup Language) , can contented current all sorts of need of the application development in all sorts of website construction. In an onefold development environment, can build ASP, JSP and Cold Fusion website. Come up against the new accession that develops a server every time in you, after having it, you do not need to learn new development tool again.
2. real time data is previewed
Its solid duration makes according to shedding editor function the user can be in process designing environment real time previews the Web application circumstance that can compile data. Application development personnel can check a database, generate inquire and found applied logic, use real time data to preview next (Live Data Preview) examine dynamic content. This distinctive function decreased to be in the time that is not visible development to switch makes a round trip to examine a design between environment and Web browser or check functional place to need to cost. Accordingly, processing server data while OK also proceed page design. Because what it provides some server behavior libraries, make it has highest efficiency, server behavior library helps you generate these easily to be able to show, cruise and the webpage that update the content of the database.
3. server behavior
Library of use server behavior, can help an user be founded easily use at showing, navigation and the page that update database content, improve work efficiency greatly. Bind the relevant object in the page in relevant dynamic content in pulling put interpose face, need not the script that oneself write code to be able to insert trends personally, image perhaps sets numerical value to detailed list, insert window of Checkbox, Input and HTML label attribute. In this kind of visible operation environment, you can press yourself's method completely to undertake to data the format is operated.
4. data binds calm examination implement
Had data to bind calm examination implement, put an operation to be able to bind the object in the page through procrastinating decide dynamic content. Need not write code to be able to insert dynamic text or image, or setting list, answer the property value that picks region of casing, input and other HTML number. When the job in visible view, the user can use any means formats to convert data. Need not understand or oneself write SQL code, can add you to need continuously with database connective all sorts of code.
5. database object
Object of service data library, need not understand or write SQL (structuralization inquires a language) , can add all code that join database requires immediately.
Browse all form easily, window, and browse all processes that save in the database. Check the effect that SQL will come to believe firmly you got you want quickly. Guide in the SQL that you also can write yourself or the SQL editor environment that love from you of course SQL code.
6. Inquire an editor
Use the watch in inquiring the editor can browse a database conveniently, view and memory process. Check SQL quickly, ensure get expectant a result. In inquiring an editor, you also can edit your SQL, or the SQL editor that likes from oneself guides in the environment.
7. Editor of HTML going there and back, fast mark and roundtrip server label
Use HTML going there and back (Roundtrip HTML) , fast mark editor (Quick Tag Editor) label with server going there and back (Roundtrip Server Markup) technology, can be in do not sacrifice to fall to the pilot premise of code raise application development rate. Can work in can inspect an environment while, also can maintain the complete visit to code. In the modification that makes in a view, can mirror in another view instantly come out.
Editor of 8. compositive text
The HomeSite 4.5(Windows) that complete edition included the business affairs of UltraDev to be become closely thick and fast and edition of BBEdit try out (Macintosh) , make you can accuse completely to make and visit code.
Enjoy a desktop easily in your Web website to release the control of level. Provide character and stage style and the link that contain written language of palette of HTML new-style appearance quickly.
CSS support lets you be a website easily the format of custom-built character and paragraph, use CSS lets you be used in the alignment that has whole development. Because had the choice of CSS and HTML style, brought to webpage design so incomparable flexibility and can charge a sex. HTML can edit watch sheet to offer the program of all sorts of element formats in solving form for you quickly.
The code with clean 9.
The code that the code that UltraDev generates writes by hand as you is euqally clean, without rubbish! With other congener product differs, the server target that UltraDev offers and script are not used, do not request to upload additional file to arrive server. When adding the object of UltraDev and script to the page when you, all code can see in source view. Such, you need not worry omit additional built-in file.
10. HTML style, CSS and HTML form edit
The respect edits in HTML style, CSS and HTML form, to the control of website text, you can enjoy the level that publishs to the desktop completely. Use new HTML style face plate, the type that can use character and phase quickly to text is combined. Express to cascade style (CSS) support, make you can deploy character and paragraph level type easily for a site, and, whole development group is expressed to all can sharing these cascade styles. In the choice between HTML style and CSS style, have quite big flexibility and can charge a sex. Complex HTML form edits a function, make you can division of fast setting unit, travel and row and the form that its disperse chooses.
Can apace format the relevant element in your form. What can feel just like use Microsoft Word or Excel is same, managing the time that you collect all alone and form form. Be defined beforehand and but editorial form form makes you rapid compose establishs very distinctive form pattern.
11. But custom-built working environment
Use JavaScript and XML will revise menu, command, object and HTML chromatic etc, the working environment of OK and custom-built UltraDev, improve work efficiency greatly.
12. Dynamic data format is changed
Need not write code by hand, can apace codes money and date format, URL etc, use database content and server expression.
13. Support the applied server of industrial standard
Support uses Microsoft IIS, allaire ColdFusion, IBM WebSphere, BEA WebLogic, and Netscape The industrial standard server such as Enterprise Server founds a site. Can expand UltraDev will support the server of other type easily, be like PHP and Tango.
14. Patulous ability of COM and JavaBean
It is OK that support uses object of standard application server, COM or JavaBean to found with site of connective of system of back end database. Pass the patulous API with the powerful function that Dreamweaver provides, can add the object of own company in UltraDev conveniently.
15. Extensive database supports
Use ODBC, JDBC, ADO or this locality driver, how does the site that appoints you well and truly join with the database, in order to obtain optimum behavior. Can configure the join of the standard industry server such as standard database and Oracle, SQL Server, Informix and Sybase.
16. Programmable JavaScript API
The API with powerful function of use Dreamweaver UltraDev, can add script of yourself's custom-built object, behavior, server and command to wait, need environment of custom-built UltraDev work according to his, improve work efficiency.
17. As compositive as mainstream development tool
Can be united in wedlock with the mainstream software such as Adobe Photoshop, Macromedia Fireworks and Microsoft Office, flow operation. Such as clears Word HTML (Clean Up Word HTML) change data to accuse with compositive form wait for a function, make you can easily from Microsoft Word, and content is gotten in Microsoft Excel and other electron form.
3, main in actual application body is the following now 10 respects:
1. website individuation
The standard of the interest of the client of the visit according to visitting a website, hobby and themselves, can very of individuation, the dynamic builds yourself website with custom-built type.
2. sale and inventory manage
Develop a browser to be fundamental sale and inventory management system, this system can let be mixed in what be away on official business not was in the market staff of the unit is real time undertake browsing to relevant data, edit and update.
Of 3. and client hand in a sex
The development of Web application allows a client to browse information database, they allow to undertake choosing in this database, buy and online deliver indent request.
4. Electronic business affairs
Can make website of electronic business affairs extend the product besides traditional sale channel to sell kind.
5. news and information
Develop the website that the user with a very rich information content is used easily and browses.
The management of 6. task automation
The paper with the extremely low efficiency that can replace a tradition is in li of mode. Develop a kind of automatic client / server information runs a system, had opened a browser to undertake operating. Use this management to the system can allocate automatically according to certain information principle and dog designation task.
Learn on 7. net
Go up through the net oneself are custom-built study plans to begin community study.
8. community is built
The person that build a visit can hand in the forum of the experience that flow each other
9. considers an address book
It is those who consider an address book to build, have the development of Web application. Manpower resource ministry but the case that the member that the basis is considered develops, can be added at any time or delete personnel.
10. project manages
Dog on the net project progress circumstance. Attend project personnel to make the administrative power of different grade be restricted in the light of what differ. Go allocate and controlling the limits of authority of project case to administrator.
Above these are the introductions that concern this software characteristic, see here, probably you cannot be able to bear or endure urgently already the ground wants to understand further and learn it, you perhaps should ask, in where ability find the article that learns it? Not urgent, learning a center originally next you are very fast in the article can discover relevant study data. Software downloads in MyDown please.
One, Dreamweaver UltraDev overview
Dreamweaver UltraDev is a new generation product that is based on Dreamweaver compose to add. If you had used Dreamweaver, can feel its interface and working environment dispute often are familiar with. If before you are to use handiwork or another plan will have Web application development, after using Dreamweaver UltraDev, you can feel it comes very easy and quickly.
Dreamweaver UltraDev besides the function with peculiar oneself, still provided all function of Dreamweaver 3. Dreamweaver UltraDev used Dreamweaver to go there and back mediumly (Roundtrip HTML) , roundtrip (Roundtrip XML) and mark of server going there and back (Roundtrip Server Markup) , in order to maintain the integrality of applied process source code. The operation interface of Dreamweaver UltraDev and Dreamweaver 3 are very similar. Development staff can exploit a lot of advantage with it and Macromedia Fireworks, Flash and close together and compositive Shockwave, also can use Dreamweaver can expand the framework will expand the application with custom-built Web.
It can make developer founds Web application on mainstream server platform, these platform include to be used at founding the IIS(Microsoft Internet Information Server) of ASP application, Allaire ColdFusion that founds CFML application, and the IBM WebSphere that founds JSP application and IPlanet Web Server, Enterprise Edition 4.1. Dreamweaver UltraDev is OK also with DBC, ADO or JDBC database the source joins, or join through COM object and JavaBeans and traditional database system.
Dreamweaver UltraDev is the complete replacement product of Macromedia Drumbeat 2000.
2, the new characteristic of Dreamweaver UltraDev
1. Support ASP, JSP, CFML
Dreamweaver UltraDev is the first can let develop personnel, process designing personnel and design personnel to be on a variety of server platform, visible ground is founded and edit the Web application of drive data. Can quicken network times electron to trade greatly the item pay in application, make the solution of company level from webpage and the trends that express sheet, if electronic shop, inventory runs the database application of system and enterprise interior local area network. Dreamweaver UltraDev can be generated use ASP(Active Server Pages) , JSP(JavaServer Pages) and program of application of CFML(ColdFusion Markup Language) , can contented current all sorts of need of the application development in all sorts of website construction. In an onefold development environment, can build ASP, JSP and Cold Fusion website. Come up against the new accession that develops a server every time in you, after having it, you do not need to learn new development tool again.
2. real time data is previewed
Its solid duration makes according to shedding editor function the user can be in process designing environment real time previews the Web application circumstance that can compile data. Application development personnel can check a database, generate inquire and found applied logic, use real time data to preview next (Live Data Preview) examine dynamic content. This distinctive function decreased to be in the time that is not visible development to switch makes a round trip to examine a design between environment and Web browser or check functional place to need to cost. Accordingly, processing server data while OK also proceed page design. Because what it provides some server behavior libraries, make it has highest efficiency, server behavior library helps you generate these easily to be able to show, cruise and the webpage that update the content of the database.
3. server behavior
Library of use server behavior, can help an user be founded easily use at showing, navigation and the page that update database content, improve work efficiency greatly. Bind the relevant object in the page in relevant dynamic content in pulling put interpose face, need not the script that oneself write code to be able to insert trends personally, image perhaps sets numerical value to detailed list, insert window of Checkbox, Input and HTML label attribute. In this kind of visible operation environment, you can press yourself's method completely to undertake to data the format is operated.
4. data binds calm examination implement
Had data to bind calm examination implement, put an operation to be able to bind the object in the page through procrastinating decide dynamic content. Need not write code to be able to insert dynamic text or image, or setting list, answer the property value that picks region of casing, input and other HTML number. When the job in visible view, the user can use any means formats to convert data. Need not understand or oneself write SQL code, can add you to need continuously with database connective all sorts of code.
5. database object
Object of service data library, need not understand or write SQL (structuralization inquires a language) , can add all code that join database requires immediately.
Browse all form easily, window, and browse all processes that save in the database. Check the effect that SQL will come to believe firmly you got you want quickly. Guide in the SQL that you also can write yourself or the SQL editor environment that love from you of course SQL code.
6. Inquire an editor
Use the watch in inquiring the editor can browse a database conveniently, view and memory process. Check SQL quickly, ensure get expectant a result. In inquiring an editor, you also can edit your SQL, or the SQL editor that likes from oneself guides in the environment.
7. Editor of HTML going there and back, fast mark and roundtrip server label
Use HTML going there and back (Roundtrip HTML) , fast mark editor (Quick Tag Editor) label with server going there and back (Roundtrip Server Markup) technology, can be in do not sacrifice to fall to the pilot premise of code raise application development rate. Can work in can inspect an environment while, also can maintain the complete visit to code. In the modification that makes in a view, can mirror in another view instantly come out.
Editor of 8. compositive text
The HomeSite 4.5(Windows) that complete edition included the business affairs of UltraDev to be become closely thick and fast and edition of BBEdit try out (Macintosh) , make you can accuse completely to make and visit code.
Enjoy a desktop easily in your Web website to release the control of level. Provide character and stage style and the link that contain written language of palette of HTML new-style appearance quickly.
CSS support lets you be a website easily the format of custom-built character and paragraph, use CSS lets you be used in the alignment that has whole development. Because had the choice of CSS and HTML style, brought to webpage design so incomparable flexibility and can charge a sex. HTML can edit watch sheet to offer the program of all sorts of element formats in solving form for you quickly.
The code with clean 9.
The code that the code that UltraDev generates writes by hand as you is euqally clean, without rubbish! With other congener product differs, the server target that UltraDev offers and script are not used, do not request to upload additional file to arrive server. When adding the object of UltraDev and script to the page when you, all code can see in source view. Such, you need not worry omit additional built-in file.
10. HTML style, CSS and HTML form edit
The respect edits in HTML style, CSS and HTML form, to the control of website text, you can enjoy the level that publishs to the desktop completely. Use new HTML style face plate, the type that can use character and phase quickly to text is combined. Express to cascade style (CSS) support, make you can deploy character and paragraph level type easily for a site, and, whole development group is expressed to all can sharing these cascade styles. In the choice between HTML style and CSS style, have quite big flexibility and can charge a sex. Complex HTML form edits a function, make you can division of fast setting unit, travel and row and the form that its disperse chooses.
Can apace format the relevant element in your form. What can feel just like use Microsoft Word or Excel is same, managing the time that you collect all alone and form form. Be defined beforehand and but editorial form form makes you rapid compose establishs very distinctive form pattern.
11. But custom-built working environment
Use JavaScript and XML will revise menu, command, object and HTML chromatic etc, the working environment of OK and custom-built UltraDev, improve work efficiency greatly.
12. Dynamic data format is changed
Need not write code by hand, can apace codes money and date format, URL etc, use database content and server expression.
13. Support the applied server of industrial standard
Support uses Microsoft IIS, allaire ColdFusion, IBM WebSphere, BEA WebLogic, and Netscape The industrial standard server such as Enterprise Server founds a site. Can expand UltraDev will support the server of other type easily, be like PHP and Tango.
14. Patulous ability of COM and JavaBean
It is OK that support uses object of standard application server, COM or JavaBean to found with site of connective of system of back end database. Pass the patulous API with the powerful function that Dreamweaver provides, can add the object of own company in UltraDev conveniently.
15. Extensive database supports
Use ODBC, JDBC, ADO or this locality driver, how does the site that appoints you well and truly join with the database, in order to obtain optimum behavior. Can configure the join of the standard industry server such as standard database and Oracle, SQL Server, Informix and Sybase.
16. Programmable JavaScript API
The API with powerful function of use Dreamweaver UltraDev, can add script of yourself's custom-built object, behavior, server and command to wait, need environment of custom-built UltraDev work according to his, improve work efficiency.
17. As compositive as mainstream development tool
Can be united in wedlock with the mainstream software such as Adobe Photoshop, Macromedia Fireworks and Microsoft Office, flow operation. Such as clears Word HTML (Clean Up Word HTML) change data to accuse with compositive form wait for a function, make you can easily from Microsoft Word, and content is gotten in Microsoft Excel and other electron form.
3, main in actual application body is the following now 10 respects:
1. website individuation
The standard of the interest of the client of the visit according to visitting a website, hobby and themselves, can very of individuation, the dynamic builds yourself website with custom-built type.
2. sale and inventory manage
Develop a browser to be fundamental sale and inventory management system, this system can let be mixed in what be away on official business not was in the market staff of the unit is real time undertake browsing to relevant data, edit and update.
Of 3. and client hand in a sex
The development of Web application allows a client to browse information database, they allow to undertake choosing in this database, buy and online deliver indent request.
4. Electronic business affairs
Can make website of electronic business affairs extend the product besides traditional sale channel to sell kind.
5. news and information
Develop the website that the user with a very rich information content is used easily and browses.
The management of 6. task automation
The paper with the extremely low efficiency that can replace a tradition is in li of mode. Develop a kind of automatic client / server information runs a system, had opened a browser to undertake operating. Use this management to the system can allocate automatically according to certain information principle and dog designation task.
Learn on 7. net
Go up through the net oneself are custom-built study plans to begin community study.
8. community is built
The person that build a visit can hand in the forum of the experience that flow each other
9. considers an address book
It is those who consider an address book to build, have the development of Web application. Manpower resource ministry but the case that the member that the basis is considered develops, can be added at any time or delete personnel.
10. project manages
Dog on the net project progress circumstance. Attend project personnel to make the administrative power of different grade be restricted in the light of what differ. Go allocate and controlling the limits of authority of project case to administrator.
Above these are the introductions that concern this software characteristic, see here, probably you cannot be able to bear or endure urgently already the ground wants to understand further and learn it, you perhaps should ask, in where ability find the article that learns it? Not urgent, learning a center originally next you are very fast in the article can discover relevant study data. Software downloads in MyDown please.
DW poses a of the homepage little problem
- the thing is such: &I use Nbsp; Css basically is the super connective color that changes me and underline have without. As a result of him simple, and make he brought a small issue...
Dreamweaver poses a of the homepage little problem
Dreamweaver should everybody knows (DW of the following abbreviation) , the collect webpage that this is development of company of MACROMEDIA of famous United States is made and administrative website sees at the place of a suit namely earning webpage editor. Of the function as a result of DW powerful, can define Css directly inside him so (the style is expressed) , is this Css gave a little difficult problem to me.
The thing is such, I use Css basically is the super connective color that changes me and underline to have without. Css is defined in DW very convenient really, he is the parameter inside you had been installed, want you to nodded a mouse to go only. As a result of him simple, and make he brought a small issue (think with respect to myself) :
< Style Type="text/css">
<! - -
A:hOver {Color:&Nbsp;#FF3333; Text-decoration:&Nbsp;underline}
A:lInk {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:vIsited {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
- - >
< /style>
Above is the Css source that DW makes, the meaning of this paragraph of source is take out super connective underline, the mouse moves go up into await change color and add underline, the color after join does not turn into blue. My original idea also is such, but in IE the result that browse tells you, either such. Have little little change however, after joining namely, move again when the mouse when going up, have underline originally, become did not have. This is what reason, be some generally speaking! That is why, then I looked for an about the same Css that defines with me from other website, analyse their Css source, about the same ah (differ with respect to color and a few more other parameter) , the parameter with much other is eliminated very quickly by me, because of those parameter my not need, stop on color, just began me to still think I am achromatopsia! But denied very quickly still again, it is very normal that I put the Css that find put the Css that find t o my homepage, change color into my color, very normal still. This also is not, that also is not, that why. Why can same code have two kinds of effects? Why...
Prepare to get online in me when appealing, suddenly my eye shines, this won't be this reason! The code of the code that so that I look for and myself, only little differs even if---Differ orderly, think because of me order is not very important! Do not have an attention. Changed namely next, another tries, wow, be successful! Alas after looking, definition Css has manuscript only or defined in DW change again. Really troublesome, I still think DW becomes simple, did not think of or want a hand to decide code. If that ace still has tweak to invite what the letter accuses! It is the code that changed below: (be not easy attention! )
< Style Type="text/css">
<! - -
A:lInk {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:vIsited {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:hOver {Color:&Nbsp;#FF3333; Text-decoration:&Nbsp;underline}
- - >
< /style>
Alas! This is small the problem is to kill me really not shallow, kill a person to do not let him again, I draw up him will look for everybody, do not be in make me such fault!
Dreamweaver poses a of the homepage little problem
Dreamweaver should everybody knows (DW of the following abbreviation) , the collect webpage that this is development of company of MACROMEDIA of famous United States is made and administrative website sees at the place of a suit namely earning webpage editor. Of the function as a result of DW powerful, can define Css directly inside him so (the style is expressed) , is this Css gave a little difficult problem to me.
The thing is such, I use Css basically is the super connective color that changes me and underline to have without. Css is defined in DW very convenient really, he is the parameter inside you had been installed, want you to nodded a mouse to go only. As a result of him simple, and make he brought a small issue (think with respect to myself) :
< Style Type="text/css">
<! - -
A:hOver {Color:&Nbsp;#FF3333; Text-decoration:&Nbsp;underline}
A:lInk {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:vIsited {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
- - >
< /style>
Above is the Css source that DW makes, the meaning of this paragraph of source is take out super connective underline, the mouse moves go up into await change color and add underline, the color after join does not turn into blue. My original idea also is such, but in IE the result that browse tells you, either such. Have little little change however, after joining namely, move again when the mouse when going up, have underline originally, become did not have. This is what reason, be some generally speaking! That is why, then I looked for an about the same Css that defines with me from other website, analyse their Css source, about the same ah (differ with respect to color and a few more other parameter) , the parameter with much other is eliminated very quickly by me, because of those parameter my not need, stop on color, just began me to still think I am achromatopsia! But denied very quickly still again, it is very normal that I put the Css that find put the Css that find t o my homepage, change color into my color, very normal still. This also is not, that also is not, that why. Why can same code have two kinds of effects? Why...
Prepare to get online in me when appealing, suddenly my eye shines, this won't be this reason! The code of the code that so that I look for and myself, only little differs even if---Differ orderly, think because of me order is not very important! Do not have an attention. Changed namely next, another tries, wow, be successful! Alas after looking, definition Css has manuscript only or defined in DW change again. Really troublesome, I still think DW becomes simple, did not think of or want a hand to decide code. If that ace still has tweak to invite what the letter accuses! It is the code that changed below: (be not easy attention! )
< Style Type="text/css">
<! - -
A:lInk {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:vIsited {Color:&Nbsp;#3333FF; Text-decoration:&Nbsp;none}
A:hOver {Color:&Nbsp;#FF3333; Text-decoration:&Nbsp;underline}
- - >
< /style>
Alas! This is small the problem is to kill me really not shallow, kill a person to do not let him again, I draw up him will look for everybody, do not be in make me such fault!
About " layer " the solution of the problem of fixed position
One. The problem that often appears
Inserted a layer again when your form chooses be placed in the middle (insert a method 1: Object->draw Layer) when (800*600) , once resolution greatens, the window is the largest after changing, layer with respect to amlposition, and if use bill of fare (insert a method 2: When Insert->Layer) inserts a layer, this layer is met as relative as its ranking element fixed position, but once be in Dreamweaver,moved it with mobile tool, it can become absolutely fixed position immediately, won't locate relatively with ranking element again.
2. Thought:
The layer that enters through buy of Object face plate is the layer of absolutely fixed position, this top left corner that locates those who point to is a layer absolutely and the wrong department with browser in-house window, coping is apart from, code writes a law mediumly is Left and Top.
The layer that enters through menu buy is the layer of relative fixed position, the distance of this ranking element that locates those who point to is layer and it relatively (the top left corner of its ranking element) , because there is the property of Left and Top no longer in this Div, so the browser is its position surely the ranking element with it is identical
(sum up one: The Left that wants take out layer only and Top attribute can locate relatively! )
Exemple graph:
3. Thorough thought:
The layer had located relatively now, but just cannot satisfy a requirement completely still so, cannot get form set because of a lot of moment accurate in that way, can make form very troublesome otherwise, carry code very greatly very big.
If above a layer is opposite the redo on the foundation of the layer that says made relative fixed position it locates relatively, do not solve a problem?
This involved father layer and child the problem of the layer (because it is the foundation of the layer, can see in the tutorial on book and net, elaborate no longer here) , father layer chooses location relative to Yu Mou, and child layer photograph locates to father layer, the relative fixed position that can obtain a layer this target
4. Provide system to make (introduce the simplest method only, ripe to code friend is OK the hand knocks) :
Form is inserted inside preexistence page (can set be placed in the middle, form with respect to be placed in the middle, otherwise almost insignificant) , the mouse is nodded inside some unit division, let cursor be blinked here, insert a layer through menu next, this layer located relative to as unit as this case. After inserting a layer, do not move it, and also do not move forever, but the size that can change it, change its Gao Yukuan into "0" for instance, let it affect your editor to other content no longer, otherwise, absolutely fixed position was become after the Left of this layer and Top attribute appear, you are OK after becoming absolutely fixed position the Left it and Top attribute take out, restored to locate relatively. After becoming "0" , sometimes child the layer will be invisible, can press [F11] key nods it to restore an editor.
Cursor is blinked inside this layer now, repass menu is inserted child layer, at this moment child layer and father layer jackknife, you can move at will it, no matter how be moved, it is opposite locate with father layer.
Good, the layer of a relative fixed position (child layer) had been done, you can add content at will inside, also can change all property such as its dimension, position, setting, but do not use Left and Top property, because it is opposite,locate at the top left corner of father layer.
Father gives out below layer and child layer the attribute face plate in Dreamweaver:
Father layer:
Child layer:
5. Skill:
Insert a form first, amid inserts father layer in an unit case, can decide it a bit smallier, e.g. 20 elephants element element of wide, 10 elephants is tall, such it won't cover the link below, also do not affect child the relative fixed position of the layer.
If want to use form of broad definition of 778 elephants element, in division of the first when can insert father layer to form the first unit, can be in so father layer is inserted after all layers are made! Ripe to code friend is OK the hand knocks father layer and need not be adjusted again child the position of the layer.
Inserted a layer again when your form chooses be placed in the middle (insert a method 1: Object->draw Layer) when (800*600) , once resolution greatens, the window is the largest after changing, layer with respect to amlposition, and if use bill of fare (insert a method 2: When Insert->Layer) inserts a layer, this layer is met as relative as its ranking element fixed position, but once be in Dreamweaver,moved it with mobile tool, it can become absolutely fixed position immediately, won't locate relatively with ranking element again.
2. Thought:
The layer that enters through buy of Object face plate is the layer of absolutely fixed position, this top left corner that locates those who point to is a layer absolutely and the wrong department with browser in-house window, coping is apart from, code writes a law mediumly is Left and Top.
The layer that enters through menu buy is the layer of relative fixed position, the distance of this ranking element that locates those who point to is layer and it relatively (the top left corner of its ranking element) , because there is the property of Left and Top no longer in this Div, so the browser is its position surely the ranking element with it is identical
(sum up one: The Left that wants take out layer only and Top attribute can locate relatively! )
Exemple graph:
3. Thorough thought:
The layer had located relatively now, but just cannot satisfy a requirement completely still so, cannot get form set because of a lot of moment accurate in that way, can make form very troublesome otherwise, carry code very greatly very big.
If above a layer is opposite the redo on the foundation of the layer that says made relative fixed position it locates relatively, do not solve a problem?
This involved father layer and child the problem of the layer (because it is the foundation of the layer, can see in the tutorial on book and net, elaborate no longer here) , father layer chooses location relative to Yu Mou, and child layer photograph locates to father layer, the relative fixed position that can obtain a layer this target
4. Provide system to make (introduce the simplest method only, ripe to code friend is OK the hand knocks) :
Form is inserted inside preexistence page (can set be placed in the middle, form with respect to be placed in the middle, otherwise almost insignificant) , the mouse is nodded inside some unit division, let cursor be blinked here, insert a layer through menu next, this layer located relative to as unit as this case. After inserting a layer, do not move it, and also do not move forever, but the size that can change it, change its Gao Yukuan into "0" for instance, let it affect your editor to other content no longer, otherwise, absolutely fixed position was become after the Left of this layer and Top attribute appear, you are OK after becoming absolutely fixed position the Left it and Top attribute take out, restored to locate relatively. After becoming "0" , sometimes child the layer will be invisible, can press [F11] key nods it to restore an editor.
Cursor is blinked inside this layer now, repass menu is inserted child layer, at this moment child layer and father layer jackknife, you can move at will it, no matter how be moved, it is opposite locate with father layer.
Good, the layer of a relative fixed position (child layer) had been done, you can add content at will inside, also can change all property such as its dimension, position, setting, but do not use Left and Top property, because it is opposite,locate at the top left corner of father layer.
Father gives out below layer and child layer the attribute face plate in Dreamweaver:
Father layer:
Child layer:
5. Skill:
Insert a form first, amid inserts father layer in an unit case, can decide it a bit smallier, e.g. 20 elephants element element of wide, 10 elephants is tall, such it won't cover the link below, also do not affect child the relative fixed position of the layer.
If want to use form of broad definition of 778 elephants element, in division of the first when can insert father layer to form the first unit, can be in so father layer is inserted after all layers are made! Ripe to code friend is OK the hand knocks father layer and need not be adjusted again child the position of the layer.
Dreamweaver skill: Hazy it is beautiful
In the picture processing of the webpage, translucence is the picture effect that often should use, it is OK half block shows the element below the picture now partly. Use this we can make a lot of kinds of results, for example aerosol effect. If where to be installed in Dreamweaver 4 and use this kind of effect,discuss here today.
Install measure:
1. In Dreamweaver 4 midpoint " Window " → " CSS Styles " (or those who press clavier " Shift+F11 " ) , window of v CSS Styles.
2. In CSS Styles window, click right the plus of next horn, play a New Style window. In the graph " Name " the name that is built Class, the format of Class name is " .XXXXX " (in front must have dot) ; "Type " right has 3 option, by going up is: Build label of a Class, redefine (webpage element) , choice bogus kind; "Define " right has two option: Point to above build external CSS file (pitch on this hind, the CSS that you build is not built-in your webpage, make file of alone a CSS however, call for the webpage, big website is this kind of practice) ; "This Document Only " it is to point to build CSS in current page directly.
3. Dot " OK " , play a Style Definition For.clarity of a large window, we according to the graph 2 settings.
In the graph 2 in, besides *Filter, other option is not in charge of it. Alpha of next the choice in pulling menu in *Filter right. Had perhaps you noticed a picture this paragraph of 2 medium code " Alpha(Opacity= ? , finishOpacity= ? , style= ? , startX= ? , startY= ? , finishX= ? , finishY= ? ) " inside have a lot of unsolved problem, these need us to replace them with parameter:
(1) " Opacity " delegate diaphaneity level. Its limits is 0 ～ 100, it is the meaning of per cent actually. If want to turn into completely transparent, use 0 replace the interrogation at the back of Opacity;
(2) " FinishOpacity " it is to use the diaphaneity when appointing an end. Its limits follows Opacity same (FinishOpacity is optional parameter, the word that does not mean is OK take out it. ) ;
(3) " Style " it is the appearance trait that assigns transparent area. 0 delegates consolidate figure, form of 1 delegate line, 2 delegates are radiative form, 3 delegates rectangle;
(4) " StartX " with " StartY " the X that begins on behalf of gradual change effect and Y coordinate. General our setting is StartX=0, startY=0 (showing transparent result so is the top left corner from the picture begins) ;
(5) " FinishX " with " FinishY " the horizontal ordinate when ending on behalf of gradual change effect. Here is very crucial, the Gao Yukuan that writes the picture that what numerical value is about to see you then, assuming our picture Gao Yukuan parts is 100, 200 resemble element, can write into FinishX=200 so, finishY=100. (if you want the area of the half only,be transparent, can install FinishX=100 so, finishY=50) .
After setting these parameter, click " OK " . The measure of the setting comes here to calculate finished.
Use measure:
1. One graph is inserted in Dreamweaver 4, assume its are high like element 100, wide for 200 (to can see the effect, set the backdrop of the webpage here for bright red.
2. Again window of v CSS Styles (refer to setting measure) , in CSS Styles window, should have a Clarity,
3. The graph that pitch on a moment ago inserted, click with the mouse " Clarity " .
4. To here with respect to success. You can be previewed by the F12 of clavier. (attention, this kind of specially good effect is sightless below editor condition, must be in preview the ability below condition to see. )
Install measure:
1. In Dreamweaver 4 midpoint " Window " → " CSS Styles " (or those who press clavier " Shift+F11 " ) , window of v CSS Styles.
2. In CSS Styles window, click right the plus of next horn, play a New Style window. In the graph " Name " the name that is built Class, the format of Class name is " .XXXXX " (in front must have dot) ; "Type " right has 3 option, by going up is: Build label of a Class, redefine (webpage element) , choice bogus kind; "Define " right has two option: Point to above build external CSS file (pitch on this hind, the CSS that you build is not built-in your webpage, make file of alone a CSS however, call for the webpage, big website is this kind of practice) ; "This Document Only " it is to point to build CSS in current page directly.
3. Dot " OK " , play a Style Definition For.clarity of a large window, we according to the graph 2 settings.
In the graph 2 in, besides *Filter, other option is not in charge of it. Alpha of next the choice in pulling menu in *Filter right. Had perhaps you noticed a picture this paragraph of 2 medium code " Alpha(Opacity= ? , finishOpacity= ? , style= ? , startX= ? , startY= ? , finishX= ? , finishY= ? ) " inside have a lot of unsolved problem, these need us to replace them with parameter:
(1) " Opacity " delegate diaphaneity level. Its limits is 0 ～ 100, it is the meaning of per cent actually. If want to turn into completely transparent, use 0 replace the interrogation at the back of Opacity;
(2) " FinishOpacity " it is to use the diaphaneity when appointing an end. Its limits follows Opacity same (FinishOpacity is optional parameter, the word that does not mean is OK take out it. ) ;
(3) " Style " it is the appearance trait that assigns transparent area. 0 delegates consolidate figure, form of 1 delegate line, 2 delegates are radiative form, 3 delegates rectangle;
(4) " StartX " with " StartY " the X that begins on behalf of gradual change effect and Y coordinate. General our setting is StartX=0, startY=0 (showing transparent result so is the top left corner from the picture begins) ;
(5) " FinishX " with " FinishY " the horizontal ordinate when ending on behalf of gradual change effect. Here is very crucial, the Gao Yukuan that writes the picture that what numerical value is about to see you then, assuming our picture Gao Yukuan parts is 100, 200 resemble element, can write into FinishX=200 so, finishY=100. (if you want the area of the half only,be transparent, can install FinishX=100 so, finishY=50) .
After setting these parameter, click " OK " . The measure of the setting comes here to calculate finished.
Use measure:
1. One graph is inserted in Dreamweaver 4, assume its are high like element 100, wide for 200 (to can see the effect, set the backdrop of the webpage here for bright red.
2. Again window of v CSS Styles (refer to setting measure) , in CSS Styles window, should have a Clarity,
3. The graph that pitch on a moment ago inserted, click with the mouse " Clarity " .
4. To here with respect to success. You can be previewed by the F12 of clavier. (attention, this kind of specially good effect is sightless below editor condition, must be in preview the ability below condition to see. )
The behavior of DW is artistic
Behavior art is a modern popular term, allegedly the painter picks up rubbish to be called on the street the behavior of environmental protection is artistic, this calls behavior the artistic action that nod eyeball. And there also is an action in Dreamweaver (Behaviors) , also be bit of eyeball likewise make, have change decayed for magical action. Undertake to the behavior of DW detailed is solved below.
Behavior is to be used to trends answers user operation, change current page effect or it is a kind of method that implements specific task. A behavior is by an incident (Event) with a movement (Action) form. For example, when moving the mouse to a piece of picture to go up when the user (this is called an incident) when, the change that this picture can produce to had been defined beforehand (this is called to be a movement) . In fact conduct is made by the JavaScript code that has written beforehand, use it to be able to finish such as to open the new window that browse, broadcast file of Shockwave of background music, control broadcast wait for the task. Incident is the universal code that understands for most browser, for example, onMouseOver, onMouseOut and OnClick are the user is opposite in the browser the operation of the page that browse, and the browser carries out the movement that will answer an user through certain Shi Yi. Cite a case, when moving the mouse to a link to go up, the browser got an OnMouseOver event, the as associated as this incident JavaScript language that has written first through calling an issue will answer this movement.
An incident also can spark a lot of movements, you can define the order that they execute. Dreamweaver included more than 100 incident, operation, if you think these behavior still can't satisfy your requirement, dreamweaver also provided the function of patulous behavior at the same time, you can download the behavior of tripartite, macromedia website updates new act at any time, you can arrive: Http://www.macromedia.com/software/dreamweaver/download/extensions/ goes examining. Of course if you are good at JavaScript language, OK also oneself write act. Good, a concept that we need to make clear is: Behavior defines good program code one paragraph beforehand namely, carry the explanation of the browser and answer the process that the user handles.
All behavior are compositive incident makes examine in implement (Behavior Inspector) in the window, in this window we make easily, modification behavior. Choose the Window > Behaviors in menu or open incident to examine by F8 implement.
After opening Behaviors Inspector window, our discovery also opened window of the history, layer, frame at the same time, they are the much window interface that comprises with the form of label.
Behaviors Inspector window, there are a plus and a key-press of minus sign in the toolbar, they are Actions+ , Actions- respectively. All behavior functions begin from these two key-press, "+ " can open to fall pull menu, listed but custom-built behavior list, we need amid to choose a kind of incident to be able to have behavioral setting only. If you think a certain behavior personal classics is not applicable, can use " ― " number will delete this behavior.
Different browser, same the different version of a browser agrees very much to incident support, what the incident that normally the browser of tall version supports should support than low version is much, and the incident that IE supports than Netscape wants much. Dreamweaver for compatible and different browser, the event that also offerred blame S3C level (be like new edition IE5.5) , you can download more incident to Http://www.macromedia.com/menu_url/dreamweaver/3.0/behaviors/ . If you want to understand what kind of browser to support what incident personally, can arrive: Have a look below Dreamweaver/Configuration/Behaviors/Events catalog.
To popular webpage, supporting IE5, Netcape4 is the most appropriate do not pass, but in fact IE4 is in the ratio in utilization rate is the biggest, we are so unfavorable to the use of incident too pursuit is fancy, it is with the incident of IE4 commonly fiducial will choose. Change incident support needs to click only " ― " at the back of date next pulling casing, the option that chooses need in list can. In the WINDOWS of a few version, next this conferences that draw circle appear not to answer the circumstance of the mouse, likelihood and certain DLL file are replaced about, we can use the directional key in clavier to choose, use ← chooses up, use → is down a choice, till appear,the browser name of meaning of your place bell is called stop.
Incident relies on the existence of thing and exist, if want to use some incident, must the thing in pitch on page. You can use the label in DreamWeaver condition column to perhaps procrastinate with the mouse personally anthology, leaving the incident option in pulling menu so just is effective, cannot use the written language that those who show is empty otherwise.
We make the shoots a dialog box case of a standard below.
The first pace, first the thing in pitch on page, an an a paragraph of character, image, unit case goes. F8 opens Behaviors Inspector window.
The 2nd pace, click in Behaviors Inspector window " + " key-press, pull open menu, amid chooses " PopUp Message " .
The 3rd pace, the character is typed in shooting the dialog box that give, be like " dream of the place that follow a heart " , click shut a dialog box certainly.
The 4th pace, can appear inside Behaviors Inspector window at this moment " OnClick | PopUp Message " model of written characters, click " OnClick " can choose to spark " PopUp Message " movement.
(friendship of celestial pole net is offerred)
Behavior is to be used to trends answers user operation, change current page effect or it is a kind of method that implements specific task. A behavior is by an incident (Event) with a movement (Action) form. For example, when moving the mouse to a piece of picture to go up when the user (this is called an incident) when, the change that this picture can produce to had been defined beforehand (this is called to be a movement) . In fact conduct is made by the JavaScript code that has written beforehand, use it to be able to finish such as to open the new window that browse, broadcast file of Shockwave of background music, control broadcast wait for the task. Incident is the universal code that understands for most browser, for example, onMouseOver, onMouseOut and OnClick are the user is opposite in the browser the operation of the page that browse, and the browser carries out the movement that will answer an user through certain Shi Yi. Cite a case, when moving the mouse to a link to go up, the browser got an OnMouseOver event, the as associated as this incident JavaScript language that has written first through calling an issue will answer this movement.
An incident also can spark a lot of movements, you can define the order that they execute. Dreamweaver included more than 100 incident, operation, if you think these behavior still can't satisfy your requirement, dreamweaver also provided the function of patulous behavior at the same time, you can download the behavior of tripartite, macromedia website updates new act at any time, you can arrive: Http://www.macromedia.com/software/dreamweaver/download/extensions/ goes examining. Of course if you are good at JavaScript language, OK also oneself write act. Good, a concept that we need to make clear is: Behavior defines good program code one paragraph beforehand namely, carry the explanation of the browser and answer the process that the user handles.
All behavior are compositive incident makes examine in implement (Behavior Inspector) in the window, in this window we make easily, modification behavior. Choose the Window > Behaviors in menu or open incident to examine by F8 implement.
After opening Behaviors Inspector window, our discovery also opened window of the history, layer, frame at the same time, they are the much window interface that comprises with the form of label.
Behaviors Inspector window, there are a plus and a key-press of minus sign in the toolbar, they are Actions+ , Actions- respectively. All behavior functions begin from these two key-press, "+ " can open to fall pull menu, listed but custom-built behavior list, we need amid to choose a kind of incident to be able to have behavioral setting only. If you think a certain behavior personal classics is not applicable, can use " ― " number will delete this behavior.
Different browser, same the different version of a browser agrees very much to incident support, what the incident that normally the browser of tall version supports should support than low version is much, and the incident that IE supports than Netscape wants much. Dreamweaver for compatible and different browser, the event that also offerred blame S3C level (be like new edition IE5.5) , you can download more incident to Http://www.macromedia.com/menu_url/dreamweaver/3.0/behaviors/ . If you want to understand what kind of browser to support what incident personally, can arrive: Have a look below Dreamweaver/Configuration/Behaviors/Events catalog.
To popular webpage, supporting IE5, Netcape4 is the most appropriate do not pass, but in fact IE4 is in the ratio in utilization rate is the biggest, we are so unfavorable to the use of incident too pursuit is fancy, it is with the incident of IE4 commonly fiducial will choose. Change incident support needs to click only " ― " at the back of date next pulling casing, the option that chooses need in list can. In the WINDOWS of a few version, next this conferences that draw circle appear not to answer the circumstance of the mouse, likelihood and certain DLL file are replaced about, we can use the directional key in clavier to choose, use ← chooses up, use → is down a choice, till appear,the browser name of meaning of your place bell is called stop.
Incident relies on the existence of thing and exist, if want to use some incident, must the thing in pitch on page. You can use the label in DreamWeaver condition column to perhaps procrastinate with the mouse personally anthology, leaving the incident option in pulling menu so just is effective, cannot use the written language that those who show is empty otherwise.
We make the shoots a dialog box case of a standard below.
The first pace, first the thing in pitch on page, an an a paragraph of character, image, unit case goes. F8 opens Behaviors Inspector window.
The 2nd pace, click in Behaviors Inspector window " + " key-press, pull open menu, amid chooses " PopUp Message " .
The 3rd pace, the character is typed in shooting the dialog box that give, be like " dream of the place that follow a heart " , click shut a dialog box certainly.
The 4th pace, can appear inside Behaviors Inspector window at this moment " OnClick | PopUp Message " model of written characters, click " OnClick " can choose to spark " PopUp Message " movement.
(friendship of celestial pole net is offerred)
Play easily turn pattern table is simple- - pattern expresses sheet
2, the beautification of the exterior that express sheet
A lot of moment, we collect this function to use watch sheet to realize data merely, the watch sheet that often sees is " 1000 people one side " , fine long hair is lacklustre, this special subject is trying to change this one appearance, try to gift the watch is onefold an appearance of rich and colorful.
Express only outward appearance, also be most direct pattern, can achieve specially good effect through changing it, the article divides a jumping-off place to tell about: CSS blackart and image blackart.
1, CSS blackart
CSS, it is the cascade style sheet that everybody knows, it can define the exterior of page element, include color of font style, setting and image style, frame style, Balaam style, attrib border style to wait a moment, below set out from these a few respects, discuss how to apply CSS in expressing sheet, complete beautification it!
The application of 1.1 font style
Font style includes: Division of font a group of things with common features (style of Font-family) , font (Font-style) , font is out of shape (Font-variant) , font is added thick (size of Font-weight) , font (Font-size) , font (Font) , specific definition means, be here to be not told about in detail, can consult its data.
Perhaps you had noticed, the character on pushbutton is pie-eyed, can be solved actually through CSS font style, no less, a few of other tables that involve a character are individual, for example, casing of text casing, much travel text, countersign casing, next pulling choice casing is OK applied font style.
To reveal these application adequately, next exemples are special designed a few kinds of forms, in applying actually, need not so messy, apply neatly:
Sample 12: The font style that expresses unit element is revealed
Analysis:
Brief summary: Wanted us to be familiar with the style of font only, OK and agile changeful, must not use Style to define inside label, can define completely in ＜ Head ＞ , exterior perhaps cite CSS file, when be being used, cite to be able to achieve expectant result.
1.2 setting color resembles modal application with the graph
Have a lot of time, the webpage collocation as a result of color, must mix to the setting color with simple table image style undertakes designing, setting color uses Background-color property, background picture uses Backgroun d-image property, the result that color and image can get expect is less than likewise.
Sample 13: The setting that expresses unit element is revealed
Analysis:
Brief summary: With good Background-color attribute and Background-image attribute, can design very piece " color " express sheet.
The application of 1.3 frame style
Perhaps you feel the frame that expresses sheet is too formalist, we whether design single line, or Where is the frame style of other? OK of course!
The attribute that concerns with frame has: Frame style Border-style, go up Border-width of width of Border-colr of color of Border-left of Border-bottom of casing of Border-right of casing of frame Border-top, right, below, left casing, frame, frame, above width of casing of casing width Border-top-width, right, do not make here tell about in detail, ask referenced concerned data.
Sample 14: Of 8 kinds of frame forms reveal
Analysis:
Sample 15: The special design of frame is revealed
Clever reader can think of certainly, if design odd frame, certain more beautiful, yes! We try the setting effect of frame of the following part below, this precedent is only with Solid and Dotted the frame of two kinds of types is made demonstrate, the frame principle of other type is same: Attention: The exterior of frame type is as follows:
2, image blackart
Image, it is the important element of the webpage, whether apply in expressing sheet? Next, we transform formalist watch sheet with image, divide a part to discuss: Replace pushbutton with image, with setting graph beautification expresses unit element.
2.1 replace pushbutton with image
Because acquiescent table is simple pushbutton is too deformed, the website of great majority used image button, so, we look how to come true through two example:
Sample 16: Replace with image refe r pushbutton:
When only one refers pushbutton, come true OK and simply, need not add incident function, code is:
＜ Input Type="image" Name=" . . . .. Src="url" Width="" Height=" . . . .. Border=" . . . .. ?
Besides label instead Input Type="image" , the attribute of the attribute of other and label of ＜ Img ＞ is same, for example:
Want to you can replace all pushbutton with the picture only? Yes, nevertheless, either above so simple, must add incident function, otherwise, the picture is to refer pushbutton, cannot fulfil the function such as restoration, saw the example below know:
Sample 17: Replace all pushbutton that express sheet with the picture: Attention:
Actually, had mentioned in front, with Background-image:uRl() attribute comes the background picture of define table single element, here lifts only, can see, do not have the effect besides Select beyond, the can cooperate a webpage setting of other will install them.
Sample 18: The setting of background picture
A lot of moment, we collect this function to use watch sheet to realize data merely, the watch sheet that often sees is " 1000 people one side " , fine long hair is lacklustre, this special subject is trying to change this one appearance, try to gift the watch is onefold an appearance of rich and colorful.
Express only outward appearance, also be most direct pattern, can achieve specially good effect through changing it, the article divides a jumping-off place to tell about: CSS blackart and image blackart.
1, CSS blackart
CSS, it is the cascade style sheet that everybody knows, it can define the exterior of page element, include color of font style, setting and image style, frame style, Balaam style, attrib border style to wait a moment, below set out from these a few respects, discuss how to apply CSS in expressing sheet, complete beautification it!
The application of 1.1 font style
Font style includes: Division of font a group of things with common features (style of Font-family) , font (Font-style) , font is out of shape (Font-variant) , font is added thick (size of Font-weight) , font (Font-size) , font (Font) , specific definition means, be here to be not told about in detail, can consult its data.
Perhaps you had noticed, the character on pushbutton is pie-eyed, can be solved actually through CSS font style, no less, a few of other tables that involve a character are individual, for example, casing of text casing, much travel text, countersign casing, next pulling choice casing is OK applied font style.
To reveal these application adequately, next exemples are special designed a few kinds of forms, in applying actually, need not so messy, apply neatly:
Sample 12: The font style that expresses unit element is revealed
Analysis:
- The character in text casing is to add thick, size is 9pt, font is body of the Song Dynasty, code:
＜ Input Type="text" Name="formExam" Size="10" Maxlength="10" Style="font-family: Old man? Font-size: 12px; Font-weight: Bold" Value=" adds thick " ＞ - Countersign casing character is gules, code:
＜ Input Type="password" Name="formExam3" Style="font-size: 9pt; Color: ＞ of #FF0000" Size="8" Maxlength="8" - Facial expression of next the character that draw circle are gules, font is Verdana, size is 9pt, code:
＜ Select Name="select" Size="1" Style="font-family:VErdana, arial; Font-size: 9pt; Color: #FF0000" ＞
＜ of Yesky.com of ＞ of ＜ Option Value="2" Selected / Option ＞
＜ of Redidea.net of ＞ of ＜ Option Value="1" / Option ＞
＜ / Select ＞ - Casing of much travel text font is Verdana, have underline, size is 9pt, code:
＜ TEXTAREA Name="formExam2" Cols="30" Rows="3" Style="font-family:VErdana, arial; Font-size: 9pt; Color : #000099; Text-decoration: ＜ of Underline Css Style / TEXTAREA ＞ - Send 1 differ with the script that sends 2 pushbutton, because sent 1 pushbutton to use the written language of body of the Song Dynasty of 9pt,be, compare so beautiful, send the code of 1 pushbutton:
＜ Input Type="submit" Name="Submit" Value=" sends 1" Style="font-family: Old man? Font-size: 9pt;" ＞
Brief summary: Wanted us to be familiar with the style of font only, OK and agile changeful, must not use Style to define inside label, can define completely in ＜ Head ＞ , exterior perhaps cite CSS file, when be being used, cite to be able to achieve expectant result.
1.2 setting color resembles modal application with the graph
Have a lot of time, the webpage collocation as a result of color, must mix to the setting color with simple table image style undertakes designing, setting color uses Background-color property, background picture uses Backgroun d-image property, the result that color and image can get expect is less than likewise.
Sample 13: The setting that expresses unit element is revealed
Analysis:
- Text casing setting is black, font is white, code:
＜ Input Type="text" Name="RedFld" Size="10" Maxlength="10" Style="color: #FFFFFF; Background-color: #000000" ＞ - Countersign casing setting is gray, code:
＜ Input Type="password" Name="RedFld3" Size="10" Maxlength="10" Style="background-color: #999999" ＞ - Sheet is chosen and answer the setting that chooses pushbutton is red, code:
＜ Input Type="checkbox" Name="checkbox" Value="checkbox" Style="background-color: #FF0000" ＞
＜ Input Type="radio" Name="radiobutton" Value="radiobutton" Style="background-color: #FF0000" ＞ - The option that choice circle draws below is the setting of rich and colorful, code:
＞ of ＜ Select Name="select2" Size="1"
＜ Option Selected Style="background-color: ＜ of #FF0000" ＞ Yesky.com / Option ＞
＜ Option Style="background-color: ＜ of #0000CC" ＞ Redidea.com / Option ＞
＜ Option Style="background-color: ＜ of #009900" ＞ Chinabyte.c om / Option ＞
＜ Option Style="background-color: #ff33cc" ＞ Sina.com ＜ / Option ＞
＜ Option Style="background-color: #999999" ＞ Sohu.com ＜ / Option ＞
＜ / Select ＞ - The setting of casing of much travel text is an image, code:
＜ TEXTAREA Name="RedFld2" Cols="25" Rows="3" Wrap="VIRTUAL" Style="background-image: Url(back.gif)" ＞ ＜ / TEXTAREA ＞ - The setting of Submit1 pushbutton is yellow, code:
＜ Input Type="submit" Name="Submit3" Value="Submit1" Style="background-color: #FF9900" ＞ - The setting of Submit2 pushbutton is an image, code:
＜ Input Type="submit" Name="Submit22" Value="Submit2" Style="background-image: Url(back.gif)" ＞
Brief summary: With good Background-color attribute and Background-image attribute, can design very piece " color " express sheet.
The application of 1.3 frame style
Perhaps you feel the frame that expresses sheet is too formalist, we whether design single line, or Where is the frame style of other? OK of course!
The attribute that concerns with frame has: Frame style Border-style, go up Border-width of width of Border-colr of color of Border-left of Border-bottom of casing of Border-right of casing of frame Border-top, right, below, left casing, frame, frame, above width of casing of casing width Border-top-width, right, do not make here tell about in detail, ask referenced concerned data.
Sample 14: Of 8 kinds of frame forms reveal
Analysis:
- Text casing has type of 8 sort frame, namely Border-style, reveal respectively in this exemple,
The setting of frame width has a law: Border-width: [Thin | Medium | Thick | ＜ length ＞ ] {1, 4}
Frame width uses the frame width that install an element to 4 values, they are applied at going up respectively, right, fall and left casing width. If give out only,one is worth, it is applied at all frame width. If two or 3 values gave out, omited value and subtense are equal
For example: ＜ Input Type="text" Name="RedF" Style="border-color: #006600; Border-style: Dotted; Border-width: 1px" ＞
The setting of frame color has a law: Border-colr: {1 of ＜ color ＞ , 4}
Frame color uses the frame color that install an element to 4 values. If 4 values gave out, they are applied at going up respectively, right, fall and left casing color. If give out only,one is worth, it is applied at all frame color. If two or 3 values gave out, omited value and subtense are equ al. - To casing of much travel text and pushbutton, the means that sets frame and text circle are same, state no longer;
- Because issue the setting that pulls choice casing Select not to support frame, to it so the setting is infructuous;
- Sheet choosing pushbutton and answer the frame that chooses pushbutton, the effect of the setting is very not harmonious, suggest to be not installed to them so, have otherwise " ruin the effect by adding sth superfluous " feeling;
Sample 15: The special design of frame is revealed
Clever reader can think of certainly, if design odd frame, certain more beautiful, yes! We try the setting effect of frame of the following part below, this precedent is only with Solid and Dotted the frame of two kinds of types is made demonstrate, the frame principle of other type is same: Attention: The exterior of frame type is as follows:
- None: Without frame. With the Border-width that any designation the value has nothing to do;
- Dotted: Dot line;
- Dashed: Dotted line;
- Solid: Solid line frame;
- Double: Crewel frame. Two single track are mixed with what meantime lies between be equal to appointed Border-width to be worth;
- Groove: 3D groove;
- Ridge: Frame is protuberant;
- Inset: 3D sunken edge;
- Outset: 3D chimb;
2, image blackart
Image, it is the important element of the webpage, whether apply in expressing sheet? Next, we transform formalist watch sheet with image, divide a part to discuss: Replace pushbutton with image, with setting graph beautification expresses unit element.
2.1 replace pushbutton with image
Because acquiescent table is simple pushbutton is too deformed, the website of great majority used image button, so, we look how to come true through two example:
Sample 16: Replace with image refe r pushbutton:
When only one refers pushbutton, come true OK and simply, need not add incident function, code is:
＜ Input Type="image" Name=" . . . .. Src="url" Width="" Height=" . . . .. Border=" . . . .. ?
Besides label instead Input Type="image" , the attribute of the attribute of other and label of ＜ Img ＞ is same, for example:
Want to you can replace all pushbutton with the picture only? Yes, nevertheless, either above so simple, must add incident function, otherwise, the picture is to refer pushbutton, cannot fulfil the function such as restoration, saw the example below know:
Sample 17: Replace all pushbutton that express sheet with the picture: Attention:
- The picture code form that replaces Submit pushbutton is
＜ Input Type="image" Name=" . . . .. Src=" . . . .. OnClick="document.formName.submit()" ＞ - The code picture form that replaces Reset pushbutton is
<a Href="javascript:dOcument.formName.reset();"> ＜ Img Border=0 Src=" . . . .. ?/a>
Note: The FormName here is the Name property value that expresses sheet.
Actually, had mentioned in front, with Background-image:uRl() attribute comes the background picture of define table single element, here lifts only, can see, do not have the effect besides Select beyond, the can cooperate a webpage setting of other will install them.
Sample 18: The setting of background picture
Play easily turn pattern table is simple- - watch sheet is referred
3, the watch is referred oddly
Since watch sheet is to use the data that collects user input, so, the data that should assure an user is referred to booked place by accurate ground, that is to say, we are referred in watch sheet when, should undertake examining to the data of the user, will can avoid an user to convey data by accident, 2 will can avoid an user to input illegal, perhaps say unqualified data; After certificate of proof, the data that assures an user even submits specific order.
1. Of data examine
Of data examine, have two kinds of programs normally: Client end examines and server end examines. Client end examines, faster, server end examines, opposite for slower, install to ensure complete, use at the same time normally, can avoid an user to be destroyed painstakingly so.
No matter use what means, the principle that data examines is same, once the data of user input does not accord with a regu lation, sign up for a fault, ask the user is inputted afresh, client end examines to often use Javascrip script, the server carries inspect a system and decide, the specific programming that the article does not examine to data undertakes discussing, list a few example to explain merely.
Sample 19: Fill surely, and simple data the kind tests
Analysis:
2. The branch that expresses sheet is referred
When having, watch sheet needs the alternative according to the user, refer different program, how be done?
Detect originally through the foot the choice branch of the user, submit watch sheet to different program thereby, see an example:
Sample 20: Branch is referred
Analysis: What use above all here is the OnSubmit="TwoSubmit(this) of Form "
Next the branch that the basis chooses, will present different program respectively, twoSubmit() function is as follows:
＜ Script ＞Function TwoSubmit(form){If (form.Ref[0].checked){It is here 1/0
}else{It is here 2/0
}Form.submit();
}
＜ / Script ＞
3. Submit watch sheet with any elements
Have button only or does picture pushbutton ability submit watch sheet? Not be of course, actually, any page elements can submit watch sheet, do not pass, finish originally through the foot, we replace Submit pushbutton with respect to use catenary fetch below:
Sample 21: The fetch that use cha in submits watch sheet
Since watch sheet is to use the data that collects user input, so, the data that should assure an user is referred to booked place by accurate ground, that is to say, we are referred in watch sheet when, should undertake examining to the data of the user, will can avoid an user to convey data by accident, 2 will can avoid an user to input illegal, perhaps say unqualified data; After certificate of proof, the data that assures an user even submits specific order.
1. Of data examine
Of data examine, have two kinds of programs normally: Client end examines and server end examines. Client end examines, faster, server end examines, opposite for slower, install to ensure complete, use at the same time normally, can avoid an user to be destroyed painstakingly so.
No matter use what means, the principle that data examines is same, once the data of user input does not accord with a regu lation, sign up for a fault, ask the user is inputted afresh, client end examines to often use Javascrip script, the server carries inspect a system and decide, the specific programming that the article does not examine to data undertakes discussing, list a few example to explain merely.
Sample 19: Fill surely, and simple data the kind tests
Analysis:
- This exemple added OnSubmit incident to watch sheet, appoint through OnSubmit="return CheckDate()" before referring, must examine through function CheckDate() , if unqualified, return data-in;
- The function that data examines is as follows:
＜ Script ＞Function CheckDate(){
/ / the data that obtains an inputUserName = Document.RedForm.userName.value;UserEmail = Document.RedForm.userEmail.value;
/ / if do not have input full nameIf (userName=="") {Alert(" inputs full name "); pleaseDocument.RedForm.userName.focus();Return False;
}else{
/ / if do not have input Email, or Email address mistake (do not contain @) If ((userEmail=="") | | (UserEmail.indexOf("@" )==- 1)) {Alert(" inputs Email address "); afresh pleaseDocument.RedForm.userEmail.focus();Return False;
}else Return True;
}
}
＜ / Script ＞
2. The branch that expresses sheet is referred
When having, watch sheet needs the alternative according to the user, refer different program, how be done?
Detect originally through the foot the choice branch of the user, submit watch sheet to different program thereby, see an example:
Sample 20: Branch is referred
Analysis: What use above all here is the OnSubmit="TwoSubmit(this) of Form "
Next the branch that the basis chooses, will present different program respectively, twoSubmit() function is as follows:
＜ Script ＞Function TwoSubmit(form){If (form.Ref[0].checked){It is here 1/0
}else{It is here 2/0
}Form.submit();
}
＜ / Script ＞
3. Submit watch sheet with any elements
Have button only or does picture pushbutton ability submit watch sheet? Not be of course, actually, any page elements can submit watch sheet, do not pass, finish originally through the foot, we replace Submit pushbutton with respect to use catenary fetch below:
Sample 21: The fetch that use cha in submits watch sheet
Analysis:
Will submit watch sheet through OnClick="document.form.submit()" ; Come with OnClick="document.form.reset()" restoration table is simple, come so, any element can come true submit watch sheet.
Play easily turn pattern table is simple- - commonly used skill
4, the commonly used skill that expresses sheet
These commonly used skill, often be with incident and script connection is together, the article pays attention to a function, as to script, differ one labor. Common skill has: Pull below jump turn menu, express the focusing of odd content.
1. Pull below jump turn menu
In Dreamweaver, can very build those who be based on watch sheet to fall conveniently pull menu, be not Dreamweaver user for give attention to two or morethings, here tells about this kind of skill.
Sample 22: Be based on those who express sheet next pulling jump turn menu
Analysis: Actually, here used a function, use at jumping to the address of the choice to turn,
＞ of ＜ Script Language="JavaScript"Function FormMenu(targ, selObj, restore){Eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");If (restore) SelObj.selectedIndex=0;
}
＜ / Script ＞
Next, give next pulling to choose casing to gift an incident OnChange="FormMenu('parent' , this, 0)" , OK.
2. Express the focusing of odd content
Content focusing, commonly used in Copy&Paste kind on the website, if those who use is good, OK and convenient user.
Sample 23: Content automatic focusing
Analysis: Two incident were used respectively above, of Email is OnFocus="this.value=''" , what choose automatically is OnMouseOver="this.select() "
3. Take out form and the space that express cell
Sample 24: Form and the space that express sheet are handled
Form, we are commonly used come structural frame page, but, the watch sheet in form always has a space with the content of form, contrast:
Analysis: Why right does not have space, the code that reads right knew.
＞ of ＜ Table Width="100%" Border="1" Cellspacing="1" Cellpadding="1"
＜ Tr ＞
＞ of ＜ Form Name="form3" Method="post" Action=""
＞ of Br of ＜ of ＞ of Input Type="text" Name="textfield2" of ＜ of ＜ Td ＞
＞ of ＜ Input Type="submit" Name="Submit22" Value="Submit"
There is interstitial ＜ here / Td ＞
＜ / Form ＞
＜ / Tr ＞
＜ / Table ＞
That is to say, put tag of ＜ Form ＞ to ＜ Tr ＞ and ＜ Td ＞ among, corresponding ＜ / Form ＞ is put in ＜ / Td ＞ and ＜ / among Tr ＞ !
4. Submit watch sheet with Email (suit Outlook user only, do not suit Foxmail user)
Sample 25: Email submits watch sheet
These commonly used skill, often be with incident and script connection is together, the article pays attention to a function, as to script, differ one labor. Common skill has: Pull below jump turn menu, express the focusing of odd content.
1. Pull below jump turn menu
In Dreamweaver, can very build those who be based on watch sheet to fall conveniently pull menu, be not Dreamweaver user for give attention to two or morethings, here tells about this kind of skill.
Sample 22: Be based on those who express sheet next pulling jump turn menu
Analysis: Actually, here used a function, use at jumping to the address of the choice to turn,
＞ of ＜ Script Language="JavaScript"Function FormMenu(targ, selObj, restore){Eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");If (restore) SelObj.selectedIndex=0;
}
＜ / Script ＞
Next, give next pulling to choose casing to gift an incident OnChange="FormMenu('parent' , this, 0)" , OK.
2. Express the focusing of odd content
Content focusing, commonly used in Copy&Paste kind on the website, if those who use is good, OK and convenient user.
Sample 23: Content automatic focusing
Analysis: Two incident were used respectively above, of Email is OnFocus="this.value=''" , what choose automatically is OnMouseOver="this.select() "
3. Take out form and the space that express cell
Sample 24: Form and the space that express sheet are handled
Form, we are commonly used come structural frame page, but, the watch sheet in form always has a space with the content of form, contrast:
| | |
Analysis: Why right does not have space, the code that reads right knew.
＞ of ＜ Table Width="100%" Border="1" Cellspacing="1" Cellpadding="1"
＜ Tr ＞
＞ of ＜ Form Name="form3" Method="post" Action=""
＞ of Br of ＜ of ＞ of Input Type="text" Name="textfield2" of ＜ of ＜ Td ＞
＞ of ＜ Input Type="submit" Name="Submit22" Value="Submit"
There is interstitial ＜ here / Td ＞
＜ / Form ＞
＜ / Tr ＞
＜ / Table ＞
That is to say, put tag of ＜ Form ＞ to ＜ Tr ＞ and ＜ Td ＞ among, corresponding ＜ / Form ＞ is put in ＜ / Td ＞ and ＜ / among Tr ＞ !
4. Submit watch sheet with Email (suit Outlook user only, do not suit Foxmail user)
Sample 25: Email submits watch sheet
Analysis: The label of ＞ of Form of the ＜ that express sheet that reads us knew, the form is as follows:
＜ Form Name=" . . . .. Action="mailto:xXxxx@xxx.xxx? Subject= expresses ＞ of only feedback " Enctype="text/plain" Method="post" . . . ＜ / Form ＞
The Mailto here: of Zhu Jie You Xian mails Piao of male of benzyl bank ⒌ to punish?Subject is the Email caption that installs acquiesce, enctype="text/plain" is necessary, state information is referred with text means, do not have any adding close, this kind of method is so commonly used the space that supports at doing not have Asp/Php/cgi, also be method of a jackleg only, the user must install Outlook, and be acquiescent mail order, ability is carried out smoothly refer, allegedly TheBat! OK also, everybody can experiment.
Play easily turn pattern table is simple- - the overview that express sheet
This special subject from most the knowledge of the foundation that express sheet, to the advanced application that expresses sheet, let you have knowledge of a more comprehensive ground, after believing you are reading this special subject, regular meeting is odd to expressing very familiar.
One, the overview that express sheet
The table is simple, the action in the webpage cannot small inspect, basically be in charge of the function that data collects, the name of the person that for instance you can collect a visit and E - Mail address, questionnaire, visitors' book is waited a moment.
1, the composition that expresses sheet
Sheet of a watch has 3 main component:
＜ of ＞ of Form of ＜ of the 1.1 label that express sheet / Form ＞
Function: Express sheet with Yu Shenming, the definition gathers the range of data, namely ＜ Form ＞ and ＜ / the data that includes inside Form ＞ will be referred to the server or in email.
Syntactic: ＜ FORM ACTION="URL" METHOD="GET | POST" ENCTYPE="MIME" TARGET=" . . . .. ? . . ＜ / FORM ＞
Attribute explanation sees next tables:
One, the overview that express sheet
The table is simple, the action in the webpage cannot small inspect, basically be in charge of the function that data collects, the name of the person that for instance you can collect a visit and E - Mail address, questionnaire, visitors' book is waited a moment.
1, the composition that expresses sheet
Sheet of a watch has 3 main component:
- Express single ticket: The URL that processing included to express odd number to use CGI program according to place inside this and data submit the method of the server.
- Express only region: Contained text casing, password draw a frame round, conceal casing of text of region, much travel, answer choose casing, sheet to choose casing, next pulling choice casing and file upload casing to wait.
- Express single button: Include to refer pushbutton, restoration pushbutton and common button; The CGI script that is used at sending number to the server as it is said perhaps cancels an input, still can use the pushbutton that express sheet to control other definition the processing that handles script works.
＜ of ＞ of Form of ＜ of the 1.1 label that express sheet / Form ＞
Function: Express sheet with Yu Shenming, the definition gathers the range of data, namely ＜ Form ＞ and ＜ / the data that includes inside Form ＞ will be referred to the server or in email.
Syntactic: ＜ FORM ACTION="URL" METHOD="GET | POST" ENCTYPE="MIME" TARGET=" . . . .. ? . . ＜ / FORM ＞
Attribute explanation sees next tables:
| Action=url | Appoint will treat the form that submits watch sheet. It can be an URL address (submit form) or an email address. |
| Method=get or Post | Demonstrate submits the HTTP method that expresses sheet. Potential value is:
|
| Enctype=cdata | When demonstrate uses a watch sheet to refer a server (the Internet media form that is "post") when Method value. This characteristic default value is "application/x-www-form-urlencoded " |
| TARGET=" . . . .. | Appoint the position that referred result documentation indicates:
|
For example:
＞ of ＜ Form Action="http://www.yesky.com/test.asp" Method="post" Target="_blank" . . . ＜ / Form ＞
Express to express sheet to will be referred with the means of Post to Http://www.yesky.com/test.asp, referred result shows in new page, the media way that data refers is acquiescent Application/x-www-form-urlencoded means;
The 1.2 region that express sheet
The region that express sheet contained casing of text of text casing, much travel, password draw a frame round, conceal region, answer choose casing, sheet casing mixes next pulling to choose casing to wait, use at collecting the data of the input of the user or choice, the code format of these region that express sheet tells about respectively below:
1.2.1 text casing
Text casing is a kind of him person that allow a visit the object expressing sheet that inputs content, be used to normally fill in the answer with single brief perhaps word, be like full name, letterhead.
Code format: ＜ Input Type="text" Name=" . . . .. Size=" . . . .. Maxlength=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="text" defines one-way text to input casing;
Name attribute defines the name of text casing, what should assure data is accurate collect, must define an unique name;
Size attribute defines the width of text casing, the unit is single character width;
Maxlength attribute defines the character number of most input.
Value attribute defines the initiative value of text casing
Sample 1:
Sample 1 code:
＞ of ＜ Input Type="text" Name="example1" Size="20" Maxlength="15"
Casing of many 1.2.2 text
Also be a kind of him person that allow a visit the object expressing sheet that inputs content, the person that just can allow a visit fills in longer content.
Code format: ＜ TEXTAREA Name=" . . . .. Cols=" . . . .. Rows=" . . . .. Wrap="VIRTUAL" ＞ ＜ / TEXTAREA ＞
Attribute explanation:
Name attribute defines the name of casing of much travel text, what should assure data is accurate collect, must define an unique name;
Cols attribute defines the width of casing of much travel text, the unit is single character width;
Rows attribute defines the height of casing of much travel text, the unit is single character width;
Wrap attribute definition inputs the pattern that when content is more than text region, shows, optional value is as follows:
- Acquiescent value is text automatic line feed; The meeting when the right border that exceeds text region when input content turns automatically to next group, and the place of automatic line feed when data is being referred to handle won't have line feed accord with to appear;
- Off, with will avoid text line feed, when the content that should input exceeds bound of text region right, text rolls towards the left, must use Return ability to will insert a dot move to next group;
- Virtual, allow text version automatic line feed. The meeting when the right border that exceeds text region when input content turns automatically to next group, and the place of automatic line feed when data is being referred to handle won't have line feed accord with to appear;
- Physical, let text line feed, when data is referred to handle line feed accord with also will be referred to handle together.
Sample 2:
Sample 2 code:
＜ of ＞ of ＜ TEXTAREA Name="example2" Cols="20" Rows="2" Wrap="PHYSICAL" / TEXTAREA ＞
1.2.3 passwords casing
It is a kind of special text region, use at inputting a password. When the person that visit inputs a character, the character can be replaced by asterisk or other symbol, and the character of the input can be concealed.
Code format: ＜ Input Type="password" Name=" . . . .. Size=" . . . .. Maxlength=" . . . .. ?
Attribute explanation:
Type="password" defines password casing;
Name attribute defines the name of password casing, what should assure data is accurate collect, must define an unique name;
Size attribute defines the width of password casing, the unit is single character width;
Maxlength attribute defines the character number of most input.
Sample 3:
Sample 3 code:
＞ of ＜ Input Type="password" Name="example3" Size="20" Maxlength="15"
1.2.4 conceal region
Concealing region is to use the sightless element that collect or sends message, to the visit person of the webpage, concealing region is invisible. When when the watch sheet is referred, the name that conceals the definition when region can use information you to install and value send a server to go up.
Code format: ＜ Input Type="hidden" Name=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="hidden" definition conceals region;
Name attribute defines the name that conceals region, what should assure data is accurate collect, must define an unique name;
Value attribute defines the cost that conceals region
For example: ＞ of ＜ Input Type="hidden" Name="ExPws" Value="dd"
1.2.5 answer choose casing
Answer the option of an above in choosing casing to allow to be chosen in needing option. Every answer the element that choosing casing is an independence, must have an unique name.
Code format: ＜ INPUT Type="checkbox" Name=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="checkbox" is defined answer choose casing;
Name attribute is defined answer the name that picks casing, what should assure data is accurate collect, must define an unique name;
Value attribute is defined answer the cost that picks casing
Sample 4: Yesky.com Chinabyte.com
Sample 4 code:
Yesky.com of ＞ of ＜ Input Type="checkbox" Name="yesky" Value="09"
Chinabyte.com of ＞ of ＜ Input Type="checkbox" Name="Chinabyte" Value="08"
1.2.6 sheet choose casing
The person that visit when need is when the solution with the only alternative in needing option, use sheet to choose casing with r espect to need.
Code format: ＜ Input Type="radio" Name=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="radio" defines sheet to choose casing;
Name attribute defines sheet to pick the name of casing, what should assure data is accurate collect, sheet choosing casing is with group use for the unit, the only option in same group must be used same a name;
Value attribute defines sheet to pick the cost of casing, in same group, their region value must be different.
Sample 5: Yesky.com Chinabyte.com
Sample 5 code:
Yesky.com of ＞ of ＜ Input Type="radio" Name="myFavor" Value="1"
Chinabyte.com of ＞ of ＜ Input Type="radio" Name="myFavor" Value="2"
1.2.7 files upload casing
Occasionally, need user uploads his file, the file uploads casing looks and other text region is about the same, it is it still included a button that browse only. The method of the file that the person that visit can upload through inputting need perhaps clicks the pushbutton that browse to choose to need uploading document.
Attention: It is before use file region, whether does the server that decides you first please allow faceless upload a file. ENCTYPE="multipart/form-data" must be installed to ensure the file is coded correctly in the label that express sheet; Additional, the deferent kind that expresses sheet must install POST.
Code format: ＜ Input Type="file" Name=" . . . .. Size="15" Maxlength="100" ＞
Attribute explanation:
Type="file" defines a file to upload casing;
Name attribute defines a file to upload the name of casing, what should assure data is accurate collect, must define an unique name;
Size attribute defines a file to upload the width of casing, the unit is single character width;
Maxlength attribute defines the character num ber of most input.
Sample 6:
Sample 6 code:
＞ of ＜ Input Type="file" Name="myfile" Size="15" Maxlength="100"
1.2.8 draw choice circle
Choice casing is pulled to allow you to install a variety of option in a limited space below.
Code format:
＜ Select Name=" . . . .. Size=" . . . .. Multiple ＞
＜ Option Value=" . . . .. Selected ＞ . . . ＜ / Option ＞
. . .
＜ / Select ＞
Attribute explanation:
Size attribute defines next pulling to choose the linage of casing;
Name attribute defines next pulling to choose the name of casing;
Multiple attribute expresses to be able to be chosen more, if do not install this attribute, so can odd anthology;
Value attribute defines the value of options;
Selected attribute states acquiesce has chosen this option.
Sample 7:
Sample 7 code:
＞ of ＜ Select Name="mySel" Size="1"
＜ of Yesky.com of ＞ of ＜ Option Value="1" Selected / Option ＞
＜ of Chinabyte.com of ＞ of ＜ Option Value="d2" / Option ＞
＜ / Select ＞
Sample 8:
Press Ctrl to be able to be chosen more
Sample 8 code:
＞ of ＜ Select Name="mySelt" Size="3" Multiple
＜ of Yesky.com of ＞ of ＜ Option Value="1" Selected / Option ＞
＜ of Chinabyte.com of ＞ of ＜ Option Value="d2" / Option ＞
＜ of Internet.com of ＞ of ＜ Option Value="3" / Option ＞
＜ / Select ＞
The 1.3 pushbutton that express sheet
Express what only pushbutton control expresses sheet to run.
1.3.1 refer pushbutton
Refer pushbutton to refer a server wit h the information that will will be inputted.
Code format: ＜ Input Type="submit" Name=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="submit" definition refers pushbutton;
Name attribute defines the name that submits pushbutton;
Value attribute defines the indication character of pushbutton;
Sample 9:
Sample 9 code:
＜ Input Type="submit" Name="mySent" Value=" sends " ＞
1.3.2 restoration pushbutton
Restoration pushbutton uses replacement to express sheet.
Code format: ＜ Input Type="reset" Name=" . . . .. Value=" . . . .. ?
Attribute explanation:
Type="reset" defines restoration pushbutton;
Name attribute defines the name of restoration pushbutton;
Value attribute defines the indication character of pushbutton;
Sample 10:
Sample 10 code:
＜ Input Type="reset" Name="myCancle" Value=" cancels " ＞
1.3.3 common button
Common button uses control other the processing that defined processing script works.
Code format: ＜ Input Type="button" Name=" . . . .. Value=" . . . .. OnClick=" . . . .. ?
Attribute explanation:
Type="button" defines common button;
Name attribute defines the name of common button;
Value attribute defines the indication character of pushbutton;
OnClick attribute, also can be the incident of other, will define the conduct of pushbutton through assigning script function;
Sample 11:
Sample 11 code:
＜ Input Type="button" Name="myB" Value=" saves " OnClick="javascript:a＞ of Lert('it Is A Button')"
Explore of webpage form depth is close
The webpage is made in form acted very important role. Whether do you know, does form still have very much secret? Pass the couple that waits with Javascript, CSS, form still has a lot of clever use.
1, do flow to break up a line with form
We know, can do minute of secant in the webpage with <hr> label, also can be form setting secant of an as tall as element or wide appropriative cent. Now, we combine form and Javascript, can make vividder cent secant -- cent secant of flow. Join the following code, you can see one breaks up a line, color is flowing ceaselessly.
<script>L=Array(6, 7, 8, 9, 'a' , 'b' , 'b' , 'c' , 'd' , 'e' , 'f' )T="<table Height=2 Width=60% Cellspacing=0 Cellpadding=0><tr> "For(x=0;x<40;x++){t+="<td Id=a_mo"+x+"></td>"}Document.write(t+"</tr></table>" )Function F1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-cDocument.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++SetTimeout('f1('+y+')' , 1)}f1(1)
</script>
In above code, we can mark through revising <table> medium Height and the height that Width installs minute of secant and length.
2, take tumble form
See a picture the effect of one, but must not thinking is IFRAME, this can be genuine form! Actually, this is form and the result that CSS combines. There should be paragraphs of big character to want to show on the webpage, and when doing not have enough space, this goes up with respect to the clique use. Although use text casing to also can achieve similar result, but far however did not use form agile. Code is very simple, it is OK that after wanting to mark in unit case <td> only, code adds:
<div Style="overflow:aUto;height:200;">
Of course, corresponding </div> is added before unit case ends </td> to mark. We can change the value of Height, will amend indication article paragraph the height of area. Be like the following give typical examples, achieved the result of graphic representation.
<table Width="260" Border="0">
</b></font></td></tr> of caption of <tr><td Bgcolor="#999999"><font Color="#FFFFFF"><b>
<tr><td Bgcolor="#CCCCCC">
<div Style="overflow:aUto;height:160;">
Here input article paragraph content.
</div>
</td></tr>
</table>
3, the form that takes title
See a picture the effect of 2. Normally, we should add title to form, not be to use the method of unit case to use a picture namely, very troublesome. Actually, we can be used only very a few very simple HTML mark, OK and relaxed implementation adds title to form. This label appears to already was forgotten, see rarely use, the result that nevertheless it achieves is very right still. Look how to come true below:
<fieldset Style="width:220" Align="center">
The caption </legend> of form is here
Here adds the content in form
</fieldset>
A few code can get weigh in hand! Modification Width value can install form width. The caption of form is between <legend> and </legend> , you can install the color of form caption, size to wait, it is to add last links even. After </legend> marks, can add the content in form arbitrarily, also can add aleatoric content likewise, wait like character, form, picture.
DW3 behavior (Behaviors) complete contact (foreword)
Do not know you to whether have such experience, enter a homepage, jump out immediately a clew wants you to download Flash plug-in unit immediately, still have when pointing to a picture with the mouse when you, can come out immediately a small animation that brings music, etc. These results basically achieve with Jscript, be necessary to learn Jscript to make our webpage more gorgeous? Not was necessary of course, the Jscript code of specially good effect of avery kind of almost need not too much alter, can add in the webpage to be used directly, but still should change little code, a very thorny issue is for not ripe to Jscript person, fortunately DW3(of powerful webpage editor tool is Dreamweaver 3.0 abbreviate, similarly hereinafter) offerred for us -- behavior (Behaviors) technology, it offerred a kind to use simple and intuitionistic statement to install a measure, add a few dynamic effects and simple alternant function for webp age object.
Said a long time to should let " behavior " came on the stage, every behavior includes an action (Actions) with an incident (Events) . Any movement needs an incident to arouse it, they are a pair when supplement each other two. The movement is a paragraph of Jscript code that already had written first, these code are carried out when specific event is aroused. For instance: When the mouse clicks some one specific target in the webpage, broadcast a paragraph of music or come out a window that specifies size.
DW3 was offerred for us about 20 a variety of response movement (Actions) , common the such as that is familiar with quite with everybody: Popup Message (jump out information dialog box) , open Browser Window (jump out to appoint the window) etc, and the event that DW3 offers (Events) amount to 40 many, frightening you, we need to master only commonly used 20 many OK, our familiar incident has: On MouseOver, onMouseOut, onLoad, onclick.
The problem that must talk here -- compatible, incompatible it is the best competition method that eliminates dissident, the person that the result of this kind of competition is used to us and consumer do not have how many advantage, we must be chosen between them firstly, the period that wants to fish and bear's paw the choice that this is an anguish. Not all browser supports these movements and incident, when Netscape browser and IE browser are killed so that reason sees first, I suggest everybody uses Ie browser, because it has Mircosoft this big backstage supporter, do not have how many person to dare not support it. Not be to have a lot of movements and event their each other does not support, just a few do not support just, do not consider this too much.
This tutorial difficulty is not great, agree with abecedarian and not quite clear to certain behavior friend, thi s tutorial pays attention to application, be put in a few example mainly tell analyse. Talk about the fundamental pattern of this tutorial again, this tutorial will spread out for main body with behavior, the two parts that my general introduces each behavior in detail -- movement and incident. Explain the main setting of the function of every movement and menu in detail first, then the introduction supports the incident of this movement, the applied example that discusses a few typical cases (every movement an example) , my general alternates incident in example intermediary carry on. Of ambitious attune emphasis is my general do not press order introduction action. I should declare finally a bit, because my level is finite, in the process that tell about hard to avoid can make mistake, hope to everybody points out in time and add excuse more, the problem brings a letter or leave a message to cruel page (Www.kupage.com) , withered first here!
Subscribe to:
Posts (Atom)
Posts
