2023年网页制作的实训报告(7篇).docx





《2023年网页制作的实训报告(7篇).docx》由会员分享,可在线阅读,更多相关《2023年网页制作的实训报告(7篇).docx(38页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、2023年网页制作的实训报告(7篇) “报告”运用范围很广,根据上级部署或工作安排,每完成一项任务,一般都要向上级写报告,反映工作中的基本状况、工作中取得的阅历教训、存在的问题以及今后工作设想等,以取得上级领导部门的指导。优秀的报告都具备一些什么特点呢?又该怎么写呢?下面是我为大家带来的报告优秀范文,希望大家可以喜爱。 网页制作的实训报告篇一 1.资料的搜集。 2.熟识制作软件。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的 的过程其实很简洁,主要是把要的文字选择在选择工具栏的按钮最终选择自己要的网页单击确定便可以了。 6向静太网页插
2、入动态效果 详细状况 通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯穿。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它供应了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最便利之处是,它可以将图象切割,图象
3、映射,悬停按纽,图象翻转等效果干脆生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。 制作网页,首先是确定主题,经过一再考虑,就做了个关于中国的网站,平常也总是阅读类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们高校生阅读,对于我们来说有点不实际,依据这种状况,最终确定建立一个简洁的中国介绍和相关的事迹网站,特地介绍一些即运用,又便宜的小秘笈。于是网站主题确立。 然后是整体规划,每一版块都有其特性的色调,清楚明白,便于阅读阅读,大致分几部分,中国简介,中国历
4、史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。 再后是收集资料与素材,大量阅读相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。 再后是设计网页图片,用flash制作网页的banner。 再后是建立站点,站点分布 再后是制作网页了,运用dreamweaver制作。 首页内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的
5、目标所做的设计才是胜利的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于阅读;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则 简洁好用: 这是特别重要的,网络特别环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉全部的冗余的东西。运用便利:同第一个是相一样的,满意运用者的要求,网页做得越适合运用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可观赏性,提高档次。当然雅俗共赏是人人都追求的。 网页制作的实训报告篇二
6、扬州xx教玩具销售 这是一个教玩具销售的网站,仿照一般的商品销售网站,但在其中又添加了一些自主性元素。 明确了网站的主题以后,就要围绕主题起先搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,就要尽量搜集材料,搜集得材料越多,以后制作网站就越简单。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。另外,还要运用photoshop、flash等工具,进行图像的处理、美化。 网站中大多数的图片都来自于互联网,我将它们截取下来之后,比照父亲所给的书,逐一标注了编号、价格、类型、材质、适用年龄、产地、规格。其中编号的标注是
7、最为重要的,只有标上了正确的编号,在顾客与我们联系的时候,我们才能刚好有效地为他们供应产品具体的信息以及相关留意事项。 材料有了,工具也选好了,下面就须要根据规划一步步地把自己的想法变成现实了,这是一个困难而细致的过程,肯定要根据先大后小、先简洁后困难来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简洁后困难,就是先设计出简洁的内容,然后再设计困难的内容,以便出现问题时好修改。在制作网页时要多敏捷运用模板,这样可以大大提高制作效率。 一、创建本地站点 首先在本地机上建立一个文件夹,命名为“xxx教玩具”,并且将素材文件放在站点中。单击菜单栏中
8、的-为“xxxx玩具教具销售”,本地文件夹为“xxx教玩具”。 二、制作首页 1.新建html文档,并将文件保存在本地站点根文件下,命名为“”。 2.点击“页面属性”,选择适合的背景图像,因为是负责教玩具的销售,所以我选择的背景是生意盎然的绿色。 3.插入导航条:各模块是首页,新闻动态,产品展示,关于我们,联系我们,留言板,公司荣誉。导航条设置在主题框内,而在主题框内,我放置了四幅图片,选择了依次放映的模式。图片逐一显示,使整个首页都生动了起来。 4.在主题的下面,我总共插入了八个模块全站搜寻,产品搜寻,新闻动态,会员登录,产品分类,举荐产品,在线客服,友情链接。 全站搜寻:顾客可以依据自己的
9、需求输入关键词,搜寻的结果可以在旁边的方框中逐条显示出来,显示的是产品的名称,再点击进去就是产品的具体参数。这个适用于模糊搜寻,只是一个字就可以出现全部的名称中包含这个字的商品。 产品搜寻:这一个搜寻后出来的产品是以相册的形式呈现出来的。产品名称中包含搜寻的关键词,点击图片或名称就可以进入这个产品的页面,各个参数也显示在其中。 产品分类:这一个模块列出了全部的产品类别,同时这个模块中还包含着各个分组,每一个分组里面包含着一系列的产品,而每一个产品都含有链接,点击进去之后就是这一类产品的各个型号。各个产品的呈现方式也是根据相片模式展示出来的,图片在上,名称在下,无论是点击图片还是名称,都会进入这
10、个产品的具体参数页面。 新闻动态:这个模块是滚动的条目形式,每一个条目点击进去之后就是具体的新闻信息,包括产品举荐,实惠信息,厂家的具体介绍等等。全部的文章都是依据事实编纂,是真实可信的。 产品举荐:依据厂家的活动编纂,所列的都是最新的产品,并且也充分照看了顾客们的心思,在满意教学需求的同时也赐予了实惠价格。 会员登录:这个模块是出于发展许久顾客的考虑。每年幼儿园的各类设施都会有折旧,而且随着教学质量的提高教学设施每年也须要补充,我们旨在用实惠的价格和良好的服务看法留住我们的顾客,让他以后在补充商品的时候都优先考虑我们,并且我们也为会员设置了实惠,会员的等级越高,我们所供应的实惠也就越大。 在
11、线客服:这个模块是为了刚好为顾客们供应最新的最具体的要求所设置,设置的也是最为一般民众们所接纳的qq客服。 友情链接:放置的是人们最常用的网页,以为顾客供应便利。 7.制作链接 因为须要制作链接的图片许多,所以我将各类产品的图片都分门别类地放好,标注好相关的参数,再一一上传到网站上去,这个工作是最为繁琐的,好在有父亲在一旁指引,也让我耐下心来完成了这个任务。 8.其他页面的设置 因为前期打算的材料很充分,所以其他的页面设计起来也很顺当,而且除了首页之外,其他的页面都是单个页面的,只须要将打算的材料上传上去,就算是完备完成任务了。 三、上传测试 网页制作完毕,最终要发布到web服务器上,才能够让
12、全世界的挚友观看,现在上传的工具有许多,有些网页制作工具本身就带有ftp功能,利用这些ftp工具,你可以很便利地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在阅读器中打开自己的网站,逐页逐个链接的进行测试,发觉问题,刚好修改,然后再上传测试。全部测试完毕就可以把你的网址告知给挚友,让他们来阅读。 四、推广宣扬 许多人以为做了网站就会有人自动上门,这种理解是错误的! 其实这很好理解,就比如您的公司印了许多宣扬资料,但是您要去派发宣扬资料,才能拉到客户,把资料放在公司是没有用的。 同样一个道理,网站就是您企业在网上的宣扬资料,须要您去派发、宣扬和推广,才会有人去访问,才能够给公司带来
13、效益。 在网站设计完成之后,我快速把网站提交给了百度、谷歌、有道、搜狗、搜搜等各大主流搜寻引擎,保证别人在这些网站输入网站的名字的时候能够进入我的网站。这里要强调的是,提交了收录并不代表马上能够从搜寻引擎搜到,因为是否能搜到是依据各大搜寻引擎的详细操作策略,收录时间无法限制,一般来说时间是从几天到一个月不等,有很多因素都会影响这一时间,这个时候就须要对网站进行优化,详细操作有两个,一个是提高网站的更新频率,还有一个就是对页面关键字进行优化,搜寻引擎爬虫是靠读取网页内容才知道这个网站或者这个网页是做什么的,因此设置网页的关键字、描述特别有必要,设置方法是打开“网站设计”,点击“网站设置”标签,因
14、为我制作的是教玩具销售网站,所以我就设置了几个与之相关的关键字。 还有一个比较重要的方面就是网站的域名问题。一般个人制作的网站安排的都是二级域名,如 ,而像,算是顶级域名,不同等级的域名在搜寻引擎中所占的比重是不一样的,为了让更多的人看到我的这个网站,我就为网站申请了顶级域名。 另外一件事情就是我长期要做的,就是去各大论坛想方设法地推广我的网站,包括天际、豆瓣、新浪微博等等。说实话,这真是个须要非常厚的脸皮的工作,得不怕被踢,不怕被骂,我始终在努力做到这一点,虽然并没有人硬性规定我肯定要做,但是一个小网站,须要游客量,就只能走这么一条道路。 还有其他的一些诸如交换友情链接推广法、无偿单向网站链
15、接推广法、发布任务、发布兼职等等,都能够提高我的网站被搜寻到的概率。 六、后期完善 在网页设计中,网页的优化是较为重要的一个环节。它的胜利与否会影响页面的阅读速度和页面的适应性,影响观者对网站的印象。 在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。运用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般运用黑色,这样不易产生视觉疲惫,能保证阅读者较长时间地阅读网页。 图片是网页中的重要元素。图片的优化可以在保证阅读质量的前提下将其size降至最低,这样可以
16、成倍地提高网页的下载速度。利用photoshop6或fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视详细状况而定。一般我们把有较为困难颜色改变的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点确定的。 表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。许多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:阅读器在读取网页html原代码时,是读完整个table才将它显示出来的。假如一个大表格
17、中含有多个子表格,必需等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个缘由。因此,我们在设计页面表格的时候,应当尽量避开将全部元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在运用dreamweaver制作网页时,会自动在每一个td内添加一个空字符“ ”。假如单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。 网页的适应性是很重要的,在不同的系统上,不同的辨别率下,不同的阅读器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800x600下制作网页,最佳阅读效果 也是在8
18、00x600辨别率下,在其它状况下只要保证基本一样,不出现较大问题即可。 (一)页面的设计方面 网页设计跟学习别的东西一样,也须要爱好,所谓的爱好也不是三分钟热度,是一种执著。 一个网页设计得胜利与否,很大程度上确定于设计者的规划水平,规划网页就像设计师设计大楼一样,图纸设计好了,才能建成一座美丽的楼房。网页规划包含的内容许多,如网页的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,心中有数。也只有如此制作出来的网页才能有特性、有特色,具有吸引力。 其次还要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计
19、网页的好坏,但是一款功能强大、运用简洁的软件往往可以起到事半功倍的效果。由于目前所见即所得类型的工具越来越多,运用也越来越便利,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是dreamweaver和frontpage了,我是一名初学者,就选择了比较简单上手的frontpage20xx。除此之外,还有图片编辑工具,如photoshop、photoimpact等;动画制作工具,如flash、cool 3d、gi
20、f animator等;还有网页特效工具,如绘声绘色等,网上有很多这方面的软件,只要娴熟运用,就能够制作出让人满足的网页。 学习网页设计还须要耐性,假如没有耐性,就学不好网页设计。因为在网页制作的时候随时会遇到各种各样的问题,当遇到一个问题时,假如不能立即得到问题的答案,可能须要很长时间去解决,就简单烦躁,进而失去动力,放弃整个网页制作。 比如说我在制作网页的时候,就遇到过一个问题,我不知道怎样将自己的qq号设置为网页的在线客服。我原先以为是没有先登录qq,再将它设为在线客服的缘由,所以就将原先的设置全部推翻从头来过,但是就算是从头来过依旧没有解决这个问题。然后我又去各大论坛求助,但是别人给的
21、建议依旧没有用。这个时候我真的很懊丧,想着自己是不是太自不量力了,从来都没有干过的事情我竟然就那么在父母面前夸下海口。就在我准备放弃的时候,我一个网友发来信息,问是不是没有在设置qq号的时候开通在线客服,我点开设置的页面,果真在最底下有一行小字,“开通qq在线客服”,这件事情才算是圆满解决了。从这件小事,我知道了,学习网页设计须要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习。并且我认为网页设计应当注意好用性,因为它是让人阅读的,是用户可以看到,可以评论,可以交互的。 (二)网页的整体布局和导航 网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重
22、要的内容,即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较胜利的网页中,一个共同的特点就是网页的整体架构非常的清楚明白,便于用户阅读。 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、改变型 网页布局是主要考虑以下几点: 1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。 2、其次就应当考虑导航条的设置了。 3、正文的框架设置(横向因素和纵向因素交织) 我在制作这个网站的时候,最先参考的是淘宝上一般的店面,但是随后,我发觉这不是 一个太实际的办法。淘宝上大多数的店面卖的东西都是小件的,而且是实在的
23、商品,价格也是固定的,而我所设计的网页主旨是推销大型的户外游乐设施,而这些东西因为动辄几十万,占地几十平,厂家是不行能在仓库里摆放端详的现货的,多数是拆分下来的分类放好的零件。而我父亲供应给我的只是它的设计图稿,而且价格也不好定,所以,我就仿造一般的产品展销网站来设计,小件的东西,就摆上具体的参数,而大件的,则是摆上了联系方式,由顾客干脆与厂家联系,商谈全部的细微环节。 (三)网页制作过程中的其他留意事项 不要过于注意色调的绚丽,只要简洁就行。我们最终追求的主要是好用价值。 通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2023 网页 制作 报告

限制150内