大潮汕风情网页设计与实现.pdfVIP

一、作品设计与实现

课程题目

⑴标题：大潮汕

⑵选题目的：潮汕是东部潮汕文化影响区域的总称，具有悠久的历

史，拥有丰富的，独具特色的文化，制作此的目的，在于让更

多人了解潮汕，包括潮汕的地域划分、民俗风物、美味小吃等，展现潮汕风貌，

沟通潮人乡情，演示潮乡风俗，宣传潮汕文化。页制作的原理和方法。掌

握photoshop，flash，dreamweaver等软件的基本使用方法和掌握css样式的基

本原理。

⑶结构

本网页通过、文字、音乐、flash等多的形式展示潮汕地区的各

方面信息。具体有潮汕概况，潮乡风俗，潮汕美食，潮汕美景。

首页

Index.html

潮汕概况潮乡风俗潮汕美景潮汕美食

gaikuangxinxi.htmlxs1.htmlchaoshanmeijing.htmlShipu.html

⑷页面

index.html

本页面是的首页，使用了上方固定的框架集，

并在上框架中了背景音乐，并把上框架高度

设为0隐藏之，下框架为首页的主要内容，并且

以后打开的子页面都在下框架中显示，使音乐得

以循环并不间断。

首页依靠表格排版，上方由用photoshop制作的

logo和文字横幅组成，紧接着是导航条，下方左

边为温馨寄语和友情，右边为flash展

示。

gaikuangxinxi.html等子网页

页面简介：子网页风格风格多样大小适中。在网

页框架图的背景下分别设置了四个栏目（潮汕概

况、潮乡风俗、潮汕美景、潮汕美食），每个栏目

运用不同的模版制作，风格各异。网页排版采用

框架、表格、DIV层多种方式。网页实现了页内

中、子页与首页的连接，并实现了页面内出现行

为，JS、flash动画等表现效果，运用了spry选

项卡等。网页中图文并茂，多数经过

photoshop处理，包括有jpg、gif、png等格式。

制作方法：

1、潮汕概况栏目主要靠表格布局，利用在表格

中background代码来实现表格中的背景

，文字与来展示网页内容。

2、潮乡风俗、潮汕美景、美食两个栏目页面主

要靠表格和DIV布局，其中超主要靠图

片热点超表现，spry选项卡去除灰底后

用来展示。网页排版的模版在网络中下

载得到，经过photoshop的