建站知识
首页 > 网站建设 > 建站知识 > 中山十景名优特产——网页制作步骤及制作方法

中山十景名优特产——网页制作步骤及制作方法

发布时间:2021-04-06    来源:广州网站优化公司     浏览次数:

一、网页制作步骤:1、使用Dreamweaver创建本地站点并将其命名为“ new”,其中包含以下文件和文件夹:图片文件夹(照片);音乐文件夹(音乐)等。2、在“新”站点中创建一个名为“欢迎”的新网页文件,然后开始制作网页。 3、首先插入背景图片,右键单击设计网页的空白区域-页面属性-背景图片浏览,然后选择图片。 4、插入图片,装饰页面,以修复图片,首先插入图层,插入记录-AP Div,单击图层中的左按钮,然后按Insert Record-Image更改位置并尺寸。 (将来也适用于插入图层和图片。)结果如图所示:5、在插入图层中浏览页面。结果如图所示:6,然后插入图层以写入标题。结果如图所示。 7.插入图片,在图片上插入图层,然后右键单击ENTER,以创建指向名为“我の家”的文件的链接,如图所示:8、更改位置后,字体大小已修改,并且导入页面已完成。 9、在“新”站点中创建一个名为“我们の家”的新网页文件,然后开始制作网页。 1 0、插入背景并装饰图片。 1 1、制作一个导航栏,如图1所示。2、选择login并单击鼠标右键以创建指向登录页面的链接。 1 3、制作登录页面的步骤:(1)插入背景网页制作步骤,装饰图片和标题。(2)插入表格,插入表格,如图所示:结果如下图所示:( 3)“返回”以创建指向主页的链接。完成登录页面。1 4、继续进行主页制作。

制作导航栏,结果如图所示:它是由行为产生的。当鼠标靠近中山时,将隐藏“欢迎”层,并显示中山十景,名优产品和推荐路线。当鼠标离开时,情况正好相反。具体步骤如图所示:其余步骤相同。 1 5、打开“时间轴”面板,选择创建的图层“我の家”并将该图层拖动到“时间轴”面板的帧控制区域,出现一条紫色动画线。右键单击线段的任何帧,选择“添加关键帧”,然后右键单击下一帧,选择“记录AP元素路径”,任意拖动图层,如图所示:单击自动播放和循环按钮,您可以。 1 6、插入图层并插入图片,如图所示:当鼠标靠近小图片时,同一图片的放大版本将显示在右侧,而其他大图片将显示在右侧。隐。如图所示:1 7、插入音频。插入图层,在图层内部单击,在菜单中单击“插入记录”,选择“媒体插入”,选择插入的音频,然后移动播放器的位置。如图所示:1 8、插入视频。插入一个图层,在该图层内单击,在菜单中单击“插入记录”,选择“媒体插入”,选择插入的视频,然后移动播放器的位置。如图所示:结果如图所示:1 9、制作单击图片以将图片设置为网页的背景。代码如图所示:效果如图所示:2 0、由于主页和子页面的背景完全不同,因此页面部分和颜色不一致,因此重新排版并更改不一致的因素。 三、最终设计结果:导入页面:主页:登陆页面:摘要:我们在此网页上花费了很长时间网页制作步骤,为此付出了许多艰辛的努力,但我们对通常获得的结果并不满意,但是制作完此网页后,我们不仅在网页设计技术方面取得了很多成就,而且在与同学的协调与合作方面也取得了很多成就。接下来是我们的经验和完成后的经验。

这次生产的最大问题是,我们没有从一开始就设计要设计的网页,包括主题,内容,网页样式,网页布局等,这导致了以下感觉:完成后效果不好,然后我们又做了一次。做完了,做了一些无用的工作。对于色彩匹配,网页的色彩匹配是和谐的,可以使人们感到网页非常协调和舒适。不仅如此,字体颜色和背景图片匹配,网页也不会突然出现。对于布局,有必要找到合适的材料,通过合适的布局以获得良好的效果,材料和布局同等重要。必须通过适当的框架,表格和图片选择适当的垂直和水平混合排版或不规则排版。关于图层,图层是我们网页中非常重要的元素。添加图层后,可以随意移动图像或文本。它们可以用于行为,时间轴和其他技术操作,但是插入太多层也将使生产变得更加困难,有时小层会被大层阻塞,找到小层也是一个大过程。关于图片,所选内容不仅必须与主题,色彩匹配和和谐相匹配,而且还要注意图片像素,还必须创建一个单独的文件夹并将其存储在正确的路径中,以便在您显示时将其显示出来。浏览。不一样,您也可以通过PS剪切图片。关于插入音频和视频,请注意插入的格式计算机是否可以支持播放,如果不能广州做网站,请转换格式。

上一篇:上海自贸区网站建设需要的资料有哪些?怎么做?

下一篇: 建立企业网站建设之主题,要沟通交流、商讨、掌握

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈

x