网页制作过程外文翻译
网页制作外文文献及翻译

网页制作Dreamweaver外文文献及翻译Dreamweaver 3.0 is the newest version of Dreamweaver-a tool for compiling web pages, introduced by Macromedia Company. Its feature is "what you see is what you get"-this is really a blessing for novice. Also, it has functions for web site management, facilitating design and management of multiple web sites. Fig. 1 is the interface when Dreamweaver 3. 0 is activated.1. A Brief Introduction of Dream weaverCompared with its predecessor Dreamweaver 2.0, Dreamweaver3.0 is more friendly and practical for use in its operating interface, and its function has been further improved. Readers will see it is so easy to create web pages, without writing any page of code to rapidly create dynamic HTML web pages, for example, cartoon and layers; and by using its object browser, it is also possible to create web pages applicable to various platforms and browsers with very good compatibility; and it is also possible to make use of Roundtrip HTML technology provided by Dreamweaver to control the source code generated by Dreamweaver with high precision.More significantly, Dreamweaver provides you with individualized space. Your can create your own object and command, revise menu and quick keys, or even create you own JavaScript to expand Dreamweaver. It is not exaggerated at all that Dreamweaver brings in unlimited space for you to create your web pages.2. A General Description of Dreamweaver Functions(1) documents foundation and useThe documents operation is the homepage manufacture foundation. Dreamweaver not only may found the blank documents and based on the template documents, but also may edit the HTML document which in other procedures founds, for example FrontPage and so on. Dream weaver has also provided the history (History) the kneading board. The historical kneading board has recorded the reader the history which operates in the documents window, it may help you to abolish or the repetition step, and greatly simplified the homepage manufacture process. Chart 2 has demonstrated one demonstration history kneading board method.* Joins the picture and the super linkA homepage only has the text is unable to attract the person, must in the documents China and Canada person other elements. The picture certainly is inevitable, form and ultra link also essential, is abundant can suffice fascinatingly.Dream weaver provided two kinds to insert the person picture the way. The reader may choose the menu to order Insert/Image; Also may select The super link is in the documents the most important part. Had it to be allowed freely to jump from a position to another weaver formidable function has provided the many kinds of links way possibility. The mostcommon link is between the documents link, this regarding Dream weaver said certainly is a cinch. Also may found the special link using Dream weaver, for example uses the E-Mail linking the homepage, in order to promptly gains the outside each kind of feedback information, this regarding a good website said is extremely important. Also may found the script link, moves the corresponding JavaScript script, thus realizes the corresponding operation.*Website managementThe website management is the Dream weaver essence are partial. Using Dream weaver, may facilitate quickly establishes the local website and the far-end website. Dream weaver may help user's to duplicate far-end server on far-end website on the local computer, constitution local website; Also may duplicate the local website on the far-end server, constitution far-end website. Dream weaver can maintain between the local website and far-end website content synchronization, guaranteed the user carries on the renewal with wishes fulfilled to the far-end website. It also may carry on the test to in the website link, discovers break and the mistake, and carries on the repair, guarantees the website structure the accuracy.Dynamic homepage manufactureThe newest standard HTML 4.0 languages the original will expand some brand-new domains, turned the true abbreviation will be DHTML). But JavaScript and the CSS language is in function formidable DHTML the most main part. CSS and the JavaScript coordination use, may extremely simply realize the homepage dynamic effect.(2) Dream weaver 3.0 new functionsDream the weaver 3.0 new characteristics strengthened the function, improved the website management, the permission user increase navigation fence (Navigation Bar), the picture map (Images Maps) and so on the element, causes the work flow, the user and expands Dream weaver.(a) HTML edition functionFast label editorCauses the user not to need to leave Dream the weaver documents window to be allowed fast to revise, the increase, to move the HTML label.HTML styleIn 3.0 may use the standard HTML label in Dream weaver which the multi- browsers supports to found the style (for instance label and label), but in the before edition, only could use the level to fold the style list (CSS).(c) Founds and the edition object and the page elementThe user may be allowed with ease to obtain the commonly used object in the object kneading board. 1662。
jsp技术网站设计外文翻译(适用于毕业论文外文翻译+中英文对照)

Combining JSP and ServletsThe technology of JSP and Servlet is the most important technology which use Java technology to exploit request of server, and it is also the standard which exploit business application .Java developers prefer to use it for a variety of reasons, one of which is already familiar with the Java language for the development of this technology are easy to learn Java to the other is "a preparation, run everywhere" to bring the concept of Web applications, To achieve a "one-prepared everywhere realized." And more importantly, if followed some of the principles of good design, it can be said of separating and content to create high-quality, reusable, easy to maintain and modify the application. For example, if the document in HTML embedded Java code too much (script), will lead the developed application is extremely complex, difficult to read, it is not easy reuse, but also for future maintenance and modification will also cause difficulties. In fact, CSDN the JSP / Servlet forum, can often see some questions, the code is very long, can logic is not very clear, a large number of HTML and Java code mixed together. This is the random development of the defects.Early dynamic pages mainly CGI (Common Gateway Interface, public Gateway Interface) technology, you can use different languages of the CGI programs, such as VB, C / C + + or Delphi, and so on. Though the technology of CGI is developed and powerful, because of difficulties in programming, and low efficiency, modify complex shortcomings,it is gradually being replaced by the trend. Of all the new technology, JSP / Servlet with more efficient and easy to program, more powerful, more secure and has a good portability, they have been many people believe that the future is the most dynamic site of the future development of technology.Similar to CGI, Servlet support request / response model. When a customer submit a request to the server, the server presented the request Servlet, Servlet responsible for handling requests and generate a response, and then gave the server, and then from the server sent to the customer. And the CGI is different, Servlet not generate a new process, but with HTTP Server at the same process. It threads through the use of technology, reduce the server costs. Servlet handling of the request process is this: When received from the client's request, calling service methods, the method of Servlet arrival of the first judgement is what type of request (GET / POST / HEAD…), then calls the appropriate treatment (DoGet / doPos t / doHead…) and generate a response.Although such a complex, in fact, simply said to Servlet is a Java class. And the general category of the difference is that this type operating in a Servlet container, which can provide session management and targeted life-cycle management. So that when you use the Servlet, you can get all the benefits of the Java platform, including the safety of the management, use JDBC access the database and cross-platform capability. Moreover, Servlet using thread, and can develop more efficient Web applications.JSP technology is a key J2EE technology, it at a higher level of abstraction of a Servlet.It allows conventional static and dynamic HTML content generated by combining an HTML page looks like, but as a Servlet to run. There are many commercial application server support JSP technology, such as BEA WebLogic, IBM WebSphere, JRun, and so on. JSP and Servlet use more than simple. If you have a JSP support for Web servers, and a JSP document, you can put it Fangdao any static HTML files can be placed, do not have to compile, do not have to pack, do not have to ClassPath settings, you can visit as ordinary Web It did visit, the server will automatically help you to do other work.JSP document looks like an ordinary static HTML document, but inside contains a number of Java code. It uses. Jsp the suffix, used to tell the server this document in need of special treatment. When we visit a JSP page, the document will first be translated into a JSP engine Java source files, is actually a Servlet, and compiler, and then, like other Servlet, from Servlet engine to handle. Servlet engine of this type loading, handling requests from customers, and the results returned to the customer, as shown below:Figure 1: Calling the process of JSP pagesAfter another visit this page to the customer, as long as the paper there have been no changes, JSP engine has been loaded directly call the Servlet. If you have already been modified, it will be once again the implementation of the above process, translate, compile and load. In fact, this is the so-called "first person to punishment." Because when the first visit to the implementation of a series of the above process, so will spend some time after such a visit would not.Java servlets offer a powerful API that provides access to all the information about the request, the session, and the application. combining JSP with servlets lets you clearly separate the application logic from the presentation of the application; in other words, it lets you use the most appropriate component type for the roles of Model, View and Controller.Servlets, Filters, and ListenersA servlet is a Java class that extends a server with functionality for processing a request and producing a response. It's implemented using the classes and interfaces defined by the Servlet API. The API consists of two packages: the javax.servlet package contains classes and interfaces that are protocol-independent, while the javax.servlet.http package provides HTTP-specific extensions and utility classes.What makes a servlet a servlet is that the class implements an interface named javax.servlet.Servlet, either directly or by extending one of the support classes. This interface defines the methods used by the web container to manage and interact with theservlet. A servlet for processing HTTP requests typically extends the javax.servlet.http.HttpServlet class. This class implements the Servlet interface and provides additional methods suitable for HTTP processing.Servlet LifecycleThe web container manages all aspects of the servlet's lifecycle. It creates an instance of the servlet class when needed, passes requests to the instance for processing, and eventually removes the instance. For an HttpServlet, the container calls the following methods at the appropriate times in the servlet lifecycle.Besides the doGet( ) and doPost( ) methods, there are methods corresponding to the other HTTP methods: doDelete( ), doHead( ), doOptions( ), doPut( ), and doTrace( ). Typically you don't implement these methods; the HttpServlet class already takes care of HEAD, OPTIONS, and TRACE requests in a way that's suitable for most servlets, and the DELETE and PUT HTTP methods are rarely used in a web application.It's important to realize that the container creates only one instance of each servlet. This means that the servlet must be thread safe -- able to handle multiple requests at the same time, each executing as a separate thread through the servlet code. Without getting lost in details, you satisfy this requirement with regards to instance variables if you modify the referenced objects only in the init( ) and destroy( ) methods, and just read them in the request processing methods.Compiling and Installing a ServletTo compile a servlet, you must first ensure that you have the JAR file containing all Servlet API classes in the CLASSPATH environment variable. The JAR file is distributed with all web containers. Tomcat includes it in a file called servlet.jar, located in the common/lib directory. On a Windows platform, you include the JAR file in the CLASSPATH.. Reading a RequestOne of the arguments passed to the doGet( ) and doPost( ) methods is an object that implements the HttpServletRequest interface. This interface defines methods that provide access to a wealth of information about the request.Generating a ResponseBesides the request object, the container passes an object that implements the HttpServletResponse interface as an argument to the doGet( ) and doPost( ) methods. This interface defines methods for getting a writer or stream for the response body. It also defines methods for setting the response status code and headers.Using Filters and ListenersThe servlet specification defines two component types beside servlets: filters and listeners. These two types were introduced in the Servlet 2.3 specification, so if you're using a container that doesn't yet support this version of the specification, I'm afraid you'reout of luck.FiltersA filter is a component that can intercept a request targeted for a servlet, JSP page, or static page, as well as the response before it's sent to the client. This makes it easy to centralize tasks that apply to all requests, such as access control, logging, and charging for the content or the services offered by the application. A filter has full access to the body and headers of the request and response, so it can also perform various transformations. One example is compressing the response body if the Accept-Language request header indicates that the client can handle a compressed response.A filter can be applied to either a specific servlet or to all requests matching a URL pattern, such as URLs starting with the same path elements or having the same extension. ListenersListeners allow your application to react to certain events. Prior to Servlet 2.3, you could handle only session attribute binding events (triggered when an object was added or removed from a session). You could do this by letting the object saved as a sessionattribute(using the HttpSession.setAttribute() method)implement the HttpSessionBindingListener interface. With the new interfaces introduced in the 2.3 version of the specification, you can create listeners for servlet context and session lifecycle events as well as session activation and passivation events (used by a container that temporarily saves session state to disk or migrates a session to another server). A newsession attribute event listener also makes it possible to deal with attribute binding events for all sessions in one place, instead of placing individual listener objects in each session.The new types of listeners follow the standard Java event model. In other words, a listener is a class that implements one or more of the listener interfaces. The interfaces define methods that correspond to events. The listener class is registered with the container when the application starts, and the container then calls the event methods at the appropriate times.Initializing Shared Resources Using a ListenerBeans like this typically need to be initialized before they can be used. For instance, they may need a reference to a database or some other external data source and may create an initial information cache in memory to provide fast access even to the first request for data. You can include code for initialization of the shared resources in the servlet and JSP pages that need them, but a more modular approach is to place all this code in one place and let the other parts of the application work on the assumption that the resources are already initialized and available. An application lifecycle listener is a perfect tool for this type of resource initialization. This type of listener implements the javax.servlet.ServletContextListener interface, with methods called by the container when the application starts and when it shuts down.Picking the Right Component Type for Each TaskThe Project Billboard application introduced is a fairly complex application. Half thepages are pure controller and business logic processing, it accesses a database to authenticate users, and most pages require access control. In real life, it would likely contain even more pages, for instance, pages for access to a shared document archive, time schedules, and a set of pages for administration. As the application evolves, it may become hard to maintain as a pure JSP application. It's easy to forget to include the access control code in new pages.This is clearly an application that can benefit from using a combination of JSP pages and the component types defined by the servlet specification for the MVC roles. Let's look at the main requirements and see how we can map them to appropriate component types:●Database access should be abstracted, to avoid knowledge of a specific dataschema or database engine in more than one part of the application: beans in therole of Model can be used to accomplish this.●The database access beans must be made available to all other parts of theapplication when it starts: an application lifecycle event listener is the perfectcomponent type for this task.●Only authenticated users must be allowed to use the application: a filter canperform access control to satisfy this requirement.●Request processing is best done with Java code: a servlet, acting as the Controller,fits the bill.●It must be easy to change the presentation: this is where JSP shines, acting as theView.Adding servlets, listeners, and filters to the mix minimizes the need for complex logic in the JSP pages. Placing all this code in Java classes instead makes it possible to use a regular Java compiler and debugger to fix potential problems.Centralized Request Processing Using a ServletWith a servlet as the common entry point for all application requests, you gain control over the page flow of the application. The servlet can decide which type of response to generate depending on the outcome of the requested action, such as returning a common error page for all requests that fail, or different responses depending on the type of client making the request. With the help from some utility classes, it can also provide services such as input validation, I18N preparations, and in general, encourage a more streamlined approach to request handling.When you use a servlet as a Controller, you must deal with the following basic requirements:●All requests for processing must be passed to the single Controller servlet.●The servlet must be able to distinguish requests for different types of processing.Here are other features you will want support for, even though they may not be requirements for all applications:● A strategy for extending the application to support new types of processingA mechanism for changing the page flow of the application without modifyingcode.Mapping Application Requests to the ServletThe first requirement for using a Controller servlet is that all requests must pass through it. This can be satisfied in many ways. If you have played around a bit with servlets previously, you're probably used to invoking a servlet with a URI that starts with /myApp/servlet. This is a convention introduced by Suns Java Web Server (JWS), the first product to support servlets before the API was standardized. Most servlet containers support this convention today, even though it's not formally defined in the servlet specification.将Servlet和JSP组合使用Servlet和JSP技术是用Java开发服务器端应用的主要技术,是开发商务应用表示端的标准。
网页设计专业毕业设计外文翻译

