Presentation is loading. Please wait.

Presentation is loading. Please wait.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

Similar presentations


Presentation on theme: "Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked."— Presentation transcript:

1 Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked pages Click a link below to access directions

2 Directions – files panel Choose design view Go to your files panel or open your files panel (window / files)

3 Directions – select image 1.Select the image you want to place on the page 2.Drag the image to the design view panel

4 Directions – save & upload Save your file Your homepage is called index.html CTRL S

5 Directions - upload Go to x10host.comx10host.com Sign in to your account

6 Directions – open cPanel Open your cPanel Click the blue button

7 Directions – file manager Open your file manager

8 Directions – upload icon Click on public_html Click the upload icon

9 Directions – choose a file Choose file to upload

10 Directions – locate the correct folder locate the correct folder Computer / (H) drive / Documents / WD/ site folder

11 Directions – select PAGE file Choose index.html Click open

12 Directions – select IMAGE file Choose your home page jpg file Click open

13 Check your cPanel File Click the cPanel File tab Check your cPanel File Refresh your screen if your files are not showing

14 Images folder Setup If you used an images folder Set up an images folder on x10hositng Click New Folder Images or images ( case sensitive)

15 Editing uploaded page files -1 Select the file to edit by clicking once on the file name Click edit

16 Click edit again in the lower right of the text editor dialogue box Editing uploaded page files -2

17 Check your html Click save when changes are complete Click close Editing uploaded page files -3

18 Check your website Click My Websites tab Click on the first icon

19 Copy your website URL Select and copy your URL CTRL C

20 Dreamweaver – adding links -1 1.In Dreamweaver 2.Click on your homepage image to select it 3.Look in properties 4.Panel (window / properites)

21 Click on one map icon (rectangle, circle, or polygon) Drag a selection over the part of the image to become a link Dreamweaver – adding links -2

22 Links – x10 hosting Go to x10hosting and copy your link CTRL C Then go to Dreamweaver and paste your link (replace the hashtag with your link)

23 Upload your pages After links are added in Dreamweaver you must upload your pages again Choose the upload icon

24 Directions – choose the file Choose file to upload again

25 Directions – locate the correct folder locate the correct folder Computer / (H) drive / Documents / WD/ site folder

26 Directions – select PAGE file Choose the page file you want to upload again Click open

27 Check your cPanel File Click the cPanel File tab Check your cPanel File Refresh your screen if your files are not showing


Download ppt "Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked."

Similar presentations


Ads by Google