For more information, see HTML-based webpage creation.

Source: Internet
Author: User
Tags simple html website

As we all know, website creation involves all aspects of knowledge, including graphic design, HTML page creation, CSS style definition, client Scripting (JavaScrfipt/VBScript), and server-side scripting (Asp/Asp. net/PHP/JSP. In this article, I will focus on how to create a simple HTML website and get started with the fun of it.

1. The webpage creation tool I used here is Dreamweaver. First, run Dreamweaver and select "file"> "new". The window shown in 1 is displayed.


Figure 1

2. there are seven options under the "Basic page" tab in this window. After selecting the "HTML" item, click the "Create" button to create the workspace, this indicates that the HTML page has been created successfully. Click Code view and the content shown in 2 is displayed.

Figure 2

3. Ignore the specific meanings of the displayed HTML page code. First, change "Title untitled document" to "webpage debut", and then select the design view. Click "menu"> "insert"> "HTML"> "Framework"> "TOP" to insert a framework at the top of the webpage. In this case, the webpage is divided into two frameworks: the upper frame and the lower frame. After selecting the framework, choose "menu"> "insert"> "HTML"> "Framework"> "Left" to insert a framework to the left of the webpage.

4.single-click ctrlw.sw.save the frameworks (top.htm,left.htm,right.htm ). Select the left frame and click "menu"> "insert"> "HYPERLINK". The dialog box shown in 3 is displayed. Enter each item in the dialog box. "text" is the text displayed by the link, "Link" is the page address to jump to after clicking, and "target" is displayed in the framework. Here, we select "target" As mainFrame (that is, the frame on the left) and follow this step to continue inserting hyperlinks. Access the Code view of the right frame (right.htm), and enter Welcome to my website !!! This is a special text effect that allows the text to move UP and DOWN. Replace "UP", "DOWN", "Left", and "Right" to change the direction of text movement.

Figure 3
  • 2 pages in total:
  • Previous Page
  • 1
  • 2
  • Next Page

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.