Produce the design of the tool and realize automaticallyon the basis of JSP webpageIt is an important respect that Internet uses that Web develops technology, and JSP is the most advanced technology that Web is developed , it is present Web developer's first-selected technology. But because JSP has relatively high expectations for Web developer, a lot of general Web developers can not use this advanced technology . The discussion produces the design of the tool and realizes automatically on the basis of JSP webpage of the template and label storehouse, put forward concrete design philosophy and implementation method .With the popularization of WWW (World Wide Web ), the technology of the dynamic webpage is developed rapidly too. From original CGI (Common Gateway In-terface ) to ASP (Active Server Page ), have met the webpage developer to the demand for developing technology of the dynamic webpage to a certain extent. But no matter CGI or ASP have certain limitation, for instance, consuming to resources of the server of CGI, ASP can only be used etc. with Microsoft IIS, all these have limited scope of application of the technology, have hindered their popularization greatly. The vast page developers all look forward to a kind of unified page and develop technology earnestly, characteristic that this technology there should be:①Have nothing to do with the operating platform, can run on any Web or the application program server ;②Show the logic and page of application program that separates ; ③Offer codes to put in an position, simplify and develop the course based on interactive application program of Web.JSP (Java Server Page ) technology is designed and used for responding to the request that like this. JSP is developed technology by the new webpage that Sun MicroSystem Company put out in June of 1999, it is that Web based on Java Serv-let and the whole Java system develops technology, and Servlet2. Expansion of 1API. Utilize this technology, can set up advancedly , safely and stepping dynamic websites of the platform .Java is the future mainstream to develop technology , have a lot of advantages . JSP is Java important application technology on Internet/Intranet Web , get extensive support and admit, it can conbine with various kinds of Java technology together intactly , thus realize very complicated application.As a kind of technology of development based on text , taking showing as centre, JSP has offered all advantages of Java Servlet. Logic function in order to make sure and showing the function was separated , JSP can already work with JavaBeans , Enterprise JavaBeans (EJB ) and Servlet . The developer of JSP can finish the work that majority and website's logic are correlated with through using JavaBeans , EJB and Servlet , and only assign the work shown to JSP page to finish. Content and show advantage that logic separate lie in , upgrade person , page of appearanceneedn't understand Java code , the personnel upgrading Javas needn't be experts who design webpage either. This can define Web template in JSP page with Javas , in order to set up websites made up of a page with similar appearance. Java completion data offer, have Java code among template, this mean template these can write by one HTML person is it maintain to come.JSP develops technology as the webpage of the mainstream at present, has the following characteristics:(1) Separate the formulation and showing of the content : Using JSP technology, the page developer of Web can use HTML or XML identification to design and format the final page . Use JSP identification or bound foot turn into dynamic content of page actually (whether content according to is it come change to ask). Produce logic of content of the identification and JavaBeans package , truss up of the little script encapsulation, all scripts run in the end of the server. If key logic among identification and JavaBeans, then other people, such as Web administrative staff and page designer encapsulation, can edit and use JSP page , and does not influence the formulation of the content .(2) Emphasize the reusable package : Most JSP pages depend on the reusable one, the package stepping the platform finish more complicated treatment with required application program. Benefitting from the independence of operating platform of Java, the developer can be very convenient to share and exchange and carry out the ordinary package that operated, or make these packages used by more users. The method based on package has accelerated the total development course, the efficiency of improving the project and developing wholly greatly.Though JSP is powerful, it requires the webpage developer should be quite familiar with Java. There are still relatively few Java programmers now, for general webpage developer, the grammar of JSP is more difficult to grasp . So, need a kind of webpage developing instrument and offer commonly used JSP application to general webpage developer, is it understand general page develop developer of technology (HTML ) can use strong function of JSP too only to let.Systematic design object and main technology of use:(1)Design objectSystem this design object for understand but HTML understand general webpage developer of JSP offer a webpage developing instrument at all only, enable them to follow the systematic file, use the daily function of JSP through the label, produce one finally and only include static HTML and dynamic JSP webpage of JSP label.(2)Main technologyThis system is in the design, consider using the technology of the template and JSP label to realize mainly.1、Technology of the templateThe technology of the template is widely applied to various kinds of development and application system. It produces some commonly used frame structure in advance , uses the family to choose the template from the template storehouse conveniently according to the needs of one's own one, is it is it put up to go again by oneself to need , save construction period in user , facilitate use of user. In this system , classify the page according to the function type , sum up the commonly used page type, produce the template storehouse.2、Storehouse technology of the labelIn JSP, movements can create and visit the language target of the procedure and influence the element exported and flowed. JSP has defined six standard movements. Except six standard movement these, user can define own movement finish the specific function. These movements are known as the customer movement, they are the reusable procedure module . Through movement these, programmer can some encapsulation stand up too display function of page in JSP page, make the whole page more succinct and easier to maintain. In a JSP page, movements were transfered through the customer label in these customers. And the label storehouse (Tag Library ) is the set of the customer label.JSP label storehouse is that one kind produces the method based on script of XML through JavaBeans. It is one of the greatest characteristics of JSP. Through the label storehouse , can expand JSP application unrestrictedly , finish any complicated application demand.JSP label storehouse has the following characteristic:①Easy to use: The labels in JSP and general HTML marks are totally the same in appearance, it is as convenient as ordinary HTML mark to use.②The easy code is paid most attention to: Every label in the label storehouse can finish certain function . Define ready to eat one label storehouse , is it pack one Jar file the label storehouse to need only, then only need use this label storehouse in other systems afterwards, needn't develop codes again , has raised the system and developed efficiency greatly, have reduced the development cost.③The easy code is safeguarded: All application logic is encapsulated in label processor and JavaBeans, all labels concentrate on a label storehouse. If need to upgrade codes or need to revise the function on a webpage, only need to revise the corresponding label. Maintain way in unison through this kind , it is unnecessary in each webpage is it is it fix to act as to get onning, have reduce the work load safeguarded greatly, has economized the cost of safeguarding.④The easy system is expanded : If need to add the new function to the system , only need to define a new label to finish this function, do not need to do any change to other respects of thesystem. Can inherit JSP normal characteristics of various fields in the label storehouse. Can expand and increase the function of JSP unrestrictedly like this, and does not need to wait for the appearance of the next edition JSP .Systematic composition and realizing:(1)The system making upThis system is made up of four parts mainly:1、The database joins some: This system supports several daily databases , including Oracle, Sybase, MSSQLServer, MySQL and DB2, use JDBC and database to link to each other according to database type and database name , user name , password that users offer that users choose.2、The basic form of system produces some: After joining with the database , produce the basic form TC-Tables and TC-Columns of two systems according to the user name linking to each other with the database , TC-Tables form includes English name , Chinese name and some attribute of form belonging to this user in this database , for instance can revise , can inquire about ; The Chinese and English name of the row and some other attribute that TC-Columns form includes belonging to all forms of this user's in this database . For instance can show , can inquire about . Basic information of the database that these basic forms of two systems provide to user's institute for use in the course of development of the whole system.3、The template is chosen to produce some with the webpage: This part is a key part of a system. It includes two pieces of sub module .①The template is chosen some: The system offers the template to user and chooses the interface, let users choose the templates used from the template storehouse according to the need.②The template is dealt with some: According to template that user choose, system transfer designated template deal with module is it punish to go on to these template. When dealing with the label that the procedure meets in the template, offer the mutual interface to user, let user input parameter for designated label , prove system validity of label that user input. Finished the formulation of JSP page systematically finally.Webpage preview is with revising some: After the webpage was produced out, the system has offered a webpage preview window and code to user and looked over that revises the window. Through this preview window, users can look at the result of JSP page produced out in advance . If user static result of respect in page very satisfied, user can through code look over revise window revise HTML code of code. If users have further demands for the static result of the page, the system has also offered a piece of interface which transfers DreamWeaver editing machine to user, users can use it to carry on further modification and perfection to the static result of JSP page that is produced out .(2)Systematic realization1、Realization of the template storehouse and label storehouseThe planning and design of the label storehouse are essential in the whole system design, efficiency that the degree and system that are put in an position have operated that its relation has reached codes. Its planning should follow the following principle .(1) Should try one's best little including static HTML among label. To general user, the label is transparent. Users can not look over and revise labels . If include too many static HT-ML sentence in the label , will influence the modification and perfection of user's static result to the page, limit the use of the label.(2) Try one's best to raise the paying most attention to degree of the code. Is it is it is it is it is it is it get to JSP public JSP out to withdraw to use to try one's best to classify to go on to use, form labels. Do not use and realize this application repeatedly in each label . While revising and perfecting to using like this , only need to revise this label, maintenance of the easy code.(3) Facilitate users' use. While designing the label storehouse , should fully consider users' operating position , it can very easy and understanding and using labels conveniently to use the family.①Definition of the label storehouse: Define a label storehouse, must define a label storehouse and describe the file (TLD ) at first . This is a file of script based on XML, have defined the edition of XML in this file , codes used, the edition , name and definition and parameter of all labels included in this storehouse of the label storehouse of the edition of the label storehouse , JSP used describe, including the name of the label, corresponding Javas of label, description information of the label ,etc..②Realization of the label: One label first special Java type, this each must inherit TagSupports , this each is in javax. servlet. jsp. Define in tagext bag . In the labels, the parameter which includes this label initializes the subject treatment method (Handler ) of method (Set/Get ) , label and method available for making the first class label to adjust,etc..③Realization of the template : A template is that one contains JSP file that labels quoted . In order to quote the labels defined in the template , must introduce the label storehouse at first .<%@taglib uri=“tag.tld”prefix=“ctag”%>Among them uri appoints the label storehouse to describe the route of the file ; Prefixes used when prefix appoints to quote labels.While quoting the designated label in the template , use the designated prefix while introducing the label storehouse, appoint the name of the label; It is the parameter assignment of the label.2、Systematic development environmentWhat this systematic subject procedure making is used is JBuilder 6 of Borland Company. 0, it is Front-Page2000 of Microsoft Company that the template is developed and used, what the label storehouse is developed and used is UltraEdit editing machine, what JDK is adopted is JDK1.4. The system testing environment is JRun3. 0.Java future mainstream to develop language, and Java using JSP will become major technology that Web will be developed in the future too mainly at Web. This system has adopted the label storehouse , one of the biggest characteristics of JSP, enable the general Web developer to use JSP strong dynamic page function conveniently too, develop JSP dynamic Web page of the modern techniques. Because this system adopts Java to develop, can run under the operating system of any support graphic interface , have realized complete having nothing to do with the platform. This system is easy to expand and perfect. Can consider offering the interface to user afterwards , will use the family to expand the template storehouse and label storehouse by oneself, strengthen the systematic function further.List of references:[1] Cay S. Horstmann,Gary Cornell. Java 2 key technology (CoreJava 2 ) [M ]. Beijing: Publishing house of the mechanical industry.[2] Bruce Eckel. Java programming thought (Thinking in Java ) [M ]. Beijing: Publishing house of the mechanical industry.[3] Joseph L. Weber. Java 2 programming is explained in detail (Using Java 2) [M ]. Beijing: Electronic Industry Press.[4] Borland Company. Building Applications with JBuilder.基于JSP网页自动生成工具的设计与实现Web开发技术是Internet应用的一个重要方面,而JSP又是Web开发的最先进的技术,是当前Web开发人员的首选技术。
国际网页web设计流程(Thewebdesignprocess)

