实习报告
实习性质：网页布局实务课程实习学生姓名：黄小蝶
专业班级：计网131
指导教师：邵亮、刘铭
实习时间：2014年12月29日- 2015年1月2日实习地点：1303
重庆工程职业技术学院
信息工程学院网页布局实务课程实习+ 学生实习考核表
目录
1实习目的 (3)
2 实习概况 (4)
2.1 实习要求 (4)
2.2 实习时间 (4)
2.3 实习环境 (4)
2.4 设计环境 (4)
3 实习内容 (4)
3.1 制作设计项目分析 (4)
3.2 制作设计项目记录 (5)
3.2.1 绘制chictopia服装网站设计图以及步骤分析 (5)
3.2.2 绘制野兽派花店网站设计图以及步骤分析 (11)
4 实习总结 (12)
4.1 学习所得 (12)
4.2 经验教训 (15)
4.3 学习体会 (15)
信息工程学院网页布局实务课程实习+
1实习目的
《网页设计与布局项目化教程》项目实习是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。通过本课程设计的实习，进一步提高学生对网页设计以及ps软件的操作能力，学生其间应以对课程设计负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。
2 实习概况
2.1 实习要求
（1）总体设计要求绘制准确，设计信息传达准确，布局合理，构图富有创造性，色彩搭配符合设计需要，风格不限。
（2）课程设计成绩根据课程设计实习报告质量和考勤给予评定。
2.2 实习时间
2014年12月29日至2015年1月2日
2.3 实习环境
学校计算机实验室
2.4 设计环境
Photoshop软件
3 实习内容
（1）绘制chitopia服装网站设计
（2）绘制野兽派花店网站设计
3.1 制作设计项目分析
（1）绘制chitopia服装网站设计
（2）绘制野兽派花店网站设计
要求：
1．根据作品要求，明确画布大小；
2．根据作品需要，能正确勾画出图形的形状；
3．根据作品需要，能够进行大量的复制并调整层次；
信息工程学院网页布局实务课程实习4．简略撰写设计创意及记录实习制作过程。
3.2 制作设计项目记录
3.2.1 绘制chictopia服装网站设图
信息工程学院网页布局实务课程实习+
图3.2 chictopia首页设计页面效果图
首先网站首页我是以简单大方的白色为主色调，三个视频作为首页的主要的视觉点，顾客可以直观的最有效最快捷的知道品牌的最新动态。同时视频的制作更能体现品牌档次感。
一．顶部部分。
1.LOGO
信息工程学院网页布局实务课程实习
图3.3 chictopia logo设计图
如图3.3，在logo的制作上，我直接采用了他们自己设计的logo，直接放大到人们视觉感受非常舒服的一个点，直接给顾客展示了品牌的形象标志。
2.导航条
如图3.4 导航条以及交互的设计效果图
如图3.4，导航条部分，我采用了方正兰亭超细黑简体，并运用了一个浅灰色作为主色，交互部分的话，大家可以从图上看到，当鼠标放在导航条的某一导航按钮处时，导航按钮处就直接会从浅灰色变为黑色，下拉菜单也会直接显示出来，下拉菜单的背景我运用的是一个中灰色，菜单中的每一项选项我是以白色背景作为凸显，整个设计简单大方为主。
3.登录注册按钮
图3.5 登陆注册按钮设计效果图
如图3.5，在登陆注册按钮的处理上，我运用的是黑体浅灰色，颜色呢是跟导航条颜色是相一致的，用黑体作为设计是为了凸显它的严谨性。
信息工程学院网页布局实务课程实习+ 二．中间部分
图3.6 首页视频展示效果图
如图3.6，中间部分，三个视频的呈现直接成为视觉点，在如今信息化社会，人们的生活节奏加快，没有人愿意静下心来读一篇文章，哪怕再升东在打动人。这些不要紧，我们也许可以换一种方式，比如以图片视频的方式把想传达传达给人们。所以在这里我直接做了视频的设计，非常直观的让顾客们了解到我们的品牌。当然在视频的处理上我也不是单纯的随意的摆放了三个视频。我把第一视频直接作为第一屏，整个全部铺满屏幕，顾客可以在点击观看完第一个视频后，鼠标直接向下滑动，接下来会看到后面的视频，在后面两个视频的摆放设计上，我就做的小巧精致一些，并没有像第一个那样直接摆放整个屏幕，因为重复前面的会显得呆板和没有设计感。在视频旁边还有视频的文字介绍，这里我采用了幼圆字体对其进行设计。
三．底部
图3.7 首页底部设计效果图
如图3.7，底部的信息块，我做了一些微博微信的分享按钮，以及二维码的扫描按钮，在底部右下方我做了一个回到顶部的按钮，政委杨方便的顾客浏览者。
信息工程学院 网页布局实务课程实习
图3.8 子网页框架设计效果图
图3.9 品牌介绍页面效果图
信息工程学院网页布局实务课程实习+
如图3.9，子网页的设计排版我也是用的上中下的设计，我用两个分割线作为顶部和底部的分开。上面部分的logo我放在了左边，因为这个界面主要是品牌介绍，把品牌介绍放在了居中的位置，右边为了方便顾客们回到前面浏览的页面我做了一个返回按钮。中间部分的话，我设计的左右结构，左边做了一个二次导航这里方便了顾客可以跳转到另一个页面。以及中间右下角部分我做了一个回到顶部的按钮，同样也是为了方便顾客。下面部分的话，大同小异，做的是一些分享。
图3.10 设计师页面设计效果图
如图3.10，后面的网页布局都跟前面的是一样的，不同点就在于内容的不同。在设计师的页面处理上，我直接查了几张有关设计师的图片，当然用户可以哦根据自己的喜好放置自己喜欢的有关设计师的图片。
信息工程学院网页布局实务课程实习
图3.11 2015春夏系列页面设计效果图
如图 3.11，这个页面主要是产品展示的页面，大体布局和前面的子网页都是一样的，产品的摆放我做的是平铺，简单直观的将品牌产品信息展现给大家。
另外的两个我没有做出来，主要是大同小异，排版布局都一样，用户可以直接在里面添加内容。
信息工程学院网页布局实务课程实习+ 3.2.2绘制野兽派花店网页设计
信息工程学院网页布局实务课程实习
图3.10 野兽派花店首页页面设计效果图
如图 3.10，网页的整体是运用了三个版面，以大图为主的排版给人直观的视觉感受。
一.顶部
顶部以黑色为底做了一个版块,我把logo放在了左边,搜索框放在了右边,当消费者想要选择自己想要的商品的时候就可以在此处选择搜索,旁边还坐了一
信息工程学院网页布局实务课程实习+
个商业化的购物车。右边我做了一个会员中心的我按钮,可以注册和登陆自己的账号。
二．中间部分
中间部分以大图为主，第一屏当中导航条放在了左边，并把二维码放在了左边，这一次采用放在第一屏而不放在最下面，主要还是为了方便顾客。在这里还做了一个微信商店的按钮，顾客可以关注微信商店。
三．底部
底部信息我做的有点详细，毕竟想到是一个商业化的网站，委方面顾客了也方便自己，不管实在客户服务上还是购买支付，售后服务方面我都做了详细的处理。
同样右边还是做了个回到顶部的按钮。
4 学习总结
4.1 学习所得
对于学习了一年的网页设计这门课程，当然学到了一些知识，也知道在一些方面的不足。下面我总结了自己一些学习方面的学习所得。
一．掌握了一些专业方面的知识。
从最初的不太了解到现在慢慢熟悉并能熟练地运用掌握。学习仿佛就像谈恋爱，你爱它你就会去了解它，想知道它的一切，想走进它的心里，知道它的一切。学习亦是如此，你喜欢这门课程，你就会去慢慢了解它，哪怕最初什么都不知道，只要你喜欢，不怕不懂就怕你不爱去做，当然如果你喜欢，那么自然而然你就回去做。首先从了解这门课程开始，最初有些朦胧，但后来你会发现特别有趣，后来你就会越来越喜欢这门课程，并不断地学习它，然后熟练地掌握它，你会特别有收获，掌握专业方面的知识，觉得特别有成就感，感觉学习就是一个享受的过程。
二．网页设计方面的美术设计感还要加强。
学习了一年多的网页设计美术设计，在设计感上却是比起最初不太懂设计的时候要进步得多，我相信自己多看多浏览别人的设计作品会得到很大的进步，虽然现在还是个初出茅庐的小生，设计感方面还是欠佳，对于那些大牌网站我们需要借鉴，但太过于大牌的网站我们却驾驭不了，毕竟我们的经验还太少，还是因该从基本简单一点的开始。不断进步，以刻苦不断进步为中心。
三．不断进步，找出自己的不足。
为了提高效率，在制定计划时，要适当给自己“压力”，对每一科目的预习和复习要做到三限制：即限定时间、限定速度、限定准确率。这种目标明确，有
信息工程学院网页布局实务课程实习
压力的学习，可以使注意力高度集中，提高复习效率。同时，每学习完一部分时，都有一种轻松感、愉悦感，会更充满信心地复习下去。对照计划反省，计划一旦制定，就要雷打不动地完成，如有完不成的，也应立即在次日加倍补上。如：反省自己，当天的计划完成了没有，明天先干什么？再干什么？如果完成的好时可奖励自己一次；如果完成的不好时可惩罚自己一次。这样做，既有约束力又有可操作性，每天都会感到在进步。一段时间后，还应该根据自己的学习情况，对计划做出进一步完善，使其更好地促进学习。
4.2 经验教训
学习网页设计是一个循序渐进的过程，如今网页设计是一个热门的技术，同时也算比较吃香的技术，虽然懂的人很多，学的人也很多，单身真正技术水平过硬的却很少。并且网站技术分工很细。总结下来经验还是要运用，只有把它再用于工作生活当中，才称之为经验，就从我学习了一年的网页设计来看，也做了不少作业，但是感觉这些作业都是按照自己的能力水平而来的，并不能拿到真正的外面去和别的作比较。
学习是自己的事。我们应该主动积极的去学习，可以问老师问同学，到图书馆查询书籍。总之只要是利于学习的方法都是可取的。同时也可以通过给别人讲，可以把已学过的知识再次梳理，而且可以把原来虽然也许懂了，但不一定很清晰的知识简约化、条理化，更加便于记忆，以达到更加巩固的目的。
很多时候我们都缺乏学习的主动性，从学习来看每一次的学习仿佛都是在老师的督促下面完成，没有自主性积极性。我认为作为一个大学生我们应该主动积极的去学习，掌握知识了解不足。从学习了一年多来看，还是觉得自己设计感和专业只是不够熟悉。我认为在设计感方面还是应该多家看书多看杂志，多看别人的网站和优秀的设计，专业知识方面，还是应该多看教科书和多听老师的讲课。从而学得专业的有效的知识。
4.3 学习体会
大学第二学年就快要结束了，我必须总结在这一年的得与失，才能展望以后在校这几年该怎么发展，才能看清未来的路怎么走。在学习方面，首先是端正了学习态度。从最初刚刚进入大学只想放松在重压解放下到现在只想通过学习强化自己的专业知识的理念发生了彻底的变化。在学习过程中一直以“独立思考”为座右铭，从中锻炼到自己的耐心与解决问题的决心，让自己的心智有了质的飞跃。自己在专业知识也有了很大程度的提高。使我体会到学习的乐趣，我与身边的很
信息工程学院网页布局实务课程实习+
多同学建立了良好的关系共同完成各个项目。这个学期也值得一提就是参加了全国计算机技术与软件专业程序员考试，顺利通过此次重要的考试，让自己的专业知识给了很大自信，让自己更大程度上相信自己的专业能力。此次考试前前后后，我纵览了很多计算机的参考书，我一直相信这么一句话“机会是留给了有准备人的”所以大学四年就是我们走出社会前最大的考验，所以我们得必须好好准备，用专业知识武装强化自己在这人才济济之中脱颖而出。就知程序员考试通过那一刻开始，我就有更远的目标与更大的决心——参加软件设计师认证考试，这是自己更加专业化的一次考试，所以在未来大三第一个学期必须继续奋斗努力。
在过去的一年里我一直注重英语方面的学习，但是自己英语基础不是很扎实。但这个不重要，四级成绩也证实了我是有能力也有信心在下一次考试一定通过，从大一到现在参加三次英语考试，成绩一直保持在400以上与合格分数线仅仅是几分之差。我相信在这几次失败中我总结出自己在那个方面的缺陷，例如听力方面分数明显偏低，今后要强化这个模块的训练。
在这一年我还学习自己专业之外的技能并且获得许可证—驾驶证利用周末或者空余时间。在这一年一直想追求人格魅力齐全的人，所以常常阅读一些名著来开阔自己的视野，崇拜具有思想独立的人—韩寒。为着自己的梦想一直追逐，这是我这一年感悟最深刻的。自己的一片天空要自己一个人支撑起来，做一个有思想独立的思考者。
参加社会实践也是这个学年的一个可圈可点的一段时光，参加了雷州龙门二中的助教活动，我积极配合学校分配我的工作，我运用我的专业知识帮助学校解决电脑方面的一些知识还为中学生浅谈现代信息技术的发展与运用，让他们对未来有个美好的憧憬。此次社会实践，感觉自己被社会需要着，自己顿时自豪感和责任感油然而生。虽然在校期间也做过一些兼职，但这次完全不一样，因为我全心投入到学校工作里面用到自己的专业知识。
这个世界并不存在完美的人，优点缺点并存着。我希望在未来的时间里更好地利好时间，提高学习效力。这是一次总结也是一次展望。大二已经过去，收成与失落早已尘埃落定，把握最有期待的大三才是当前最重要的。
在学习方面，自己觉得不是很满意。不是自己没努力，就是觉得没有大一时的那种感觉，那种冲劲。虽然不挂科是我的最低要求，也应了自己的愿，没有挂过科，但始终有一种淡淡的失落感。按理来说，没有在班里担任职务什么的，也不似大一时有很多活动参加，花在学习上的时间会更多，学习效果应该会好一点，可是结果并非我所想。可能是没有静下心来，可能是对大学的考试感到失望，无
信息工程学院网页布局实务课程实习
论复习的多好，准备的多充分，考的结果总是不尽人意。大一的时候，还满怀着激情和信心，到了大二，看到令人无语的学习环境，让人无语的学习风气，自己的心也就焉了一截。平时在寝室里、自习室里，还是图书馆，较难看到学习的身影，有的只是整日对着电脑。平时的作业，也是几个同学做完了，大家拿来拷贝一下;考试，也是在接到通知前几天突击一下，或做做小抄，不注重经过，只注重结果。这些都已无形中成了我们的习惯。事实就是这样，不过都已过去了，不应只是发泄自己的不满，更重要的是总结一下，找找原因，然后慢慢解决，这样才能在学习上有所长进。而在思想上面，我觉得是很重要的一部分。把自己思想上的成熟归结为自己成长的一个过程，一个不可或缺的，不断沉淀的过程。思想是一切行动的指南，而提高思想修养，提高自身素质的主要方式有学习、工作、社会阅历和书籍。前三者已在上面做了稍微的总结，在阅读书籍方面，在大二一年中，我阅读了部分的国内外名著和名人传记，给了我蛮大的收获，一些经典在我的思想中，在潜移默化的影响着我。在以后的个，我还是会一日既往的看书、读人、接触社会提高自己的思想修为。
以上这些就是我的总结。我知道自己在很多方面还存在着不足，在接下来的一年中，我会沿着自己制定的计划，越挫越勇!
第四章网站的开发 1.在建立网站站点的过程中，下列行为恰当的是（A）。 A、建立自己的主题站点，首先需要创建一个WEB站点，用子保存和调试创建的网页 B、制作网页之前，不需要对版面进行设计 C、图片总是比文字更多地受浏览者的欢迎，因此网页中图片越多越好 D、建立站点，就是制作一个个网页，不需要先创建一个站点 情况下，一个网站可以包括的主页数是（ C ）一般2.A、 2个 B、 3个 C、 1个 D、无数个 3.下列关于网站制作的评价指标中，你认为哪些是必要的（ABCD）。 A、各种媒体处理和运用恰当 B、界面友好，结构清晰 C、链接正确，各主要页面能相互返回 D、主题明确，内容有意义 4.图片在网页中起到美化网页的作用，在网页中常用的几种图像格式是（ BD） A、MP3 B、GIF C、DOC D、JPEG
5.以下扩展名中不表示网页文件的是（AB）? A、 .doc B、 .txt C、 .html D、 .htm 6.以下可以代表WWW页面文件的类型的是（BC）。 A、 wav B、 htm C、 html gif 、D． 7.在制作网页中的表格时，如果要想在浏览时看不到表格的边框，则应将（C )调整为0。 A、单元格的间距 B、宽度与茼度 C、边框的粗细 D、单元格的边框 8.下列关于网页制作中收集索材的描述，正确的是（CD）? A、收集来的索材无需分类，集中在一个文件夹中存放较好 B、收集来的索材因为是准备制作网页给大家看的，所以不存在版权的问题 C、收集来的索材应该分类，不同类索材最好用不同的文件突_
D、收集来的索材文件名要易懂易记，便于调用 9.下列关于网站的说法中，正确的有（ABC ）? A、网站的起始网页称为主页 B、一个网站通常包含多个网页 C、网站是由一些互相关联的网页构成的一个整体 D、网贡一定是动态网页 10.一个网站的起始网页被称为（ B ） A、文档 B、主页 C、网站 D、网页 11.在Frontpage中，用来控制网页布局的工具是（D) A、书签 B、超链接 C、图片 D、表格 12.网页制作时，为了增强页面的整体吸引力，以下观点恰当的有（ABC） A、合理地使用滚动的字幕、变换的选择框以及持续的动画，为用户创造一种平和安静的坏境 B、力求精简，不要使用太多的动画 C、过度的闪烁让人头痛，一般页面中最多不能有三处闪烁 动态效果越多越好、D．
软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用
使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式
《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学分：5学分 学时：76学时（其中：讲课学时：47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例 （项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 开发工具：DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/508341014.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/508341014.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/508341014.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/508341014.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/508341014.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/508341014.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/508341014.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/508341014.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/508341014.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签，不过了解下也好。 总类（所有HTML文件都有的） 文件类型 （放在档案的开头与结尾） 文件主题
题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs
接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，
html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务，是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育，做真实的自己”的理念，是中国移动互联网研发培训领导品牌，全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员，是唯一真正获得企业一致好评的移动互联网培训机构，从千锋走出的学员在业界得到了广泛认可。2014年，千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前，千锋教育已与500多家高等院校建立深度合作关系，并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》，千锋讲师团队技术水平得到业界一致认可，好评如潮。千锋教育组织的技术研讨会名企云集，是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万，每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌，专注iOS、Android 、HTML5、UI等技术研发培训，坚持“用 良心做教育，做真实自己”的理念； 2、业内唯一一家敢推出“两周免费试听，不满意不缴费”的政策，让学员更真实的了解千锋、了解自 己是否适合做开发； 3、零学费入学，工作后分期还款，业内学员毕业薪水最高，培训就业协议明确写出薪水保障，平均薪 水专科5000、本科6000、硕士7000； 4、权威资深师资阵容，业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课， 由业内知名专家及企业技术骨干组成； 5、自主研发QFTS 教学保障系统，拥有自主知识产权的开发培训课程体系，讲练学相结合，课程内 容紧贴当前前沿实用技术和企业实际需求； 6、企业级项目实战训练，从千锋科技及合作企业项目中研发出几十个企业级教学项目，让学员参与真 实的企业级项目研发，最后让学员能够独立设计开发自己的上线项目； 7、最严格、最科学、最负责的教学就业管理制度，班主任、职业规划师全程跟班，把握每个学员的学 习状态，并有专业的职业素养课和就业指导课，保证教学及就业质量； 8、免费加入千锋开发者联盟，为会员提供免费技术支持及终身就业服务，免费参加千锋举办的各类技
实验一HTML、CSS网页制作实验 一、做出网页1.html，效果如下图所示： 要求如下： 1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。 3、诗的内容字体格式从上到下分别是
四、请做出网页4.html，效果如下图所示。 五、请做出以下网页，效果如下图所示，保存为5.html： 六、请做出网页6.html，效果如下图所示： 要求如下：
1、使用内嵌式引入CSS样式表。 2、使用类选择器定义元素。 （1）通过控制不同的类，分别为第一个字母“G”设置为蓝色、加粗、60px 字体； 第二个字母“o”设置为红色、加粗、60px字体； 第三个字母“o”设置为黄色、加粗、60px字体； 第四个字母“g”设置为蓝色、加粗、60px字体。 （2）剩余字母“le”按默认样式输出。 七、请做出网页7.html，效果如下图所示。 要求如下： 1、设置所有文本为宋体、12像素、绿色字体，“春季”字体颜色设为红色。 2、设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、设置文本首行缩进2个字符。 八、请做出网页8.html，效果如下图所示： 要求如下： 1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体，“博客首页”为蓝色字体，网址及日期为绿色字体。 3、设置标题为16像素、左对齐、下划线的效果。 4、设置文本“-百度快照-评价”为灰色、下划线的效果。
网页设计与制作各章习题及答案 第1章习题 1. 填空题 (1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。 (2) WWW是_Word Wide Web_的缩写，其含义是_“全球网”_，很多人又形象地称其为_“万维网”_。 (3) 现在网页基本可以分为_静态_和_动态_两大类网页。 (4) 对于网站，我们通常又称作_站点_ (5) HTML是Hypertext Markup Language 的缩写，意思为_超文本标记语言_。 (6) marquee代码的作用_实现标记中的内容在页面移动的效果_ (7) HTML源代码包括_
头_和_正文__两大部分 (8) CuteFTP是一种基于__Ftp__的数据交换软件。 (9) CuteFTP有很多功能，如_断点续传_、_自动登陆_等，是上传、维护、更新网站必不可少的工具软件。 (10) Flash是网络上最为流行的_矢量__动画制作软件。 (11) 网页的主要组成元素有_文本__、__图片_、_多媒体_、_超链接_和_脚本_五种。 (12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。 (13) __和__是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。 2. 选择题 (1) 下面哪些文件属于静态网页（ C ） A. abc.asp B. abc.doc C. abc.htm D. abc.jsp (2) 下面哪些不是网页编辑软件（ B ） A. Dreamweaver B. CuteFTP C. Word D. Flash (3) 下面哪些文件不是网站的主页（ C ） A. index.html B. Default.jsp C. index1.htm D. Default.php (4) DreamweaverMX是哪家公司的产品（ D ） A. Adobe B. Corel C. Microsoft D. Macromedia (5) 网页元素不包括：（ C） A. 文字 B. 图片 C. 界面 D. 视频 (6) 下列哪种软件是用于网页排版的。（ C ） A. Flash MX B. Photoshop7.0 C. Dreamweaver MX D. CuteFTP (7) 文本被做成超链接后，鼠标移到文本，光标会变成什么形状（A） A. 手形 B. 十字形 C. 向右的箭头 D. 没变化 (8) 下面关于超链接说法错误的是（C） A. 超链接包括超文本链接和超媒体链接两大类 B. 超文本链接可以链接所有类型的文件 C. 超媒体链接只能链接各类多媒体文件 D. 超链接不仅可以用于网页，还可以用于其他各类文档 (9) 下面哪些不属于网页的多媒体元素（D） A. 音频 B. 视频 C. 动画 D. 图片 (10) 下面关于HTML语言说法错误的是（C）第一章习题 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A
… … B