First, open Dreamweaver and create a new HTML project.
Second, in the design area, write some text, casually write a little (you can also write in the code area between <body> and </body>).
Three, insert a picture, insert the image, shortcut key for Ctrl+alt+i, pop-up window, choose a random one.
Note 1: The image formats supported by the Web page are gif, JPG, JPGE, PNG.
Note 2: Because we do not have a site set up, all will prompt "to use this option, save the file."
If the site is established and the selected picture is not in the site's folder, the "selected file is not in the site root" is prompted.
If the site is set up and the selected picture is not prompted in the site's folder.
Four, in the first two cases, press OK, DW will prompt whether to copy to the site root directory; Since I didn't even have a site to build, I chose No.
Five, then, a hint of the content, the replacement text can be casually written (it is used for what, and so on I will say), detailed description can be temporarily, or deleted.
Six, in the previous step we press OK, in the press F12, preview, the effect is as follows.
(When we put the mouse on the picture, is to display "logo" text, this is the role of alternative text; Because I use QQ, it is the effect will disappear, so the picture does not).
Seven, we also select this image, in its properties panel to set its style (here we do not set, in the back when learning CSS).
Eight, finally, we look at the code, this time we mainly look at the image of this piece.
<Body><!--Body Start -<P>Hello world!<imgsrc= "Logo.png"alt= "logo"width= "+"Height= "94" /></P><!--this defines the source of the image, the replacement text, the length and width of the;<p> and </p> are defined paragraphs, an identity begins, an identity ends -</Body><!--End of Body -
Number of children · dw--picture and Text mixed row page
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