国际网页web设计流程(The web design process)1. of the initial consultation, is the key to the site to collect information, including the site of the target readers. To publish content. The development of Web server platform;2. the concept of development, according to the designer of the collected information, conceived, usually, the designer to put these ideas with the sketch of the form to the customer, the sketch to have the website's structure, different layout design and navigation;3. comprehensive content, when deciding the designers, designers started making some initial pattern, the pattern of the program that use PHOTOSHOP to create, and then, the designer will print pattern with the text;4.HTML layout and navigation, once the customer agrees to the comprehensive content, designers began compiling the Web page, the navigator was also prepare to page, make customer first real taste;5. graphics, if the customer agrees to the look and feel of the site, the designer will make a lot for graphics, and optimize;6. the content of process, a variety of web technology using the customer's written materials (CSS, JAVA, FLASH), organic and related graphics together;In the 7. test, the site is delivered to the customer before the designer to thoroughly test every Web page and link, using the list, repair;8. delivery, once signed, the customer will often carry out their test, find out the layout and content of the mistake, finished these secondary correction, the official opening of the site.The complete plan can use 1-12 months to complete, the average completion time is 4 months. When the site was opened, to carry out follow-up survey, to determine how people use the site. After 6-12 months of operation, to collect data, to re design, then the Web design process to start again.Attached: WEB design experience from design directorAs design director, Peter Stern has led the redesign of the page and the development of five different interactive tools, these tools are used to download center, product catalogs, configuration files, search center and registration online function. He has several internal user interface design tools, and is committed to creating will be released later this year for the next generation of home page.From the title, you may think my main concern is the layout of the Web site of thousands of pages. Indeed, these are my concern. Visual appeal is important, but this is just a small part of the work. The final purpose is to ensure the normal operation of the site.I mean, people usually visit , did not take it asa work of art appreciation. But in order to get informationabout products, or have some technical problems need to consult, or read about the developer's journal. So the design of the website should be clear and organized, so that they can easily find the information they need.The design of the siteIn Web design, in the design process, form should follow function. The whole design process of this method is applied to our site in. Of course, we have the latest Web tools, and can be a variety of visual gadgets uploaded to the web page.But we think it will not be conducive to provide effective services for visitors.In fact, I often find that some sites are not focused on function. Common errors include:The user interface elements are not consistent. For example, the same control function on different pages, or a function of the corresponding user interface controls.The navigation bar is not consistent. What determine the site's pages and function can be access to any page on the site in. This is the "global navigation bar should maintain consistency".Do not pay attention to or do not pay attention to the basic principles such as graphic design, typesetting style, color design and layout.The related elements and function of random grouping. Pay attention to the elements placed in the page of the position and purpose. This can help visitors to infer a link from the selection and location of other adjacent.The page is too large so that visitors need to through the typical modem speed Internet connection for a long time to download. This is not to say that you should not use graphics, but they need to be carefully selected, and then use the appropriate compression and optimization of their color index.Now the Web site still has many problems, it is not surprising. After all, the Web design of "art" is a relatively new thing. Four or five years ago, and even the general page Web. At that time, people seem to think that their Web site will attract visitors just because they exist and may in some cases this method is effective. But these sites are usually very ugly, and more importantly, they are really difficult to use. Then enter the "see what we can do in the stage," added a lot of animation, sound files and other additional parts, causing visitors need long time to download, but did not get much real content.Now the Web designers have learned from previous experiences and lessons. Good site tend to simplify and fast, also improved in function. This is the goal of Microsoft, and we were the first to admit their own mistakes (see "Web Microsoft" to see the homepage design before).The design is not always obviously wrong. Sometimes in the design of a small mobile elements or change will have little or no influence. However, in other cases, it may indeed havean impact on the page. But if we've learned something from the past few years, there is little change will make the Web operation page is very different.Clear processTo avoid similar problems, for our new service (such as "search") or create key Web page (such as home) had a clear process. Each project is started on the basis of certain, that we have a benefit from our pages, or part of the user interface elements of the product or service. In the early stage of product plan (phase first), I was asked to design some of the primary models: general description page, part or function of sketch. Then the product project team to check the product plan, to see whether the service can be microsoft.Com visitors really bring some benefits.If the answer is "yes", then the project will be approved, we began to write the project description (second stage). We are in the first stage sketches and based on the concept of creation and put forward a more complete plan. At this time, we will start a usability test (usually written model) to understand potential users will respond to the plan design. In the last stage of development (stage third), we create a Web prototype service operation plan, and conduct usability testing and comprehensive internal review. Then complete the site code, modify the program error, finally released to the customer site through the actual operation of the Web site.As you can see, the availability plays an important role in thewhole process (see "creating effective Web interface requires careful planning"). We can run a task time for users, compared to test the same so that we can in later versions. We can use this method to measure, to determine whether a new design function to bring any real value for customers.Also, we will observe carefully to see whether the availability of the object can be calculated how to use new features -- we referred to as "discovery method". Sometimes it gives us some challenges. For example: on our site in the search engine, type a phrases or words will produce a list of results. Then we ask users to choose to search in these results, in order to carry out more detailed search and guide a page or resource. But even in the range of search is clearly marked on the label in the dark, few people are familiar with it. Some users believe that they are to start a new search, and may be fruitless. We are addressing this issue to ensure that customers can use on all the rich functions to improve their understanding of this site.The option "in the range of search" looks very intuitive, but it is not very easy to find. This problem has been one of the problems of our design problem.final phaseGenerally speaking, the site design is to balance the conflict between the need of art. On the one hand, I will try to get the site design is simple and easy to use. On the other hand, I want to make sure that all the powerful tools in the site can be used for experienced users. At the same time, I also for internalcustomer service --Microsoft product project group -- they have special needs of service. So every day I have to solve some difficult problems, often in a very urgent situation. I find this kind of work is inspiring and interesting.This occupation need more skilled professionals. I was after a series of very general process of studying at the University of graphic art, and then in the design of CD-ROM multimedia company, finally joined the Microsoft and application development -- to get this job. Strangely, when I apply (and get) the job, I had never designed a Web page. But after my extensive design has proven to be very useful,And I think have verified the motto "the success of the design is successful design" (no matter what the media). Many of the design problem is the one and only in Web, the methods of solving these problems are the same for any media.For the Web designer, my suggestion is that they should as far as possible to expand the design background. This should ensure that some Web work as a part of the design of interactive training school has most of the good design into the curriculum. But in typography, color theory, layout design and production aspects of solid technology will still be of particular value.In the future, Web designers will continue to be required to increase more rich multimedia content to the page to Web site visibility and operability of the increased demands for a new level of complexity and technology. As CD-ROM/ multimedia designer, I must have the requirements of graphic design, video, audio, animation and other aspects of knowledge and creativeability. My prediction is that Web designers will also to the development in these areas.For we belong to - and Internet in the other place -- it's a very interesting future.Know your audience. Look at what people visit your site, and why they want to visit. Novice or occasional Internet users and software developers in Web require very different interests and site.Make your site visitors to help.To provide the necessary information for your audience. The navigation elements remain the same, and make sure to visit clearly marked the highest rate of area, they are easy to be found.The use of a clear message.To ensure that users understand the page context, and need to know what they do. If the registration process you want the user to enter the name, then put it bluntly. Don't let your visitors to calculate what, they feel depressed, so turn to other more simple sites (such as your competitor's site!).Maintain consistency.Although not difficult to change the appearance of different Web pages, but this does not mean that you should do so. The main functions - such as the return of "home page" link orperform a search -。
网页设计翻译

