网页设计及制作实习报告3篇.docxVIP

网页设计及制作实习报告3篇 下面是页设计及制作实习报告3篇 实训报告网页设计，以供借鉴。 网页设计及制作实习报告1 网页制作实习报告 一、[作品主题] 扬州__教玩具销售 二、[作品简介] 这是一个教玩具销售的网站,仿照一般的商品销售网站，但在其中又添加了一些自主性元素。 三、[素材准备] 明确了网站的主题以后，就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用PhotoShop、Flash等工具，进行图像的处理、美化。 网站中大多数的图片都来自于互联网，我将它们截取下来之后，对照父亲所给的书，逐一标注了编号、价格、类型、材质、适用年龄、产地、规格。其中编号的标注是最为重要的，只有标上了正确的编号，在顾客与我们联系的时候，我们才能及时有效地为他们提供产品详细的信息以及相关注意事项。 四、[总体规划] 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 五、[设计步骤] 一、创建本地站点 首先在本地机上建立一个文件夹，命名为“__教玩具”，并且将素材文件放在站点中。单击菜单栏中的-【新建站点】-【站点名称】为“__玩具教具销售”，本地文件夹为“__教玩具”。 二、制作首页 1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“”。 2.点击“页面属性”，选择适合的背景图像，因为是负责教玩具的销售，所以我选择的背景是生意盎然的绿色。 3.插入导航条：各模块是——首页，新闻动态，产品展示，关于我们，联系我们，留言板，公司荣誉。导航条设置在主题框内，而在主题框内，我放置了四幅图片，选择了顺序放映的模式。图片逐一显示，使整个首页都生动了起来。 4.在主题的下面，我总共插入了八个模块——全站搜索，产品搜索，新闻动态，会员登录，产品分类，推荐产品，在线客服，友情链接。 全站搜索：顾客可以根据自己的需求输入关键词，搜索的结果可以在旁边的方框中逐条显示出来，显示的是产品的名称，再点击进去就是产品的详细参数。这个适用于模糊搜索，只是一个字就可以出现所有的名称中包含这个字的商品。 产品搜索：这一个搜索后出来的产品是以相册的形式展现出来的。产品名称中包含搜索的关键词，点击图片或名称就可以进入这个产品的页面，各个参数也显示在其中。 产品分类：这一个模块列出了所有的产品类别，同时这个模块中还包含着各个分组，每一个分组里面包含着一系列的产品，而每一个产品都含有链接，点击进去之后就是这一类产品的各个型号。各个产品的展现方式也是按照相片模式展示出来的，图片在上，名称在下，无论是点击图片还是名称，都会进入这个产品的详细参数页面。 新闻动态：这个模块是滚动的条目形式，每一个条目点击进去之后就是详细的新闻信息，包括产品推荐，优惠信息，厂家的详细介绍等等。所有的文章都是根据事实编纂，是真实可信的。 产品推荐：根据厂家的活动编纂，所列的都是最新的产品，并且也充分照顾了顾客们的心思，在满足教学需求的同时也给予了优惠价格。 会员登录：这个模块是出于发展长久顾客的考虑。每年幼儿园的各类设施都会有折旧，而且随着教学质量的提高教学设施每年也需要补充，我们旨在用实惠的价格和良好的服务态度留住我们的顾客，让他以后在补充商品的时候都优先考虑我们，并且我们也为会员设置了优惠，会员的等级越高，我们所提供的优惠也就越大。 在线客服：这个模块是为了及时为顾客们提供最新的最详细的要求所设置，设置的也是最为普通民众们所接纳的QQ客服。 友情链接：放置的是人们最常用的网页，以为顾客提供方便。 7.制作链接 因为需要制作链接的图片很多，所以我将各类产品的图片都分门别类地放好，标注好相关的参数，再一一上传到网站上去，这个工作是最为繁琐的，好在有父亲在一旁指点，也让我耐下心来完成了这个任务。 8.其他页面的设置 因为前期准备的材料很充分，所以其他的页面设计起来也很顺利，而且除了首页之外，其他的页面都是单个页面的，只需要将