网页设计实训心得

网页美术设计与网站整体形象一致，符合艺术规范和网站标准，着重注意网页色彩(主色调和次色调)、图片的应用及版面规划，保持网页的整体一致性。以下是小编整理的网页设计实训心得，欢迎来阅读！

通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、 内容采集整理、 图片的处理、 页面的排版设置、 背景及其整套网页的色调等很多东西。

所以我得出一下总结：

　　一、 准备资料和挑选符合目的主题的合适素材

做网页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来， 作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹， 养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。

　　二、 规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面 过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力， 很难令他们深入观赏， 而且他们恐怕再也不会访问你的网站了。

　　三、 善用图片，增强艺术效果

我记得老师说过网页的迷人之处之一， 要算它上面能点缀许多漂亮的图片。 精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌 虚饰浮夸，同时还要注

意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

　　四、善于借鉴他人主页制作中的设计技巧

由于在网上用浏览器浏览任何主页时， 都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码 调出来仔细揣摩，并模仿着一步一步去实现。

最后感谢老师多日来的辛勤教导！

《网页制作》课程实训

说 明 书

系 （部）：

班 级： 姓 名：指导教师：

摘 要

《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。我所作的网页主题为《圣诞节》，其中主要是介绍关于圣诞节的起源、习俗、各种促销活动和圣诞老人、圣诞大餐等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于圣诞节的图片、相关的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作，使用PPT展示最终的效果。

　　目 录

摘要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 2

第一章 概述．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．3

一、主题介绍．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4

二、制作目的及其方法．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4

三、网站规划及其实现过程．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4 1、系统结构图．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5

第二章 网站制作的步骤．．．．．．．．．．．．． ．．．．．．．．．．．．．．．．．．．5

一、主页的制作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5

1、主页表格的布局及其图片的插入．．．．．．．．．．．．．．．．．．．．．．．．．5

2、主页文字的输入及其最终效果图．．．．．．．．．．．．．．．．．．．．．．．．．．6

3、导航条的设计及代码．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．6

二、分页的制作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．7

1、圣诞起源表格布局及其效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．7

2、圣诞雪景代码显示及其最终效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．8

3、插入滚动图片的代码及其效果图．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．9

4、圣诞促销层的插入及其效果图．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．9

三、背景音乐、Flash图片和视频的插入．．．．．．．．．．．．．．10

四、框架排版和时间轴的运用．．．．．．．．．．．．．．．．．．．．．．．．．11、12

五、鼠标特效代码的插入．．．．．．．．．．．．．．．．．．．．．．．．．．．．13、14

第三章 心得及体会 ．．．．．．．．．．．．．．．．．．．．．．15

一、在做超链接时出现的问题及解决方法．．．．．．．．．．．．．．．．．．15

二、网页制作的意义及实训总结．．．．．．．．．．．．．．．．．．．．．．．．．15 参考文献．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．16

　　一、 概 述

（一）、主题介绍

大家都知道圣诞节是西方的节日，也是基督教世界最大的节日，这一天，世界所有的.基督教会都举行特別的礼拜仪式。但是有很多圣诞节的欢庆活动和宗教并无半点关联。交换礼物，寄圣诞卡，这都使圣诞节成为一个普天同庆的日子。由于是圣诞节的临近，我们想抓住这个主题给大家展示一个不一样的圣诞节，也希望所有的人都能过的开心，圣诞节的来临，也意味着新年即将到来，我想以这个为主题，预祝大家在20xx年里有好运气、学习成绩更优，每个人的生活都很精彩。

（二）、制作目的及其方法

主要目的是掌握网页设计与制作流程并熟练运用Dreamweaver、Firework、Flash、Photoshop等相关辅助软件。

1、应用远程站点管理的知识和技能；

2. 应用本地站点管理的知识和技能；

3. 应用网页页面设计的知识和技能；

4. 应用网页制作的知识和技能；

5. 培养以上知识和技能的综合应用能力。

主要方法是通过使用Dreamweaver8中文版软件规划站点、布局表格、插入图像、链接、建立框架制作、创建分层、运用时间轴等相关素材进行操作。

（三）、网站规划及其实现过程

我们通过前期的网站策划首先搜集相关资料并最终确定了制作一个以圣诞节为主题网站，网站页面我们选择以灰色为背景色辅以鲜色点吸引访问者的视觉，网站栏目主要有：首页，圣诞起源，圣诞雪景，圣诞老人，圣诞大餐，圣诞前夕，圣诞活动，圣诞祝福语，内容不多，我们选择页面设计宽950像素，能够在各类型显示器下很好的呈现。前期的策划完毕，现在我们开始勾画出了网站设计草图，最后开始实施网站页面设计工工作，页面设计主要运用Dreamwever制作，图片设计选择Fireworeks和photoshop制作。

1、系统结构图

网页制作实训报告

　　第二章 网站制作的步骤

　　一、 主页的制作

1、 主页表格的布局及其图片的插入

2、主页文字的输入及其最终效果图

网页制作实训报告

3、导航条的设计及代码

网页制作实训报告

利用ul序列标记设计导航:部分代码

<p id="templatemo_menu">

<ul> <li><a href="../" class="current">首页</a></li>

<li><a href="">圣诞文章</a></li>