心之所向,所向披靡(ICA50105)UNIT OF STUDY DG509 –Web-database Connectivity ASSESSMENT TITLE End of Semester Assignment乱翻译,不负责ASSESSMENT TYPE AssignmentInstructions说明o Weighting This assessment is worth 80% of your final result for this unit of study占总成绩80%o Due Date This assignment consists of three tasks.包括三个任务o You must submit your Design in Week 13, the solution for Part A by Week 15 and Part B by Week 17.在13周交设计稿,15周前交PartA,17周前交PartB。
o Pages must be numbered and the report should contain a Table of Contents 网页要编号,报告应该包含一个表来列出内容o You must put your name and VU student ID on all items submitted forassessment提交作业时所有项目要包含你的名字和维大学号o You should include a standard IT cover sheet with your completed assignment 要有个封面o If you do not pass this assignment (ie if you do not achieve a mark of 40) you will be able to do it again and resubmit it, but you will only be able to achieve amark of 40% (a pass) for this second attempt40分通过,不通过的话可以再做一次,但是这一次最多只能拿40分o If your assignment is late it will be marked as a resubmission.最好别迟交Resources资源o opinionatedStudent (a MySQL database)一个叫“opinionatedStudent”的MySQL数据库Description of Tasks任务描述Read the following case study, outlining the client's requirements, then阅读下面的客户要求1.Design a website that meets these requirements and organises the information according to thecategories suggested and in the way specified below.设计一个网站,根据以下的分类和说明管理信息。
网页制作英语作文模板

网页制作英语作文模板Making a Website。
Creating a website is an exciting and creative process. It allows you to express yourself and share your ideas with the world. Whether you are building a personal blog, a business website, or an online store, there are a few key steps to consider.Firstly, you need to choose a domain name. This is the web address that people will use to access your site. It should be catchy, memorable, and relevant to your content. Once you have a domain name, you can register it with a hosting provider. This will give you the space to store your website files and make them accessible to visitors.Next, you need to design your website. This involves selecting a layout, colors, and fonts that reflect your style and purpose. You can use a website builder or hire a professional designer to help you create a visuallyappealing and user-friendly site. Remember to keep the design clean and organized, making it easy for visitors to navigate and find what they are looking for.After designing your website, it's time to add content. This includes writing engaging and informative text, as well as uploading images, videos, and other media. Make sure your content is relevant to your target audience and showcases your expertise or products. It's also important to optimize your content for search engines, using keywords and meta tags to improve your website's visibility in search results.Once your website is ready, you can launch it and start promoting it. Share your website on social media, reach out to influencers in your niche, and consider investing in online advertising. Building a strong online presence takes time and effort, but with the right strategies, you can attract a steady stream of visitors to your site.Finally, don't forget to regularly update and maintain your website. Keep your content fresh and relevant, fix anybroken links or errors, and monitor your website's performance using analytics tools. By continuously improving your website, you can ensure that it remains engaging and effective in achieving its goals.In conclusion, creating a website is an exciting journey that allows you to showcase your ideas and connect with a global audience. By following these steps andputting in the necessary effort, you can build a successful and impactful website. So, what are you waiting for? Start making your website today!。
网页设计与制作外文翻译文献中英文

外文文献翻译(含:英文原文及中文译文)文献出处:Computer Knowledge & Technology, 2013,12(1):31-41英文原文Web design and productionM SiegelAbstractThe paper will study and discuss methods and tools for personal web page design and production. Based on the introduction of web design and production language, we focused on using JavaScript as a tool language for actual web page design and production. We used object-based JavaScript language, the use of internal object systems, and WEB page information interaction—window and framework. Describe it in detail and use specific examples for verification.Keywords: web page production, web design, software, html1 IntroductionWith the advent of the 21st century, people feel more and more deeply that the role of computers in life and work is more and more important. More and more professions need computer application skills. Mastering the need for computers is a career, but also the need for career development. Web design and production is a concrete manifestation of computer capabilities. This chapter mainly introduces related knowledgeof web design.1.1 Web Design OverviewA website is a way for companies to provide information (including products and services) to users and netizens. It is an infrastructure and information platform for companies to develop e-commerce. It is impossible to leave e-commerce (or just use a third-party website) to talk about e-commerce. . The company's web site is called the “Internet Trademark” and is also part of the company's intangible assets. The website is an important window on the Internet to promote and reflect corporate image and culture.1.2 Elements of Web DesignThe two major elements of web design are: overall style and color matching. First, determine the overall style of the siteChapter 2 Application of HTML Web Design Technology2.1 HTML language introductionHTML (HyperText Mark-up Language) is a hypertext markup language or hypertext markup language. It is the most widely used language on the Internet and the main language constituting webpage documents.HTML text is descriptive text composed of HTML commands. HTML commands can describe text, graphics, animations, sounds, forms, links, and so on. The structure of HTML includes two parts: the head andthe body. The head describes the information needed by the browser, and the body contains the specific content to be explained.2.1.1 Features of HTML LanguageHTML document production is not very complicated and powerful. It supports the inlaying of files in different data formats. This is one of the reasons for the popularity of the WWW. The features of the HTML language are as follows:1. Simplicity: The HTML version upgrade adopts a superset method, which is more flexible and convenient.2. Extensibility: The extensive use of HTML language has brought about enhanced functions, increased identifiers, and other requirements. HTML takes the form of sub-elements to provide guarantees for system expansion.3, platform independence. Although PCs are popular, there are plenty of other machines using MAC and so on. HTML can be used on a wide range of platforms, which is another reason why WWW is prevalent.2.1.2 HTML language editing softwareWrite it, too. However, use .htm or .html as an extension when saving, so that the browser can interpret it.2. Semi-WYSIWYG software, this software can greatly improve the development efficiency, it can enable you to make Homepage in a veryshort time, and you can learn HTML, this type of software mainly has HOTDOG, as well as domestic Software webpage workshop.3, WYSIWYG software, using the most extensive editor, you can completely do not know HTML knowledge to make web pages.2.2.3 JavaScript Technology Used in Web DesignOne, JavaScript OverviewJavaScript is an object-based and event-driven scripting language with safe performance. The purpose of using it is to implement linking multiple objects in a Web page together with HTML hypertext markup language and Java scripting language (Java applets) to interact with Web clients. This allows you to develop client applications and more. It is implemented by embedding or loading in the standard HTML language. Its appearance has made up for the shortcomings of the HTML language. It is a compromise between Java and HTML. It has the following basic features:1, is a scripting languageJavaScript is a scripting language that uses small blocks to program. Like other scripting languages, JavaScript is also an interpreted language that provides an easy development process.Its basic structure is very similar to that of C, C++, VB, and Delphi. But unlike these languages, it needs to be compiled first, but it is interpreted line by line during the execution of the program. It iscombined with HTML tags to make it easier for users to use.2, based on the language of the object.JavaScript is an object-based language that can be viewed as an object-oriented one. This means it can use the objects that it has already created. Therefore, many functions can come from the interaction of methods and scripts in the script environment.3, simplicityThe essence of HTML is text, which requires the interpretation of the browser. The HTML editor can be roughly divided into three types: 1. The basic editing software, which can be written using WINDOWS's own notebook or writing, of course, if you use WPS The simplicity of compiling JavaScript is mainly reflected in: First, it is a simple and compact design based on Java basic statements and control flow, which is a very good transition for learning Java. Second, its variable types are weakly typed and do not use strict data types.4, securityJavaScript is a security language. It does not allow access to the local hard disk. It does not store data on the server. It does not allow the modification or deletion of web documents. Information browsing or dynamic interaction can only be achieved through the browser. This effectively prevents data loss.5, dynamicJavaScript is dynamic. It can respond directly to user or customer input without going through a Web service program. It responds to the user's response in an event-driven manner. The so-called event-driven refers to an action that is performed by performing an operation in a Home Page. It is called an "Event". For example, pressing a mouse, moving a window, selecting a menu, etc. can all be considered events. When an incident occurs, it may cause a corresponding event response.6, cross-platformJavaScript is dependent on the browser itself, regardless of the operating environment, as long as it can run the browser's computer, and the JavaScript browser can be executed correctly. In order to achieve the "write once, travel the world" dream. In fact, the most outstanding thing about JavaScript is that you can do a lot of things with very small programs. Without high-performance computers, the software requires only a word processing software and a browser. It does not require a WEB server channel and can do everything through its own computer.In short, JavaScript is a new description language that can be tethered to HTML documents. The JavaScript language can respond to user's demand events (such as form input) without using any network to transfer data back and forth, so when a user enters a data, it does not pass it to the server (server). ) Processing, and then returned to the process, and can be directly handled by the client's application.The third chapter WEB page information interaction - form and frameTo realize the dynamic interaction of web pages, you must master more complex knowledge about form objects and frame objects.3.1 Form BasicsThe form object allows the designer to interact with the client user using different elements in the form, but without having to first perform data input, the behavior of the Web document can be changed dynamically.3.1.1 Form objectForm: It forms the basic element of a Web page. Usually a Web page has a form or several windows, using the Forms[] array to access different forms.3.1.2 Form Object MethodsThere is only one --submit() method for the form object. The main function of this method is to submit the form information. 3.1.3 Form Object PropertiesThe attributes of the window object mainly include the following: elements name action target encoding method. In addition to Elements, several others reflect the state of the corresponding attribute in the identity of the form, which is usually a single form identifier; elements are often an array of values for multiple form elements.3.1.4 Accessing a Form ObjectAccessing a form object in JavaScript can be implemented in two ways: (1) by accessing the formIn the properties of the form object, you must first specify the name of the form, and then you can access the form with the following ID: document.Mytable().(2) access the form through an arrayIn addition to using the form name to access the form, you can use the array of form objects to access the form object. However, it should be noted that because the form object is provided by the browser environment, the array index provided by the browser environment is from 0 to n.3.1.5 Prerequisites for Reference FormsThe condition for reference to a form in JavaScript is that the form must be created on the page with an identifier and the defined form part is placed before the reference.3.2 The basic elements in the formThe basic elements in the form consist of buttons, radio buttons, check buttons, submit buttons, reset buttons, text boxes, and so on. To access these basic elements in JavaScript, you must implement an array subscript or window element name that corresponds to a specific form element. Each element is primarily referenced by its attributes ormethods.3.3 FrameworkThe main function of the Frames Frames is the "split" window, so that each "small window" can display different HTM L files. Different frames can interact with each other. This means that different frames can exchange messages and data. For example: Suppose you have opened two frames. The first frame shows the book's directory. The second frame shows the chapter's specific content.The framework can divide the screen into different areas. Each area has its own URL. Frames[] array objects can be used to access different frameworks. In fact, the frame object itself is also a kind of window, which inherits all the features of the window object and possesses all the attributes and methods. The use of the framework of the specific instructions3.4 Framework AccessEarlier we introduced using document.forms[] to access different elements in a single form. To access different elements of a multiframe in a frame, you must use the Frames property in the window object. The Frames property is also an array. It has one item for each sub-frame in the parent frameset.3.5 Summary of this chapterThis chapter mainly introduces the main functions and uses of thebasic elements in the framework. The use of JavaScript scripts can be very convenient and flexible to implement more complex information interaction of Web pages. This is not what the HTML markup language can provide. Y ou can see from it that JavaScript is a good tool for the Web to involve people.中文译文网页设计与制作作者M Siegel摘要本文将对个人网页设计与制作的方法、工具等展开研究和探讨。
网页设计外文翻译

