In Feburary 2016 14,
Open your website folder stored locally on your computer and create a new sub-folder named 'images' or something similar. In it place all of the images you want to use on the look-book page.
Open the Dreamweaver program.
Add your website to your Dreamweaver program by clicking on 'Site' in the program menu at the top of the page and selecting the 'New Site' option. In the pop-up window click on the 'Site' option in the left sidebar.
Type the name of your website in the 'Site Name' text field.
Click the icon of a file beside the 'Local Root Folder' text field and in the pop-up frame, navigate to the folder on your computer containing the local copy of your website. Click the 'OK' button to select it.
Click the 'Save' button at the bottom of the pop-up window to save your changes.
Check in drop-down menu at the top of the files panel on the right side of the program to see that the website that you added is selected. If it is not, click on the drop-down menu and select the website from the list. Click on 'File' in the program menu and select the 'New' option in the drop-down menu to create a new Web page for the look book.
Click in the new document text area to move the cursor there and type a title for the look book at the top of the page to help viewers identify it. Alternatively, add a header image to the top of the page by clicking the 'Insert' option in the program menu and selecting the 'Image' option. When prompted select the 'File System' option and navigate to the folder containing the images you wanted to use on the look-book page. Click on the header image you wanted to use to select it and click 'OK' to insert it into your page. Enter an explanatory name for the image in the 'Alternate Text' field and a longer explanation in the 'Long Description' text field when prompted and click the 'OK' button.
Press the 'Enter' key on your keyboard several times to create a satisfactory visual space between the header image and the beginning of the look-book images.
Add a look-book image to the page. Click 'Insert' in the program menu and select the 'Image' option from the drop-down menu.
Select the 'File System' option and navigate to the folder of images you wanted for use on the look-book page. Click on the image you wish to insert to select it and click 'OK' to insert it into the page. Type a name for the image in the 'Alternate Text' field and a explanation of in the 'Long Description' text field. Click the 'OK' button to insert it.
Click on the image that has been inserted into the Web page to select it. Click on 'Window' in the program menu and select the 'Properties' option from the drop-down menu.
Resize the image to your satisfaction by typing in your preferred image width in the text field marked 'W.' Then type in your preferred image height in the text field marked 'H.'
Align the image on the page to your satisfaction by clicking on the drop-down menu marked 'Align' and selecting your preferred alignment option. Type enter a few times to create whitespace below the picture.
Repeat Steps 7 through 11 to continue adding the pictures to the page until you have added all of the pictures you wish to show in the look book.
Click on 'Site' in the program menu and select the 'New Site' option. In the pop-up window click on the 'Servers' option in the left sidebar.
Click on the '+' icon at the bottom of the server list pane to add a new server.
Type in a name for the server in the 'Server Name' field. Set the 'Connect Using:' drop-down menu to the 'FTP' option. Enter your site's FTP address and your FTP account username and password in the provided text fields. Enter the file structure to the root directory of your site (the file where your index.html file is located) in the 'Root Directory' field. Enter the corresponding root URL to your site in the 'Web URL' field.
For example: Root Directory: /home/user/public_html
Web URL: http://mywebsite.com/Click the 'Save' button at the bottom of the window to save the server info. Close the 'Site' window to return to your look-book Web page.
Click on the arrow icon pointing up at the top of the files panel on the right side of the program to upload your look-book Web page to your website. When prompted 'Upload Related Files' click the 'Yes' option to upload the inserted image files to your website as well.
In Feburary 2016 14,
No comments:
Post a Comment