网页制作——网页基础操作复习题

网页制作——网页基础操作复习题 2017年11月 一、单项选择题 1.当浏览器不能正常显示图像时，在图像位置显示的文本时由于在图像“图像”属性面板上设置了图像的（D） A.“目标”属性 B.“链接”属性 C.“低解析度源”属性 D.“替换”属性 2.在DreamweaveerCS3中，插入图像的快捷键是（A） A.Ctrl+Alt+I B.Ctrl+Alt+F C.Ctrl+Alt+A D.Ctrl+Alt+M 3.下列关于GIF图像的说法，错误的是（B） A.支持透明背景 B.支持真彩色 C.支持动画 D.适用于图标、按钮、徽标等图片 4.在DreamweaverCS3中，图像属性面板上按钮的含义是（A） A.重新取样 B.调整图像的亮度和对比度 C.调整图像的清晰度 D.裁切图像，减小图像区域 5.在DreamweaverCS3中，要修剪图像的大小，在图像属性面板中可使用的按钮时（C）A. B. C. D. 6.使用“插入记录→表格”命令插入表格时，不能设置的表格属性时（B） A.表格标题单元格的位置 B.表格的高度

C.表格的单元格间距和边距 D. 表格边框线的宽度 7.在DreamweaverCS3中，将光标定位到表格某单元格中，按Ctrl+A快捷键将选中（B） A.整个表格 B.当前单元格 C.当前行 D.当前列 8．在DreamweaverCS3中，插入表格的快捷键 A.Ctrl+Alt+T B.Ctrl+Alt+I C.Ctrl+Alt+A D.Ctrl+Alt+F 9．按______快捷键在单元格内单击鼠标左键可选中该单元格。（A） A.Ctrl B.Shift C.Alt D.Ctrl+Shift 10.若要在浏览器中隐藏表格的边框线，则需在表格属性面板的“边框”中输入（C） A.1 B.无 C.0 D.-1 11．使用“插入记录→超级链接”创建的链接属于（C） A.图像链接 B.电子邮件链接 C.文本链接 D.锚点链接 12．创建空链接的方法是在“属性”面板的链接框中输入（C） A.@ B.malito C.# D.空格 13.超文本初始状态默认的样式是（A） A.蓝色带下划线 B.暗红色带下划线 C.蓝色不带下划线 D.黑色不带下划线

web网页设计报告

web网页设计专业物流工程学院 班级物流1301 姓名李维源 学号 2016年5月4日

第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色网站的意义 我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。 网站的总体风格 网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风

Web动态网页课程设计 题目及要求

Web动态网页课程设计 (总学时数：16课时) 一 Web动态网页 课程设计性质：本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 公共基础实验室3（A504） 四课程设计内容 本次课程设计题目方案如下：

题目1：基于Web的实验室信息管理系统 题目2：网络商店（见web程序设计课本案例） 题目3：学生自拟（需经过教师审核） 内容要求： （1）掌握Web网页常用的开发工具Deamweaver或.Net的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript、VBscript或C#的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access 数据库。动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示 五课程设计时间安排 第一周 安排计划 第二周 数据库的设计 第三周 完成HTML静态页面和 CSS设计； 第四周开始至第六周 开始JavaScript、Javascript、VBscript或C#的程序代码设计

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.wendangku.net/doc/9a12582304.html,等）下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设 为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”， 内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）

实验二 Dreamweaver基本操作（一） 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统，Dreamweaver CS3软件，内部组成局域网，外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几 个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网 页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：

第一段文字。

第二段文字。

... 之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体，如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色，默认的文字颜色是白色。

...

...