网页设计外文翻译外文原文Source: Web Page Design Using JavaScriptTHE BASICSJA V ASCRIPT uses a subset of the programming language JA V A to provide a high level of interactivity on a web page. JavaScripts are stored within an HTML document and are interpreted by the web browser.JavaScripts may be located within the HTML code at the point in the page where they are to appear on the screen or they may be written using functions. Functions are small subprograms that are stored between the head tags of an HTML document and are called on to be executed when a particular event occurs.Whether the script is stored between the head tags or within the body of the HTML document, it must be enclosed in script tags. Also, a set of HTML comment tags are typically used inside the script tags so that older browsers that do not support JavaScript will ignore the script and continue to process the page without errors.Following is an example of the script and comment tags:<script language="javascript"><!--Include JavaScript Code Here//--></script>Be aware that JavaScript is case sensitive...the difference between a working script and an error message can be one capital letter.ALERT BOXESTo pop up an alert box include the following line of code inside of script tags in the body of your HTML document. Please note that the processing of the page will stop until the viewer responds to the alert box.alert ("Place the text to be displayed in the alert box between these quotes.")Other types of pre-made dialog boxes are available such as the prompt and confirm boxes. In order to take full advantage of the features of these dialog boxes you must write more JavaScript code which can use the values that are returned by the dialog boxes.The following statements will pop up a dialog box that requires a yes or no answer (OK or Cancel). If the answer is OK then the variable named answer has a value of true and if the answer is Cancel then the variable named answer has a value of false. You canthen use an if statement in the JavaScript code to respond appropriately.var answer = confirm ("Are you sure you want to quit?")if (answer==true){window.close()}The following code will pop up a dialog box that asks the user to enter some sort of information. If the user clicks OK the information they entered is stored in the variable. The second set of quotation marks inside of the prompt statement make the contents of the text box blank when the dialog box is displayed.var response = prompt ("What is your name?" ,"")document.write ("<font size=7 color=red face=arial>Hello " + response + "!") Notice that in the last two examples the window and document objects were used. Window refers to the browser window and document refers to the page being displayed. The use of a dot after the name of the object allows actions to be performed on that object or properties of that object to be modified. In this next example, the navigator object is referenced in order to display the browser name and version.alert ("You are using " + navigator.appName + " version " + navigator.appVersion + ".")POP-UP WINDOWSAn additional browser window may be opened using a simple JavaScript. The open method contains three parts as in the following example: the name of the document or url of the web site to be displayed in the new window, the name that may be used to refer to the browser window (requires more code than is shown here), and the properties of the new window. Please note that the properties are all listed in one set of quotation marks and are separated by commas.open ("myfile.html", "mywin", "height=200, width=200, titlebar=false")The following properties may be used to control the appearance of the new window:WRITING FUNCTIONSFunctions are small subprograms that are located within script tags between the head tags of an HTML document. Functions are executed when they are called by name from an event handler within the body of an HTML document.The basic structure of a function is as follows:function NameOfFunction( ){Include JavaScript Code Here}EVENT HANDLERSThe following example demonstrates the use of event handler onclick as well as the use of styles to control the appearance of buttons. Note that instead of using type=submit for the button the code simply says type=button. Copy and paste this entire set of code in to a new document and test it out.<html><head><title>Sample</title><style type="text/css">#bigbutton {background-color : yellow; font-family : arial; color : blue;font-size :18px; height : 50px; border-width : 0.2cm; border-color : red} </style></head><body><form name=myform><input type=button name=mybutton id=bigbutton value="CLICK ME!"onclick="window.location=''"></form></body></html>Changing the code for the button to read onclick="myfunction( )" will result in exactly the same thing as the previous example if the following function is included in a script between the head tags. Typically, you would write a function only if the event required more than one thing to happen.function myfunction( ){window.location = ""}The following are some of the event handlers that exist in javascript:Table1-2 event handlers that exist in javascriptonfocus onblur onselect onchangeonsubmit onclick onmouseover onmouseoutonload onunload onabort onerroronreset onkeypress onkeyup onmousedownonmousemove onmouseup onmove onresize POP-UP MENUSPop-Up Menus can be quickly created by using the select tag as it was used in forms to create a drop down list. Set the value of each of the options in the select tag to the url of the new page to be displayed. Use the onchange event handler to set the location of the window to the selected value in the drop down list. For example, if the form is named myform, the select tag is named mychoices, and the value of each option is a url then the statement window.location = document.myform.mychoices.value will take you to the new page that was selected from the drop down list.By default only one item in a list is displayed by a select statement until the viewer clicks on the down arrow to expose the rest of the list. To display more that one item at atime (and create a text box with a vertical scrollbar) include the size attribute in the select tag. For example, size=5 will display the first five items in the list and add a vertical scroll bar to the box if there are more than 5 items in the list.MOUSEOVERSA mouseover refers to the effect that occurs when the properties of an object are changed if the mouse is positioned over the top of the object and then again if the mouse is removed from the object. The quickest way to generate a mouseover is to use the onmouseover and onmouseout event handlers in a form of in-line style.Visit the style section of the DHTML page of this web site to see an example of mouseovers used with text as an in-line style. Any style property that applies to a particular object can be changed as the result of a mouseover.Performing mouseovers with a graphic is not much different than with text. When the desired event occurs (onmouseover, onmouseout) change the source of the graphic as in the example that follows:<img src="pic1.jpg" onmouseover="src='pic2.jpg'" onmouseout="src='pic1.jpg'"> SCROLLING TEXTSince the marquee tag is only supported by Internet Explorer it is a good idea to avoid it as much as possible and use a JavaScript to generate scrolling text instead. With this JavaScript it is also quite easy to place the scrolling text on the status bar instead of in the document itself by using window.status as the destination for the message. The following function will generate a scrolling message in a text box named mymessagebox which is part of a form named myform. The event handler onload must also be used in the body tag to call the function when the page loads.var message = "This is a test... "var position = 0function mymessage( ){document.myform.mymessagebox.value=message.substring(position, message.length) +message.substring(0, position)position = position + 1if (position > message.length){position = 0}window.setTimeout("mymessage( )", 300)}DATES AND TIMESDates and times are often displayed on web pages to indicate when a page was last updated, when a page was loaded, or to display a countdown to a particular event. Displaying the date and time of the last update is a good practice to get in to for all of your pages because frequent updates are one sign of a quality site. The date/time stamp lets the viewer know how recent the information is and therefore provides one indication of validity. To display the date and time of the last update (the last time the document was saved) use the following one line inside of script tags:document.write ("This page last updated " + stModified)To display the current time and date on a web page you must declare a variable of type Date ( var now = new Date). The variable can then be used to access various parts of the date and time including day of the week, month, day of the month, year, hours (in military time), minutes, and seconds. Assuming that now is the variable declared of type Date the following table describes how to access the parts of the date and time. Each of the function calls may be used in a document.write statement to display the result.One way to convert the numbers for the month and day of week in to words is touse if statements. Using a lot of if statements is not the most efficient way to display the words, but it is the method that requires the least amount of programming knowledge. Examine the following example. Notice the condition that follows the word if is in parentheses and that a double equal sign is used for the comparison. A single equal sign will actually make the condition true no matter what so January would always be displayed.if (now.getMonth( ) == 0)document.write ("January")The following function would display a working clock if your page contained a form called myform which contained a text box named mybox and the function was called using the onload event handler in the body tag. More code would need to be added to assure that the minutes and seconds always used two digits.function myclock( ){var now = new Datedocument.myform.mybox.value=now.getHours( )+":"+now.getMinutes( )+":"+now.getSeconds( )window.setTimeout ("myclock( )",1000)}To display a countdown to a future date, you will need two variables of type new Date. One of them will need to be set to the date that you are targeting with your countdown. The declarations would look as follows if you were going to count down to New Year's Day.var now = new Datevar then = new Date("January 1, 2002")The variable now in the above example actually holds the number of milliseconds that have passed since the computer started counting until now. The variable then in the above example actually holds the number of milliseconds that will have passed between the time the computer started counting and January 1, 2002. By subracting the two amounts and storing the answer in a new variable you will know the number of milliseconds between now and your target date. With a little division, this number can be converted to the number of days between now and your target date. In order to display the result as an integer, you will need to use the Math.ceil function as in the following example which uses the variable numdays to hold the number of days to be displayed. Ceil is short for ceiling which implies that the number will be rounded up tothe nearest whole number.document.write("Only " + Math.ceil(numdays) + " days until New Year's!")INTERACTIVE FORMSForms can be used for a lot more than just submitting information through email. Forms can be made to perform all sorts of actions when buttons are clicked.中文翻译出处:使用JavaScript设计网页基础JavaScript使用编程语言Java的一个子集在网页上提供高层次的交互。
制作网页设计作文

制作网页设计作文Designing a webpage is both a creative and technical process. 网页设计既是一个创造性的过程,也是一个技术上的过程。
It involves a combination of visual design and coding, as well as an understanding of user experience and functionality. 这涉及到视觉设计和编码的结合,以及对用户体验和功能的理解。
As a web designer, the goal is to create a site that not only looks good but also functions well and provides a seamless user experience. 作为一名网页设计师,目标是创建一个既看起来好看又功能良好、提供无缝用户体验的网站。
One of the key aspects of web design is the visual appearance of the site. 网页设计的一个关键方面是网站的视觉外观。
This includes the layout, color scheme, typography, and imagery used throughout the site. 这包括整体布局、色彩搭配、字体和图像等。
A well-designed webpage should be visually appealing and reflect the brand or purpose of the site. 一个设计良好的网页应该在视觉上吸引人,并能反映网站的品牌或宗旨。
Visual elements play a crucial role in capturing the attention of the site visitors and conveying the desired message. 视觉元素在吸引网站访问者的注意力和传达所需信息方面起着至关重要的作用。
网页设计的工作流程与用途

网页设计的工作流程与用途英文回答:Web Design Workflow and Purpose.Web design is the process of creating a website. It involves a number of different steps, from planning and conceptualization to development and testing. The goal of web design is to create a website that is both visually appealing and functional.The Web Design Workflow.The web design workflow typically includes the following steps:1. Planning and conceptualization: This step involves brainstorming ideas for the website, defining the target audience, and creating a sitemap.2. Design: This step involves creating the visual layout of the website, including the colors, fonts, and images.3. Development: This step involves coding the website using HTML, CSS, and JavaScript.4. Testing: This step involves testing the website to ensure that it is functioning properly.5. Deployment: This step involves making the website live on the internet.The Purpose of Web Design.The purpose of web design is to create a website that is both visually appealing and functional. A well-designed website can help businesses attract new customers, generate leads, and increase sales. It can also help organizations communicate with their target audience and build relationships.中文回答:网页设计的工作流程与用途。
网站毕业设计外文翻译 精品

