网页制作实习报告精编.docx

网页制作实习报告

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