Check the code itself to see if there are any unwanted characters added into the text. This will remove any formatting that Word has added and leave you with just the text. In the pop- up box, check Text only as demonstrated below. When inserting the text, click where you want the text to be inserted, then go to Edit - > Paste Special. Rather than going through the whole document again and changing every character back to its original state, here are some suggestions to clean up the HTML. Since Word uses its own coding to show different design changes (such as paragraphs, indents, characters, and tables), a lot of times copying and pasting will show up different in Dreamweaver. Cleaning up HTML (from Word): You ll most likely find yourself importing text from Microsoft Word into Dreamweaver. If you click the mouse on a section in the design section (1), there will be mark in the code itself (2) to show where the text is. Just simply click where you want to be inserted into and type away.Ĥ On a side note, don t be worried about getting lost going back and forth between the code and the design section. Through Dreamweaver, you can insert text into either of these fields. Dreamweaver allows you to look at both the code of the website (2) and how the website will look like with the codes (1). The different codes created for websites dictate what is visually seen on a website. Inserting text: There are two ways to insert text into a website through Dreamweaver. Each of these layouts has its own advantages and disadvantages that could be used in various scenarios.ģ Example of a 3 column fixed website with a header and footer.
A liquid layout, however, is a website layout that expands or compresses with your browser window s width. A fixed layout is a website layout where your website s size doesn t change as your browser window s width increases or decreases, it remains fixed. Finally, there s the option of fixed and liquid pages. Although websites have developed these kind of standards, you can put whatever you want in either of these sections. The footer on the other hand is often used for navigation within the website or as a placeholder for the website s copyright information. Headers are often used for the website s name and logo. There s also an option for adding a header and footer into the web page. None has just that, no columns but rather a blank canvas. Now, it s possible to create 1 column pages, 2 column pages, or 3 column pages. What s different, however, is being able to choose layouts. HTML, CSS, JavaScript, and XML, among others. To get there, go to File -> New If you look under the Blank Page tab (as demonstrated above), it ll allow you to choose templates within these different page types, i.e. To see the choices that Dreamweaver has, go to File - > New or simple press N. If you have a previously created website, you can locate it by clicking on OpenĢ Using a Template: By clicking on any of the Create New links, it ll open a default website without a template. CSS (cascading style sheets) works in conjunction with HTML pages to alter the presentation of the website, that is, the look and formatting of it. Web pages must be written using HTML, but luckily it s one of the simpler languages. If you re going to create a new website, most of the time you ll want to create a new HTML (hyper- text markup language) document. 1 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites.