a6. How To Insert Text And Images Into Your index.html page
Open up Dreamweaver and in your files and folders on the extreme right hand side of your Dreamweaver workstation click on the index.html file of your website.This page will open up showing the editable region called body.Erase the word body and then just click hard return on your computer keyboard.This will open up the body region for us to insert our images and text.
The menu bar that is relevant to text is located in the second menu bar down starting from the top of your Dreamweaver workstation eg | common | layout | forms | data | spry | text | favorites |
By clicking on text you will see all the various options that are available for you to manipulate your text, and these options will also be available to you in the properties inspector box below.All that I can say is that your ability to use these options to manipulate your text will be dependent on your knowledge of how to use a word processor because it functions in exactly the same way ( bold text icon, italic text icon, align text from right to left, align text from left to right, align text in the centre, indent text left, indent text right, ordered list text , unordered list text and so on. ).
Images you insert by using the top menu bar | file | edit | view | insert | modify | text | commands | site | window | help |, and so you click on insert, drop down menu appears, and click on images.This will allow you to navigate around all your files and folders on your computer and pick the appropriate image or picture.
However, a problem does arise when you try to align text and images close together, because what will happen is that the text will follow the image around or vice versa, as you try to align them around your page, which is, of course, no use to anybody.In order to separate the text from the image, so as you can align them naturally close together, you have to insert a table.The table icon can be found by navigating to the second menu bar from the top of your Dreamweaver workstation | common | layout | forms | data | spry | text | favourites |, and clicking on common, and this opens up an icons panel.Just pass your mouse over each icon until you find the tables icon.The width of the table should be appropriate in terms of what your trying to achieve and just make it 1 row and 2 columns.The second column enables you to align, lets say for example the picture, anywhere within this column space without it effecting the positioning of your text.
Practise makes perfect and that’s all that you can really do here, but suffice to say that you do need to know how to position items exactly where you want them.
|< Prev||Next >|
Web Design - Search Engines
Just click on the image to get the web design facts about the main search engines market share for Europe.
Web Design - Flash Example
Web Design - Flash Advert Example
Web Design Address
top web design
Business registration no. 359901,
Registered offices : 192 Shanowen Rd, Santry, Dublin 9,
Republic of Ireland
Phone no . +353 1 8423192
Mobile no . +353 ( 0 ) 86 3625537