《网页制作基础》考试大纲及样题(试

全国高等学校计算机水平考试Ⅱ级《网页制作基础》考试大纲及样题（试行） 一、考试目的与要求 《网页制作基础》是掌握网页制作的一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是培养学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。 本课程以讲解Dreamweaver，Fireworks，Flash软件使用为主，旨在培养学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。通过本课程的学习要求考生掌握网页的设计、规划、制作和网站的建设的方法。 考试的基本要求如下： 1.了解HTML语言的基础知识 2.学会规划和建设一个基本站点 3.掌握网页中文字和图片的相关操作 4.掌握网页中插入视音频FLASH等多媒体元素的基本操作 5.掌握多种超级链接的建立 6.掌握表格、框架的使用 7.掌握制作网页模板的方法 8.站点的发布和上传 9.掌握利用Fireworks处理网页图片的基本技能 10.掌握利用Flash制作网页动画的基本技能 二、考试内容 （一）网页与HTML语言的基础知识 【内容提示】 本部分主要介绍HTML语言的基本架构和常用标记。 【考试要求】 了解HTML文件的基本架构，单双标记的概念，掌握HTML常用标记。 （二）规划和建设站点的基本知识 【内容提示】 规划和建立站点是制作网页前的必要准备工作。此部分需要学生了解站点的概念，站点内文件夹及文件间的导航关系及如何利用Dreamweaver建立管理站点。

【考试要求】 利用Dreamweaver建立站点，使用文件视图管理站点，在站点中建立、删除文件和文件夹。 （三）网页文本和图片的处理 【内容提示】 文字和图片是网页的最基本元素。本部分介绍利用Dreamweaver在网页中有关文本和图片的各种操作。 【考试要求】 掌握在网页中添加文本，利用属性栏设置文本格式,建立文本样式，段落和换行的区别。在网页中插入图片的操作，图片的对齐，图片的替换文本，利用属性栏对图片进行简单编辑。 （四）网页中插入视音频FLASH等元素的基本操作 【内容提示】 视音频等媒体元素能使网页效果丰富多彩。此部分需要让学生了解如何在页面中插入视频音频及FLASH文件。 【考试要求】 掌握如何在页面中插入视频音频及视音频的常用参数设置。如何在页面中插入FLASH 按钮、FLASH文字、FLASH动画。 （五）多种超级链接的建立 【内容提示】 超级链接是众多网页文件间建立联系的关键。此部分介绍多种超级链接的建立和修改方法。 【考试要求】 掌握多种超链接（文本链接、图片链接、文件下载链接、锚点链接、邮件链接）的建立方法，及链接目标参数的设定。利用属性栏修改、删除超链接。 （六）表格、框架的使用 【内容提示】 表格和框架是网页布局的重要方法。本部分介绍网页中表格的相关操作和框架网页的建立方法。 【考试要求】 掌握表格的三种视图的使用；对普通表格和嵌套表格的操作；格边距和格间距的区别；建立框架网页 （七）制作网页模板 【内容提示】 网页模板使得同一网站的众多网页可以迅速拥有统一的风格，是批量制作网页，解决站点导航的有利工具。 【考试要求】 掌握利用表格制作包含网站导航栏的网页模板的方法，掌握利用模板套用网页和将模板从页面分离的方法。 （八）站点的发布和上传 【内容提示】

怎样制作网页制作网页详细操作步骤

怎样制作网页制作网页详细操作步骤 怎样制作网页制作网页详细操作步骤 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来 比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可 以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等， 这些工具主要编辑asp等动态网页。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了! 网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一 行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为 什么呢?常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢 大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵 循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站

那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的 特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要 是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围 内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸 引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站 就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可 以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为 自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座 漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只 有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有 吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制 作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民 选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool3d、GifAnimator等;还有网页特效 工具，如有声有色等，网上有许多这方面的软件，你可以根据需要 灵活运用。

web网站设计报告书

WEB 网站设计报告书 学年第 1 学期 设计题目： Web网站设计报告年级专业： 姓名学号： 所在学院：

目录 一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)

一、设计目的 在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为： 首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。

教你制作静态网页的方法

教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。

Web网页设计(博客网站)

《网站设计》课程设计说明书 一、课程设计的目的 《网站设计》课程设计是软件技术专业集中实践性环节之一，是学习完《高级语言程序设计》和《多媒体技术》课程后进行的一次全面的综合练习，其目的在于掌握网页设计的基本技能、加深数据库基础知识的理解，掌握使用sql2000、access建立数据库的基本方法，初步掌握图像处理以及简单的动画制作，为今后从事网站开发和毕业设计打好基础。 二、课程设计内容及要求 1、内容要求 “博客”。“博客”的英文为“WEBLOG”，WEBLOG是WEB LOG 的缩写，中文意思是＂网络文章＂，简称“网志”，后来缩写为BLOG，而BLOGGER（博客）则是写BLOG的人。具体说来，博客（BLOGGER）这个概念解释为使用特定的软件，在网络上出版、发表和张贴个人文章的人。 2、设计要求 1）使用HTML语言进行网页的布局和设计，可以使用文本文档，也可以使用Dreamweaver或Frontpage等网页设计工具。 2）使用CSS样式对网页的格式与外观进行定义。 3）使用客户端脚本来验证窗体数据的准确性。 4）使用ASP+Access实现网页的简单交互效果。 5）图像及多媒体动画的制作。 3、课程设计说明书 要求学生根据题目的基本要求，设计美观大方，完成课程设计说明书。 三、课程设计任务 1、使用HTML语言进行网页布局，使整个网页布局美观协调。 2、使用CSS样式进行网页的外观与格式的设计，要求字体的大小、颜 色，表格的边框、线型，边空与行高，背景图像与水印，超级链接的变化都在CSS文件或内嵌的CSS样式中进行定义。 3、网页中至少包含一个框架文件。 4、学会使用客户端脚本实现某些特效。（如字体的左右上下移动，图片 的翻转移动等）。 5、使用Photoshop、Fireworks进行简单图像处理，要求整个课程设计中 图像至少要有5幅是自己制作或处理的。

