Create a love commemorative page for Valentine's Day

It is rare that Valentine's Day this year is just a weekend. Men and women in love are just taking the time to figure out how to spend this happy and sweet day. If you are interested, you can take a few days to think about a special gift for your beloved.

If you create a mini website, record the entire process from mutual acquaintance to mutual understanding and mutual love, and recall some stories in love. Is this idea romantic? Next we will build a small website for Valentine's Day. At the end of the article, we will provide compressed material files and pages for you to download.

I. Planning and preparation before design

Before making the website, we need to consider the content and style of the website. Because it is prepared for Valentine's Day, the style of the website must be romantic and pink.

The website contains four parts: love letter, album, Music of two people, and recording of love history.

The tools and software required to create this website include Dreamweaver, Fireworks, and Sound plug-ins and a Maquee code.

Required material resources include: webpage templates (online downloads), music "the most romantic thing", and album set.

II. Template download

How to design the website structure and page? Here I recommend a clever way to go to the website to find a free template. There are many free web page templates that can be downloaded today, and there are many types. We can select templates with relatively romantic structure design, and then transform them into webpages with their own style, this operation saves time and effort. Here we can find a lot of exquisite webpage templates. We select a pink template to download it to the local computer (as shown in Figure 1 ).

Figure 1

The downloaded template package contains the original PSD image file, the Html page that has been converted, and the font file used.

Because we change the template to the style we want, the Html provided in the template is of little use. Directly use Fireworks to open the original PSD image file on the webpage, modify the visual effect of the page on the basis of it, switch the image into Html, and then edit it in Dreamweaver.

We want to design this web page as shown in figure 2. The website is filled with various themes about love, and we name it "the commemorative page of Love ".