Friends

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

12345

Sunday, October 2, 2011

FTP/ Upload Files to Hosting Server | Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that your site is ready it is time to upload the files to your hosting server and make your site live. You will need to purchase a domain name and web hosting. We use Hostgator to host this site. To upload your files: Click on the ‘Connect to remote host’ icon at the top of the files panel Click the + button to add a new server Enter any...

Read More

Test Website | Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that all our web pages are ready it it time to test the website in Dreamweaver. The best way to test the website is to actually see how it looks in the browser. It is a good practice to check the site in multiple browsers as some things which might work well in some browsers might not work so well in other browsers. To test in a browser: File...

Read More

Form Styles | Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

We can make the form look more presentable by defining form styles in Dreamweaver. We can give a style to the <label> tag. To do this: Create a style for the label tag Click ‘Box’ and enter: Width : 150 px Float: Left Click OK The form looks better now: Let’s push the submit button to align with the form fields. To do this: Create...

Read More

Contact Forms | Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Most websites would need a contact form. Let us now create a contact form in Dreamweaver. Open the contact-us.html page. Click in the area that you want the form to appear Insert > Form > Form A red dashed box will be visible in your page All the form elements need to be placed within this red box Insert > Form > Text field Label: Name Style:...

Read More

Heading Styles | Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that we have specified the text font style it is time to define the heading styles in Dreamweaver. HTML has various heading tags. Let us define the style of some of these specifically: H1 (Heading 1) H2 (Heading 2) To define the style for the Heading 1 tag: Click the ‘New Style Rule’ icon at the bottom of the CSS styles panel. Selector Type:...

Read More

Text Styles in Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

We have added the text to out pages but the default font doesn’t really look good.  Let us specify the text styles in Dreamweaver. All the visible content in the web pages will be between the <body> tag in HTML. We can specify the properties of this body tag in our style sheet so that all the text in our web pages display in the Verdana/...

Read More

Web Page Content

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that we have created the pages of our site and linked them together, let us enter the web page content. In the Files panel, double click index.html to open it. Select and delete the word ‘content’ Type in your website’s home page text. See how your web page will look by previewing it in a browser [File > Preview in Browser >...

Read More

Styles for text links in Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now let us link the footer menu items. Once we link them we will also need to define a style for the linked text otherwise they the links will turn blue. To link the footer menu items: First select ‘Home’ in the footer area Click the folder icon next to the link field in the Properties panel, and select index.html. You will notice that the Home...

Read More

Webpages in Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that our template is ready let us make the 4 webpages of our site – home, about us, services and contact us. The homepage file is usually named ‘index’. This is recognized by your hosting server as the home page and is shown when someone types in your domain name into the browser. HTML pages end with the file extension .htm or .html and it...

Read More

Editable Regions in Dreamweaver Template

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Now that our template layout is more or less complete it is time to define the editable regions within the Dreamweaver template. The editable regions can be different in different web pages. Since the content of different pages will differ, we will create an editable region within the content area. To create editable regions in a Dreamweaver Template: Select...

Read More

Editing Styles in Dreamweaver

Sunday, October 02, 2011  ilmu-reparasi-komputer  No comments

Let us now create the footer menu and copyright information. The footer menu will be made of text so we simply need to type in the menu items: ‘Home’, ‘About Us’, ‘Services’ and ‘Contact Us’. The text is not visible because of the black background. Let us edit the #footer stylesheet and specify the yellow text color. Select the footer style in...

Read More
#
### ###