Sử dụng Code View Dreamweaver sử dụng ba lần xem mã tài liệu: Mã và Thiết kế, luật, và Split luật. Các luật và xem thiết kế cho phép bạn xem các mã và thiết kế trực quan, nhìn luật cung cấp cho bạn một cái nhìn thẳng vào mã HTML của trang web của bạn, và những Chia Mã xem cho bạn một cái nhìn đa khung vào mã HTML | Using Code View Dreamweaver utilizes three document code views Code and Design Code and Split Code. The Code and Design view gives you a look at the code and the visual design the Code view gives you a straight look at the HTML code of your Web page and the Split Code view gives you a multi-pane look at the HTML code. When you work in any of the code views you re going back to the basics of Web design. the actual code that makes it all happen. Some designers never look at the code and some designers claim that you can t be good at creating Web pages without knowing the code. To be honest I m in the second camp. I believe that to really understand the design of a Web page you need to know how the code makes a page function. Access the Code View Open the Web page you want to view code. Access the Code view using one of the following methods t Code and Design View. Click the View menu and then click Code and Design or click the Split View button on the document window. t Code View. Click the View menu and then click Code or click the Code View button on the document window. t Split Code View. Click the View menu and then click Split Code. The document view changes to display the current page code. To change the placement of content in a split screen click the View menu and then click Split Vertically horizontal when unchecked or Design View on Left or Design View on Top. Split views appear vertically by default. Did You Know You can adjust the size of the panes in Split view. Drag the splitter bar located between the two panes. 326 Chapter 14 View Code in a Separate Window Using Code Inspector Open the Web page you want to view code. Click the Window menu and then click Code Inspector. Use the toolbar to select from the following options File Management. Get put check in or check out a file. Preview Debug In Browser. Preview or debug the file in a browser or Device Central. Refresh Design View. Refreshes Design view to reflect code changes in Code view. Reference. .