WebsiteFrom Wikipedia, the free encyclopediaA website is a collection of related web pages, images, videos or other digital assets that are addressed relative to a common Uniform Resource Locator (URL), often consisting of only the domain name, or the IP address, and the root path in an Internet Protocol-based network. A web site is hosted on at least one web server, accessible via a network such as the Internet or a private local area network.A web page is a document, typically written in plain text interspersed with formatting instructions of Hypertext Markup Language (HTML, XHTML).A web page may incorporate elements from other websites with suitable markup anchors.Web pages are accessed and transported with the Hypertext Transfer Protocol (HTTP), which may optionally employ encryption (HTTP Secure, HTTPS) to provide security and privacy for the user of the web page content. The user's application, often a web browser, renders the page content according to its HTML markup instructions onto a display terminal.All publicly accessible websites collectively constitute the World Wide Web.the pages of a website can usually be accessed from a simple Uniform Resource Locator called the homepage. The URLs of the pages organize them into a hierarchy, although hyperlinking between them conveys the reader's perceived site structure and guides the reader's navigation of the site.Some websites require a subscription to access some or all of their content. Examples of subscription sites include many business sites, parts of many news sites, academic journal sites, gaming sites, message boards, web-based e-mail, social networking websites, and sites providing real-time stock market data.1.HistoryThe World Wide Web (WWW) was created in 1989 by CERN physicist Tim Berners-Lee.On 30 April 1993, CERN announced that the World Wide Web would be free to use for anyone.Before the introduction of HTML and HTTP, other protocols such as filetransfer protocol and the gopher protocol were used to retrieve individual files from a server. These protocols offer a simple directory structure which the user navigates and chooses files to download. Documents were most often presented as plain text files without formatting or were encoded in word processor formats.2.OverviewOrganized by function, a website may be(1)a personal website(2)a commercial website(3)a government website(4)a non-profit organization websiteIt could be the work of an individual, a business or other organization, and is typically dedicated to some particular topic or purpose. Any website can contain a hyperlink to any other website, so the distinction between individual sites, as perceived by the user, may sometimes be blurred.Websites are written in, or dynamically converted to HTML (Hyper Text Markup Language) and are accessed using a software interface classified as a user agent. Web pages can be viewed or otherwise accessed from a range of computer-based and Internet-enabled devices of various sizes, including desktop computers, laptops, PDAs and cell phones.A website is hosted on a computer system known as a web server, also called an HTTP server, and these terms can also refer to the software that runs on these systems and that retrieves and delivers the web pages in response to requests from the website users. Apache is the most commonly used web server software (according to Netcraft statistics) and Microsoft's Internet Information Server (IIS) is also commonly used.3. Static websiteA static website is one that has web pages stored on the server in the format that is sent to a client web browser. It is primarily coded in Hypertext Markup Language (HTML).Simple forms or marketing examples of websites, such as classic website, a five-page website or a brochure website are often static websites, because they present pre-defined, static information to the user. This may includeinformation about a company and its products and services via text, photos, animations, audio/video and interactive menus and navigation.This type of website usually displays the same information to all visitors. Similar to handing out a printed brochure to customers or clients, a static website will generally provide consistent, standard information for an extended period of time. Although the website owner may make updates periodically, it is a manual process to edit the text, photos and other content and may require basic website design skills and software.In summary, visitors are not able to control what information they receive via a static website, and must instead settle for whatever content the website owner has decided to offer at that time.They are edited using four broad categories of software:(1) Text editors, such as Notepad or TextEdit, where content and HTML markup are manipulated directly within the editor program(2) Wysiwyg offline editors, such as Microsoft FrontPage and Adobe Dreamweaver (previously Macromedia Dreamweaver), with which the site is edited using a GUI interface and the final HTML markup is generated automatically by the editor software(3) Wysiwyg online editors which create media rich online presentation like web pages, widgets, intro, blogs, and other documents.(4) Template-based editors, such as Rapidweaver and iWeb, which allow users to quickly create and upload web pages to a web server without detailed HTML knowledge, as they pick a suitable template from a palette and add pictures and text to it in a desktop publishing fashion without direct manipulation of HTML code.4. Dynamic websiteA dynamic website is one that changes or customizes itself frequently and automatically, based on certain criteria.Dynamic websites can have two types of dynamic activity: Code and Content. Dynamic code is invisible or behind the scenes and dynamic content is visible or fully displayed.(1) Dynamic codeThe first type is a web page with dynamic code. The code is constructed dynamically on the fly using active programming language instead of plain,static HTML.A website with dynamic code refers to its construction or how it is built, and more specifically refers to the code used to create a single web page. A dynamic web page is generated on the fly by piecing together certain blocks of code, procedures or routines. A dynamically-generated web page would call various bits of information from a database and put them together in a pre-defined format to present the reader with a coherent page. It interacts with users in a variety of ways including by reading cookies recognizing users' previous history, session variables, server side variables etc., or by using direct interaction (form elements, mouse overs, etc.). A site can display the current state of a dialogue between users, monitor a changing situation, or provide information in some way personalized to the requirements of the individual user.(2) Dynamic contentThe second type is a website with dynamic content displayed in plain view. Variable content is displayed dynamically on the fly based on certain criteria, usually by retrieving content stored in a database.A website with dynamic content refers to how its messages, text, images and other information are displayed on the web page and more specifically how its content changes at any given moment. The web page content varies based on certain criteria, either pre-defined rules or variable user input. For example, a website with a database of news articles can use a pre-defined rule which tells it to display all news articles for today's date. This type of dynamic website will automatically show the most current news articles on any given date. Another example of dynamic content is when a retail website with a database of media products allows a user to input a search request for the keyword Beatles. In response, the content of the web page will spontaneously change the way it looked before, and will then display a list of Beatles products like CD's, DVD's and books.5. Software systemsThere is a wide range of software systems, such as Java Server Pages (JSP), the PHP and Perl programming languages, Active Server Pages (ASP), Yuma and ColdFusion (CFML) that are available to generate dynamic web systems and dynamic sites. Sites may also include content that is retrievedfrom one or more databases or by using XML-based technologies such as RSS.Static content may also be dynamically generated either periodically, or if certain conditions for regeneration occur (cached) in order to avoid the performance loss of initiating the dynamic engine on a per-user or per-connection basis.Plugins are available to expand the features and abilities of web browsers, which use them to show active content, such as Microsoft Silverlight, Adobe Flash, Adobe Shockwave or applets written in Java. Dynamic HTML also provides for user interactivity and real time element updating within web pages (ie pages don't have to be loaded or reloaded to effect any changes), mainly using the Document Object Model (DOM) and JavaScript, support which is built-in to most modern web browsers.Turning a website into an income source is a common practice for web developers and website owners. There are several methods for creating a website business which fall into two broad categories, as defined below.(1) Content-based siteSome websites derive revenue by selling advertising space on the site (see Contextual advertising).(2) Product- or service-based sitesSome websites derive revenue by offering products or services for sale. In the case of e-commerce websites, the products or services may be purchased at the website itself, by entering credit card or other payment information into a payment form on the site. While most business websites serve as a shop window for existing brick and mortar businesses, it is increasingly the case that some websites are businesses in their own right; that is, the products they offer are only available for purchase on the web.Websites occasionally derive income from a combination of these two practices. For example, a website such as an online auctions website may charge the users of its auction service to list an auction, but also display third-party advertisements on the site, from which it derives further income.网站文章来自维基百科,自由的百科全书网站是一组相关的网页,图片,视频或其他数字资产的集合,是针对相对的一个共同的统一资源定位符(URL),这个定位器往往由域名,或组成的IP地址在以网络为基础的互联网协议上的根路径构成。
简述网页制作的流程步骤

简述网页制作的流程步骤英文回答:Website Development Process Steps:1. Planning and Analysis:Define website goals, target audience, and content strategy.Conduct user research and competitive analysis.Create sitemaps and wireframes.2. Design:Develop visual designs based on branding guidelines and user experience principles.Choose color schemes, fonts, and layout.Create mockups and prototypes.3. Development:Code the website using HTML, CSS, JavaScript, or other programming languages.Implement content management systems (CMS) and other functionality.Test and debug the website.4. Content Creation:Write compelling and informative content for the website.Optimize content for search engines (SEO).Create multimedia elements such as images, videos, and infographics.5. Testing and Deployment:Test the website across multiple devices and browsers.Ensure accessibility and cross-browser compatibility.Deploy the website to a web server.6. Maintenance and Updates:Monitor website performance and make necessary updates.Add new content and features as needed.Implement security measures to protect the website.中文回答:网页制作流程步骤:1. 规划与分析:定义网站目标、目标受众和内容策略。
html和css制作网页流程

html和css制作网页流程英文回答:Creating a webpage using HTML and CSS involves several steps to ensure a well-designed and functional website. Here is a general outline of the process:1. Planning: Before diving into coding, it's important to have a clear understanding of the website's purpose, target audience, and overall design concept. This includes creating a site map and wireframes to visualize the layout and structure of the webpage.2. HTML Structure: The first step is to create the basic structure of the webpage using HTML. This includes defining the header, navigation, content sections, and footer. HTML provides the foundation for the webpage and determines the overall structure and layout.3. CSS Styling: Once the HTML structure is in place,CSS is used to style the webpage and make it visually appealing. This involves defining the colors, fonts, spacing, and overall design elements of the webpage. CSS allows for greater customization and control over the appearance of the webpage.4. Responsive Design: It's important to ensure that the webpage is responsive and can adapt to different screen sizes and devices. This involves using CSS media queries to adjust the layout and styling based on the viewing environment.5. Testing and Debugging: After the initial coding is complete, it's essential to test the webpage across different browsers and devices to ensure that it functions as intended. This includes checking for any bugs or issues that need to be addressed.6. Optimization: Finally, the webpage should be optimized for performance, including minimizing file sizes, optimizing images, and ensuring fast loading times. This helps to improve the overall user experience and SEOrankings.中文回答:使用HTML和CSS创建网页涉及多个步骤,以确保网站设计良好且功能正常。
html和css制作网页流程

html和css制作网页流程英文回答:Creating a webpage using HTML and CSS involves several steps. Here is a basic outline of the process:1. Planning: Before diving into coding, it's important to plan out the structure and design of the webpage. This includes deciding on the layout, color scheme, and overall aesthetic.2. Writing HTML: The first step is to write the HTML code for the webpage. This includes creating the basic structure of the page, such as headers, paragraphs, images, and links.3. Adding CSS: Once the HTML structure is in place, CSS is used to style the webpage. This includes defining the appearance of elements, such as fonts, colors, and layout.4. Testing and debugging: After the HTML and CSS are written, it's important to test the webpage across different browsers and devices to ensure that it looks and functions as intended. Any issues or bugs should be identified and fixed during this stage.5. Refining: Finally, the webpage can be refined by making adjustments to the design and layout based on user feedback and testing results.中文回答:使用HTML和CSS创建网页涉及几个步骤。
英语作文网站制作

英语作文网站制作Creating an English Essay Website: A Step-by-Step Guide1. Identifying the Purpose and AudienceBegin by determining the primary function of your website. Will it be a platform for students to submit and share essays, a repository for essay examples, or a tutorial site teaching essay writing techniques? Knowing your audience, whether it's high school students, university scholars, or ESL learners,will guide your design and content choices.2. Planning the Content StructureOutline the main sections of your website. Common sections might include an essay database, a blog for writing tips, a user submission portal, and a resources page with links to grammar guides and style manuals.3. Designing the User Interface (UI)The UI should be clean and intuitive. Use a responsive design to ensure the website is accessible on both desktopand mobile devices. Consider incorporating a search functionto help users find specific types of essays or topics.4. Developing the User Experience (UX)The UX should be straightforward. Users should be able to navigate the site without confusion. Include clear calls to action, such as "Submit Your Essay" or "View Essay Examples."5. Selecting a Content Management System (CMS)Choose a CMS that allows for easy content updates and management. WordPress, Joomla, and Drupal are popular choices for their flexibility and user-friendly interfaces.6. Writing High-Quality ContentThe content is the heart of your website. Ensure that all essays are well-written, properly cited, and free of grammatical errors. For a tutorial section, provide clear, step-by-step guides on essay writing.7. Implementing SEO Best PracticesTo increase your website's visibility, follow SEO guidelines. This includes using relevant keywords, creating descriptive meta tags, and producing regular, high-quality content.8. Ensuring Website SecurityProtect your site with SSL encryption and implement security measures to safeguard user data, especially ifyou're allowing user registrations and submissions.9. Testing and LaunchingBefore going live, test your website for bugs, broken links, and compatibility issues across different browsers and devices. Once you're confident in its performance, launch your site.10. Promoting Your WebsiteUse social media, email newsletters, and online forums to promote your site. Consider SEO and content marketingstrategies to drive organic traffic.11. Monitoring and UpdatingAfter launch, regularly monitor your website's performance using analytics tools. Update content and fix any issues promptly to maintain a positive user experience.12. Engaging with the CommunityEncourage feedback from your users and engage with them. This can help you understand their needs better and improve your website over time.By following these steps, you can create an effective English essay website that serves as a valuable resource for students and educators alike.。
网页制作(英)

Web Page DesignCourse code:94902001Course name:Web Page DesignCredits:2 Semester classes:Open cycleTeaching object:All Students Pre-course:noneCourse Director:Xiao Peng Lecturer MasterCourse description:This course is to introduce the system on the Internet and Internet-related knowledge provided by a variety of services, focus on making the website to introduce the website frequently used in the production of material, as well as dreamweaver in the management of sites, the technical aspects of page design, web page so that students making more Comprehensive understanding.Details on pages involved in the production of a number of important concepts, introduced the Chinese version of dreamweaver8-to-use interface and operation of technology, as well as the use of the Web site dreamweaver 8 to create a variety of methods, a comprehensive introduction to the basic page editor technology, web design and production examples of the page Release method.Evaluation:Ways of evaluation: computer operationHomework: assignment on computer operationEvaluation policy: homework (40%) + comprehensive program design (60%)Textbook:[1] 龙马工作室.《Dreamweaver 8 中文版完全自学手册》.北京:人民邮电出版社,2006年.References:[1]赵英良.《网页制作实用教程》.北京:清华大学出版社,2004年.[2]程向前.《基于开放平台的网页设计与编程》.北京:人民邮电出版社,2002年.[3]王诚君,安学民.《网页设计三合一培训教程》.北京:清华大学出版社,2004年.[4]杨长兴等.《网页制作与设计教程》.中国水利水电出版社,2007年2月,第二版.。
外文翻译---Web的开发教程

外文原文Web Development Tutorials——from <<Working with Data in 2.0>> IntroductionAs web developers, our lives revolve around working with data. We create databases to store the data, code to retrieve and modify it, and web pages to collect and summarize it. This is the first tutorial in a lengthy series that will explore techniques for implementing these common patterns in ASP. We'll start with creating a software architecture composed of a Data Access Layer (DAL) using Typed DataSets, a Business Logic Layer (BLL) that enforces custom business rules, and a presentation layer composed of ASP pages that share a common page layout. Once this backend groundwork has been laid, we'll move into reporting, showing how to display, summarize, collect, and validate data from a web application. These tutorials are geared to be concise and provide step-by-step instructions with plenty of screen shots to walk you through the process visually. Each tutorial is available in C# and Visual Basic versions and includes a download of the complete code used. (This first tutorial is quite lengthy, but the rest are presented in much more digestible chunks.)For these tutorials we'll be using a Microsoft SQL Server 2005 Express Edition version of the Northwind database placed in the App_Data directory. In addition to the database file, the App_Data folder also contains the SQL scripts for creating the database, in case you want to use a different database version. These scripts can be also be downloaded directly from Microsoft, if you'd prefer. If you use a different SQL Server version of the Northwind database, you will need to update the NORTHWNDConnectionString setting in the application's Web.config file. The web application was built using Visual Studio 2005Professional Edition as a file system-based Web site project. However, all of the tutorials will work equally well with the free version of Visual Studio 2005, Visual Web Developer.In this tutorial we'll start from the very beginning and create the Data Access Layer (DAL), followed by creating the Business Logic Layer (BLL) in the second tutorial, and working on page layout and navigation in the third. The tutorials after the third one will build upon the foundation laid in the first three. We've got a lot to cover in this first tutorial, so fire up Visual Studio and let's get started!Step 1: Creating a Web Project and Connecting to the DatabaseBefore we can create our Data Access Layer (DAL), we first need to create a web site and setup our database. Start by creating a new file system-based ASP web site. To accomplish this, go to the File menu and choose New Web Site, displaying the New Web Site dialog box. Choose the ASP Web Site template, set the Location drop-down list to File System, choose a folder to place the web site, and set the language to C#.This will create a new web site with a Default.aspx ASP page and an App_Data folder.With the web site created, the next step is to add a reference to the database in Visual Studio's Server Explorer. By adding a database to the Server Explorer you can add tables, stored procedures, views, and so on all from within Visual Studio. You can also view table data or create your own queries either by hand or graphically via the Query Builder. Furthermore, when we build the Typed DataSets for the DAL we'll need to point Visual Studio to the database from which the Typed DataSets should be constructed. While we can provide this connection information at that point in time, Visual Studio automatically populates a drop-down list of the databases already registered in the Server Explorer.The steps for adding the Northwind database to the Server Explorer depend on whether you want to use the SQL Server 2005 Express Edition database in the App_Data folder or if you have a Microsoft SQL Server 2000 or 2005 database server setup that you want to use instead.Using a Database in the App_Data FolderIf you do not have a SQL Server 2000 or 2005 database server to connect to, or you simply want to avoid having to add the database to a database server, you can use the SQL Server 2005 Express Edition version of the Northwind database that is located in the downloaded website's App_Data folder (NORTHWND.MDF).A database placed in the App_Data folder is automatically added to the Server Explorer. Assuming you have SQL Server 2005 Express Edition installed on your machine you should see a node named NORTHWND.MDF in the Server Explorer, which you can expand and explore its tables, views, stored procedure, and so on (see Figure 2).The App_Data folder can also hold Microsoft Access .mdb files, which, like their SQL Server counterparts, are automatically added to the Server Explorer. If you don't want to use any of the SQL Server options, you can always download a Microsoft Access version of the Northwind database file and drop into the App_Data directory. Keep in mind, however, that Access databases aren't as feature-rich as SQL Server, and aren't designed to be used in web site scenarios. Furthermore, a couple of the 35+ tutorials will utilize certain database- level features that aren't supported by Access.Connecting to the Database in a Microsoft SQL Server 2000 or 2005 Database Server Alternatively, you may connect to a Northwind database installed on a database server. If the database server does not already have the Northwind database installed, you first must add it to database server by running the installation script included in this tutorial's download or by downloading the SQL Server 2000 version of Northwind and installation script directly from Microsoft's web site.Once you have the database installed, go to the Server Explorer in Visual Studio, right- click on the Data Connections node, and choose Add Connection. If you don't see the Server Explorer go to the View / Server Explorer, or hit Ctrl+Alt+S. This will bring up the Add Connection dialog box, where you can specify the server to connect to, the authentication information, and the database name. Once you have successfully configured the database connection information and clicked the OK button, the database will be added as a nodeunderneath the Data Connections node. You can expand the database node to explore its tables, views, stored procedures, and so on.Step 2: Creating the Data Access LayerWhen working with data one option is to embed the data-specific logic directly into the presentation layer (in a web application, the ASP pages make up the presentation layer). This may take the form of writing ADO code in the ASP page's code portion or using the SqlDataSource control from the markup portion. In either case, this approach tightly couples the data access logic with the presentation layer. The recommended approach, however, is to separate the data access logic from the presentation layer. This separate layer is referred to as the Data Access Layer, DAL for short, and is typically implemented as a separate Class Library project. The benefits of this layered architecture are well documented (see the "Further Readings" section at the end of this tutorial for information on these advantages) and is the approach we will take in this series.All code that is specific to the underlying data source – such as creating a connection to the database, issuing SELECT, INSERT, UPDATE, and DELETE commands, and so on – should be located in the DAL. The presentation layer should not contain any references to such data access code, but should instead make calls into the DAL for any and all data requests. Data Access Layers typically contain methods for accessing the underlying database data. The Northwind database, for example, has Products and Categories tables that record the products for sale and the categories to which they belong. In our DAL we will have methods like:• GetCategories(), which will return infor mation about all of the categories• GetProducts(), which will return information about all of the products• GetProductsByCategoryID(categoryID), which will return all products that belong to a specified category• GetProductByProductID(productID), which will return information about a particular productThese methods, when invoked, will connect to the database, issue the appropriate query, and return the results. How we return these results is important. These methods could simply return a DataSet or DataReader populated by the database query, but ideally these results should be returned using strongly-typed objects. A strongly-typed object is one whose schema is rigidly defined at compile time, whereas the opposite, a loosely-typed object, is one whose schema is not known until runtime.For example, the DataReader and the DataSet (by default) are loosely-typed objects since their schema is defined by the columns returned by the database query used to populate them. To access a particular column from a loosely-typed DataTable we need to use syntax like: DataTable.Rows[index]["columnName"]. The DataTable's loose typing in this example is exhibited by the fact that we need to access the column name using a string or ordinal index. A strongly-typed DataTable, on the other hand, will have each of its columns implemented as properties,resulting in code that looks like:DataTable. Rows [index]. Column Name.To return strongly-typed objects, developers can either create their own custom business objects or use Typed DataSets. A business object is implemented by the developer as a class whose properties typically reflect the columns of the underlying database table the business object represents. A Typed DataSet is a class generated for you by Visual Studio based on a database schema and whose members are strongly-typed according to this schema. The Typed DataSet itself consists of classes that extend the ADO DataSet, DataTable, and DataRow classes. In addition to strongly-typed DataTables, Typed DataSets now also include TableAdapters, which are classes with methods for populating the DataSet's DataTables and propagating modifications within the DataTables back to the database.Note: For more information on the advantages and disadvantages of using Typed DataSets versus custom business objects, refer to Designing Data Tier Components and Passing Data Through Tiers.We'll use strongly-typed DataSets for these tutorials' architecture. Figure 3 illustrates the workflow between the different layers of an application that uses Typed DataSets.Creating a Typed DataSet and Table AdapterTo begin creating our DAL, we start by adding a Typed DataSet to our project. To accomplish this, right-click on the project node in the Solution Explorer and choose Add a New Item. Select the DataSet option from the list of templates and name it Northwind.xsd.After clicking Add, when prompted to add the DataSet to the App_Code folder, choose Yes. The Designer for the Typed DataSet will then be displayed, and the TableAdapter Configuration Wizard will start, allowing you to add your first TableAdapter to the Typed DataSet.A Typed DataSet serves as a strongly-typed collection of data; it is composed of strongly-typed DataTable instances, each of which is in turn composed of strongly-typed DataRow instances. We will create a strongly-typed DataTable for each of the underlying database tables that we need to work with in this tutorials series. Let's start with creating a DataTable for the Products table.Keep in mind that strongly-typed DataTables do not include any information on how to access data from their underlying database table. In order to retrieve the data to populate the DataTable, we use a TableAdapter class, which functions as our Data Access Layer. For our Products DataTable, the TableAdapter will contain the methods –GetProducts(), GetProductByCategoryID(categoryID), and so on – that we'll invoke from the presentation layer. The DataTable's role is to serve as the strongly-typed objects used to pass data between the layers.The TableAdapter Configuration Wizard begins by prompting you to select which database to work with. The drop-down list shows those databases in the Server Explorer. If you did not add the Northwind database to the Server Explorer, you can click the New Connection button at this time to do so.After selecting the database and clicking Next, you'll be asked if you want to save the connection string in the Web.config file. By saving the connection string you'll avoid havingit hard coded in the TableAdapter classes, which simplifies things if the connection string information changes in the future. If you opt to save the connection string in the configuration file it's placed in the <connectionStrings> section, which can be optionally encrypted for improved security or modified later through the new ASP Property Page within the IIS GUI Admin Tool, which is more ideal for administrators.中文翻译Web 的开发教程随着网络的发展,我们的生活围绕着工作与数据。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Web production process1 IntroductionThe development of network technology for today's global information exchange and sharing funding source in the establishment of contacts and provide more channels and possible. Homes will be known world affairs, according few keyboard or a few mouse clicks can be distant friends thousands of miles away exchanges, and online communications, Internet browsing, on-line interactive, e-commerce has become a modern part of people's lives.Internet era, has created the new people's work and lifestyle, the Internet, openness and sharing of information model, breaking the traditional mode of information dissemination many barriers for people with new opportunities. With computers and the advent of the information age, the pace of the advance of human society in gradually accelerated. In recent years the development of web design, fast people occupied. To design aesthetic and practical web site should be thoroughly master the building techniques. In building site, we analyzed the websites of objectives, contents, functions, structure, the application of more web design technology.2, the definition of websiteHow definition of websites 2.1Web site identified the tasks and objectives, the building site is the most important issue. Why people will come to your website? You have a unique service? They will come back? All these issues must be taken into account when the site definition of the problem. Definition site to, first of all, the entire site must have a clear understanding of what the design should understand in the end, the main purpose of the mission, how to carry out the task of organization and planning. Many websites in the face of strong competition from high-quality product is the greatest long-term competitive advantage. An excellent Web site should have the following:(1) users visit Web site is faster.(2) Attention to the feedback and updates. To update the content of the website and timely feedback(3) Home design to be reasonable. Home to the first impression left by visitors is important, the design must be attractive in order to have a good visual effect.2.2 The contents of the website and functionContent of the web site is to be a new, fast, all three sides. Website content is determined in accordance with the nature of the site, in the design of the site, commercial websites, popular science site, company websites, teaching and exchange websites, the content and style are different. We have established websites with the nature of these types of sites are not the same.2.3 The structure website(1) site structure;(2) definition of navigation;(3) Visual Design;(4) framework and design pages.4. Construction on the site ExperienceAfter conducting systematic analysis End, we should carry out system design. Web page design similar to the development of software design, top-down, bottom-up and continuous updating, and other design methods. The main task is to design the content of the sites, including the website information organization structure, appearance, content block, navigation and links, directory structure design. System design is the site ready before the concrete realization of the website to further the realization of more specific requirements, the overall effect on the website, local details havea clearer idea. This entire process is the key site planning.Next is how to achieve their own Web site design issues. The realization of the site, I think the need to be considered in two parts: the realization website; Web servers can be achieved. In the process of achieving website, technology selection is very important. Former major use HTML language, the stronger the interactive website, the proposed use of ASP, JSP, PHP and other programming to help achieve, the more complex Web site may also have its own database. The latter is based on all kinds of different operating systems used Web server software installation and debugging. This stage is the whole process of the most important and most time-consuming part.When we completed the work, the need for website released. At this stage of the production on the website drawing to a close, the main task is to doa good job in the website release to the network, the web site for finalmodifications, testing, homepage can guarantee normal operation of the network.Published in the website after website to deal with various aspects of the tests, including the possibility of any different web browsers, different visitors have shown normal, ASP, JSP, PHP normal procedure can work, and so on. This stage is the website of trial operation period, the website at this time should be to make up for various shortcomings, the website will be more perfected.After a period of operation, the site entered the normal operation period, the main task is to update outdated information website, the visitor's message timely feedback to further improve the website, the introduction of new technologies constantly update website, visit web pages more quickly, more aesthetic appearance, Information Resources richer.Above is the establishment of the station to roughly follow the seven steps, seven steps are complementary, but can be the basis of ease of website and complexity of a weakening or strengthening appropriate link. In short, building a successful web site is not an easy task, it needs all-round consideration, the Composite various factors.An alternative to using cloth simulators is to actually model the clothes you want your character to have, and create the wrinkles with a Blend Shape deformer. This technique gives you predictable control over your model and works well in most situations. In fact, it was used in the movie "The One"to get a controlled, slow-motion look to the clothing on the CG police officers in the fight scenes with Jet Li's "Yulaw" character. The workflow for this technique goes like this.Convert the geometry to polygons (it is much easier to create irregular wrinkles using polygons).IF you will be using a low-poly base shape connected to a smoothed high-resolution shape for animation purposes you may need to create some extra geometry for wrinkles Smooth-Bind the character and the clothing to your skeleton Paint skin weights to get the clothes and your character to deform correctly at the joints Create a Blend Shape node anda Morph Target for your clothing Pick a joint and create wrinkles in the MorphTarget Drive the Blend Shape slider with the rotation of the joint Repeat6 - 8 for all necessary joints .In this tutorial, we will be starting atstep 5. However, we will not be going in depth on how to accomplish this step, because there is an excellent tutorial on Smooth Binding in the 'Instant Maya: Character Setup' section of the user guide (press 'F1' inside of Maya). Weare only going to discuss the desired results here.Before we start, I must explain the optional Step 3. A common workflow in animation is to have a low-resolution base shape that you use to animate.This drives a hidden high-resolution model that only gets unhidden at render time. This is usually accomplished with a wrap deformer, or with the connect poly shape plugin for Maya 3.x and 4.0, or with the new Smooth Proxy feature in Maya 4.5.If you are using this technique, you may not have enough geometry to create distinct wrinkles in your model. Take a look at the image to the left.You can imagine how hard it would be to create believable wrinkles with sucha small amount of geometry to work with. I used the 'Split Polygon' tool tocreate some extra edges where I thought my fabric would need to wrinkle.Compare the image here with this image. You'll see what I'm talking about.Step 5. Now it is time to bind your character and his or her clothes. Before you do so, create a copy of your clothing and translate it to the side of your model. Place it on its own layer so you can turn the visibility on and off. Creating a copy of your clothing now before you bind it is not necessary, but it will save you from headaches in Step 6.Use the Paint Skin Weights tool to get your bends looking correct, as in the image to the right. Try to imagine what you want your finished product to look like and start to really shape the way the fabric bends from there.Step 6. Now you need to create a Morph Target for the Blend Shape node. When the skeleton deforms your geometry as much as it does here, it is very important that the geometry is in the exact same position it was before you bound it when you go to create your morph targets. However, we got around this by creating a duplicate of our clothes before we bound our skin. The only other way to accomplish this is to return the skeleton to the bind pose by turning off the evaluation of constraints, expressions, IK handles and anything else that controls your skeleton first, then duplicating the clothing, unlocking all the attributes on the duplicated geometry and finally translating it to the side. Now aren't you glad you didn't have to go through all that?Now you need to make a duplicate of your duplicate to edit. The original duplicate (hmm... an oxymoron) will serve as our reference from here on out to create new morph targets, so move it somewhere where you won't accidentally edit it.Now it's time to link this new shape to the original clothing as a morphtarget by creating a new Blend Shape node. However, Maya has a bug in it that will not allow you to do this from the Deform pulldown menu in the Animate panel. Instead, we have to go ( Window > Animation Editors > Blend Shape ... ) This should bring up the Blend Shape Panel which should have nothing in it at this point.Select the duplicated shape, then shift-select the original clothing. Then, from the Blend Shape panel go ( Edit > Create Blend Shape ). This creates a new Blend Shape node and adds the duplicated geometry as the first morph target. To add additional targets later, you must first select the target, then the original geometry and go ( Deform > Edit Blend Shape > Add ).In some cases this doesn't work correctly, and you will have to go to the Add options and manually type in the name of the Blend Shape node as in the image to the left.Step 7. Now it's time to decide what joint you're going to work on first. Once you've decided, go ahead and bend the joint to it's tightest angle. I'm starting with the knee. Imagine that. Next, go ahead and push the slider all the way up to 1 in the Blend Shape panel as per the image on the right. This will allow you to immediately see the changes you make in the target shape reflected in the base shape (the original clothing).Now comes the fun part... start pushing and pulling faces, edges and vertices on the target shape until you like the look of the base shape. I also moved some of the vertices forward below the knee to give the appearance that the fabric is tightening and pulling against the calf.Step 8. When you are happy with your work, it's time for the final step. We're going to set a driven key on the rotation of the joint that will drive the envelope of the Blend Shape node. A driven key interpolates the values of the driven attribute through the specified range on the driver attribute, and is independent of time.Your joint should still be bent to the extreme angle, so go ( Animate > Set Driven Key > Set > ). This should bring up the Set Driven Key panel. Select the joint and click Load Driver. Then, in the Blend Shape panel, click the Select button under the slider. Back in the Set Driven Key panel, click Load Driven. Now, highlight the rotation value of the proper joint axis in the Driver section of the Set Driven Key panel. This should be the Z-Axis, but may be the Y-Axis depending on how you built your skeleton. Then select the name of the Blend Shape target under 'envelope' in the Driven section of the Set Driven Key panel. Remember to always select the Driver attributes first, modify them if necessary, and then select the Driven attributes and modify them. Once you have both attributes selected, click Key.Next, move the skeleton back to the fully extended position. Then in the Blend Shape panel, move the slider down to 0. Back in the Set Driven Key panel, click Key. You should now see that if you move the joint the wrinkles will slowly form as it approaches the extreme angle. You can now hide or delete the target shape (if you don't want to make any more modifications to it).That's it! Now you just have to repeat steps 6 - 8 for all joints that will cause wrinkles in the clothing. Finally, the finished effect (QuickTime, double-click to play):You can see how driven keys and Blend Shape nodes can really enhance your character setup. You could also use this technique to create other effects like bulging muscles. The possibilities are endless!网页制作过程1、引言网络技术的发展,为今天全球性的信息交流与资在建立源共享和交往提供了更多的途径和可能。