网页制作动态流程简介

实训13 FrontPage网页制作 1．实训目的 掌握FrontPage网页制作的基本方法。 掌握设置网页超链接、滚动字幕、悬停按钮等操作方法。 掌握网页浏览的方法。 2．实训内容 FrontPage的启动与关闭。 制作简单的网页。 对制作的网页进行编辑和修饰，效果如图11-34所示。 图11-34 效果图 3。实训步骤 （1）创建网页 启动FrontPage应用程序，单击“文件”下拉菜单中“新建”命令，弹出“新建”任务窗格，选择“新建网站”选项区的“由一个网页组成的网站…”，弹出“网站模板”对话框，选择“常规”选项卡中的“只有一个网页的网站”模板，如图11-35所示。 单击“确定”。

图11-35 “网站模板”对话框 （2）保存网页 单击“文件”菜单中的“另存为”命令，打开“另存为”对话框。 选择保存位置“我的文档\我的个人网站”，在“文件名”文本框中，输入“index”，在“保存类型”下拉列表框中，选择“网页”选项。单击“更改标题”按钮，将网页标题改为“我的个人主页”，单击“保存”按钮。 （3）插入滚动字幕 将光标定位于网页第一行位置。 单击“插入”菜单下的“Web组件”命令，弹出“插入Web组件”对话框，选择“动态效果”中的“字幕”，单击完成。 弹出“字幕属性”对话框，在“文本”框中输入“欢迎光临我的个人网站”，单击“样式”按钮，弹出“修改样式”对话框，再单击“格式”按钮，选择“字体”选项。 弹出“字体”对话框，设置字体为隶书、加粗、36pt、紫红色，然后按“确定”返回。 单击“预览”视图，可观看字幕效果。 （4）插入水平线 回到“设计”视图后，换行将鼠标指针置于第二行位置。 单击“插入”菜单下的“水平线”命令。 双击水平线，打开“水平线属性”对话框。 设置宽度为100%，高度为5像素，水平居中对齐方式，颜色为紫色。 （5）插入表格 将鼠标指针置于水平线的下一行，单击“表格”菜单中的“插入”“表格”命令，弹出“插入表格对话框。 在“大小”选项组中，设置表格的行数为4，列数为3。 在“布局”选项组中，设置表格的对齐方式为“居中”，边框粗细为1，单元格间距为1，指定宽度为650像素，指定高度为500像素。 单击“确定”按钮，一个表格便插入了网页中。 选中表格第一列，单击右键，弹出一快捷菜单，选择“合并单元格”命令。 在合并后的单元格中单击右键，再弹出的“快捷菜单”中选择“单元格属性”，在弹出的“单元格属性”对话框中作如下设置：对齐方式为居中，指定宽度为100像素，指定高度为550像素，行跨距为4，列跨距为1，背景颜色为粉色。

2020年WEB网站设计开题报告

xxweb网站设计开题报告 设计(论文)题目 基于Web的同学录管理系统的设计与实现 选题意义、研究现状及存在问题 1.1本课题的研究意义 近年来计算机技术的快速发展，特别是计算机网络的发展，深 刻的改变了人们生活的方方面面。使得人们能以更低廉的价格，开发出更方便、更实用的网络工具。各种在线服务系统，更是深刻的影响了人们的联系方式，使得人们可以在远隔千里即时通讯，过去的种种陈旧的联系方式，已经不能满足现代生活的需要。同学录作为一种方便校友之间联系的实用系统便应运而生。特别是提倡终生教育的今天，随着人的教育经历的增长，同学是越来越多，那么，同学信息的管理是我们每个人成长中必须管理的信息。对同学信息的增加、删除、修改、查询，以及数据的备份和恢复，还有相册的管理，都成为同学录管理系统不可缺少的部分。通过提供完善的同学录服务和规范的同学录管理，可以达到增进校友之间、校友与母校之间的感情，方便校友联系的目的。 1.2国内外研究现状、水平和发展趋势 目前世界上各种形式的同学录网站大约有28万个之多，它们在网民心中占有重要地位。以目前存在的同学录网站来看，大致有以下几类：(1)按收费方式分，有收费同学录和同学录，其中以后者居多，像中国人的超级校友录就是收费的同学录服务，而像友联同学录、网

