Scribd
Upload
3 views

Webpend

The document provides a guide on creating a website using Dreamweaver, covering the basics of webpage creation, adding tables for layout organization, creating lists for better information presentation, and adding links between pages and to external websites or email. It emphasizes the importance of planning the website's purpose and layout before starting the design process. Step-by-step instructions are provided for various tasks within Dreamweaver, making it accessible for users to build their websites effectively.

Uploaded by

kunwar.chawla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Webpend

The document provides a guide on creating a website using Dreamweaver, covering the basics of webpage creation, adding tables for layout organization, creating lists for better information presentation, and adding links between pages and to external websites or email. It emphasizes the importance of planning the website's purpose and layout before starting the design process. Step-by-step instructions are provided for various tasks within Dreamweaver, making it accessible for users to build their websites effectively.

Uploaded by

kunwar.chawla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Output

16. Creating a website in Dreamweaver


❖A website is collection of webpages. When you creating a
website you should know the purpose of your websites. The
information you want to convey through your website, and
scope or the user of websites. Once you know these things,
you can start thinking about the layout of your webpages
such as what type of content is to be shown, how content can
divided into various section or subsection so that should be
easy to understand read for user what type graphic are to be
used websites, what should color combination should be used
look attractive how various file attractive you can also add
song, video slow down the speed of your websites.

❖ Adding a webpage:
❖Step 1: if you create an empty webpage, should select blank
page, should select html.
❖Step 2: Now click create button in new document dialog.
❖Step 3: now you can design your page as per your
requirement. in the example we just set title webpage, add a
heading and some text in body of the page, which shown as
follows:
❖ Step 4: Now, to add this webpage to your website. You save
webpage in your websites folder. For this under file menu
click on save as…. Option, the save as dialog box will appear.
Now in save as dialog, find your website folder and webpage named
as homepage.html in that folder. In this you can create and a
webpage to your website
Output
17. Insert a Table in Dreamweaver

❖An invisible table is the best way of organizing text an image


on a web page, especially since HTML has no good way of
creating margins and empty headerand footer space (all
together called "white space", even if it is not white. Without
a table to organize the layout of your page, text and images
entered on the page will stretch from one edge of the screen
to the other. This is both unsightly and tiring to read.
❖Start Dreamweaver.
❖On the "File" menu, click on "New". This will open up a new,
blank web page for you to work on.
❖Now it's time to insert the table. Logically enough, any time
you want to insert something on your page, you click on the
"Insert" menu. Select the "table option."
❖The "Insert table" dialog box, which looks like this, will open
up.
❖Fill out the values just like above. This will create an invisible
table with three columns and three rows. The table will be
invisible in a browser (like Explorer or Netscape) but will be
outlined on the screen in Dreamweaver so that you can see it
while you are working on your page.
❖When you have filled out the "Insert table" box, click OK. The
table will be inserted on the page and will look something like
this (though your window will probably be larger).
Output
❖Now is the time to resize the table you just inserted to
simulate the look Margins.
❖Congratulations! You have just created a web page with a
table layout. It looks pretty good, doesn't it? It will look even
better when visitors come to your web site and see the page
through a browser. But first, before we do anything else, go
ahead and save your new page. Saving works just like in any
other windows application.
❖Click on the "File" menu. Select "Save as". Dreamweaver
automatically save your page as a HTML document. Give your
document a name that makes sense with regard to your
content, such as "index.html" or "mypage.html” \.
❖Now, in order to get an idea of what your page will look like in
a browser (remember, Dreamweaver is not a browser, it is an
HTML editor), click on the "File" menu and go down to the
"Preview in browser" option. Click on "iexplore." Your page
will now be opened up in a browser window (MS Explorer)
and you will be able to preview your page as it will look in a
browser window when visitors come to your site. The page I
created above would look like this:
❖As you can see, the table borders which were visible while
designing in Dreamweaver are now invisible in the browser, but still
organizing the text so that the page has nice, neat margins.
Output
18. Create a list in Dreamweaver

❖ Bulleted lists might be familiar to you if you have worked with word
processing or desktop publishing applications. Lists are a helpful way
to present information to a reader without the formal constraints of
a paragraph. They are especially important on the Web. Studies
indicate that people typically skim web pages instead of reading
them from beginning to end. Creating lists will make it easier for
your visitors to get the most from your website without sifting
through several paragraphs of text.
1. On the events.html page, click and drag to highlight the four lines
below Spring Events.
2. Make sure you have the HTML button selected in the Property
Inspector at the bottom of your page, and click the Unordered List
button. The highlighted text becomes indented, and a bullet point is
placed at the beginning of each line.
3. Click the Ordered List button to the right of the Unordered List
button. The bullets change to sequential numbers.
4. Choose Format > List > Properties to open the List Properties dialog
box. Choose Bulleted List from the List type drop-down menu to
return to your first style of list. The Numbered List and Bulleted List
options in the List type drop-down menu also allow you to switch
between ordered and unordered lists.
5. From the Style drop-down menu, choose Square. This changes the
default circular bullets to square bullets. Click OK to exit the List
Properties dialog box.
Output
19. Adding a link in Dreamweaver
❖ As we said, a website is a collection of web pages, and
you may need to link these pages each other. For this,
you need to add links to your web pages, so, that you
can go from one page to another page.
❖ Step-1: In your web page, type some text such as "go
to page2"
❖ Step-2: Now, select the typed text, and in properties
panel, click on Browse for File button of Link attribute.
Step-3: Select the web page to which you want to link
page2.html and click Ok button. When you click on Ok
button, a link will be added to your selected text, that
you can see in properties panel.
❖ STEP-4: Save your work
❖ Adding link one page of your website to any
other page:
❖ Step-1: In your web page, type some text such as
"Google".
❖ Step-2: Now, select the typed text, and in properties
panel, type https.//www.google.com in link box and
press enter.
❖ Step-3: Save your work.
Output
❖ Adding link one page of your website to your E-
mail:
❖ Step-1: In your web page, type some text such as
"Send me an email".
❖ Step-2: Now, select the typed text, and in insert panel
click on Email Link Option
❖ Step-3 when you click on email link option the
following dialog box will appear. Write your email
address in email text box and click ok button, your email
address will be appear as a link the given text.
❖ Step-4 save your work

You might also like