易同学录等大部分提供的是校友录服务;(2)按提供同学录服务所在网站分，有大专院校自己网站上的同学录，如西北大学校友录;有专门单独的同学录网站，如世纪同学录;有综合网站上的同学录，如ChinaRen校友录、新浪校友录、校内网等等，其中以综合网站上的校友录居多。国内的同学录，目前仍然以ChinaRen、校内网和5460最具知名度，这三个同学录在众多的同学录网站中人气最旺，经营状况良好，占据了这个领域的大部分份额，但5460更多是在吃“资历老”的老本，呈现下降趋势。其他的同学录如友联、网易、新浪、亿唐、网大也占有一定份额。 班级同学录的形式和班级实体的构成是一样的，由班级管理员负责维护界面。方便实用的留言版让每一个班级成员都有畅所欲言的权利，在这上面，你可以怀旧，可以抱怨，可以展望，总之只要班级管理员不干预，你可以发表任何言论;班级相册是同学录最直观、最具吸引力的一个功能，通过简单快捷的方法把照片上传到同学录供朋友们观赏，可以让同学不会因为时间的流逝而忘记自己的长相;通过班级聊天室可以在线聊天; “生日榜”可以提醒大家对即将过生日的同学送去美好祝福;班级通讯录被喻为是永远不会丢失的现代化地址簿，可以随时随地调出;如果你有重要通知要告诉所有的同学，不用一个个的发信息，通过利用消息群发功能就能实现。经过多年的发展同学录管理系统发展逐渐成熟，同学录系统无论是在功能、用户界面等方面都得到了很大

网页制作步骤

网页制作步骤 一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。二搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。六、上传测试页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP 功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 在做我的个人网页这段时间里，我学到了好多东西，对网页有了一定的了解，当初上网，打开网页浏览时，从不去想这网页是怎么做的，我只是去看它的内容，网页做的好不好很少去问，只要有自己要的内容就行了。然而现在不一样了，现在自己要去学着做自己的网页了，这时候我才意识到，去看别人做的网页，不能光看内容了，它的布局，它的设计，对我的网页是有帮助的，我一定要去看，学习别人的特长。从此，不管上什么样的网站，看什么样的网页，我都不光去看它们的内容了，我还会去看它们的布局，看它们的代码，有的布局如此巧妙让我难以想像，这里面蕴涵了太多太多的技巧。好的网页我都迫不及待的把它们下载下来，以便日后为我所用。 制作过程中，有时碰到一个自己不怎么会的技巧，真的很着急，热锅上的蚂蚁一样，但蚂蚁

web网页设计报告

web网页设计 专业物流工程学院 班级物流1301 姓名维源 学号 09 2016年5月4日

第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人。在做个人之前，我做以下准备：理清自己的思绪，想清楚自己的设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页容。 第四部分：个人的总体规划和步骤 1．设计的思路 我的个人主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色的意义 我设计的这个主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。 的总体风格

的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 的布局其实很简单，主要是做好一个模版，模版做好框架了，那就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风格都非常相似，但是各个页面都具有各自的特色，让我们感受到自己的空间的个性。 绿色的容结构也很简单，分类清楚。页面的层次也很明确，访问者可以很明确的感受到制作的人的心情和性格。 绿色的主要色调是以绿色为主。鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。以淡色为辅，两种颜色的结合更体现出了青春与活力。 淡绿色主要采用的是环型结构，每一个页面连接另一个页面，使各个页面能方便的跳转。 4 的分析与设计 设计一个个人,主要需要考虑两个方面的因素: 1.速度:反应出用户访问页面的速度。主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 2．布局：是个人具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 5．规划站点 站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设计甚至的制作会有事半功倍的效果。 4．1导航草图的制作有利于理清思路，避免在制作的过程中乱了方寸。如图4-1所示就是个人粉色的初始导航草图。