简单网页设计————个人简介.doc

天津城建大学 网站建设与管理专题报告 ? 学号 学生姓名 路江飞 专业名称 计算机 年级 班级 11卓越七班 成绩 2013年 11月 天津城建大学 设计性实验任务书 计算机与信息工程 学院 计算机 专业 卓越七 班 姓名 路江飞 学号 课程名称： 网站建设与管理 设计题目： 个人网站的建设与管理 完成期限：自 2013 年 9月 21 日至 2013 年 11 月 9 日 设计依据、要求及主要内容（可另加附页）： 1设计依据: 本课程设计是依据网站建设与管理为设计依据, 从技术、管理角度，掌握网站系统建设与管理的基础知识、网站规划设计、网站平台建设、网站系统管理、网站发布与维护、FTP服务器管理、索引服务器管理、网站数据库管理、网站安全管理以及网站宣传与推广等内容。 2设计要求: 1．遵守网站设计原则。 2．合理的、符合逻辑的网站结构。 3．网站内容要丰富、简洁明快、独具特色、保持统一的风格。要求图文并茂，颜色搭配合理。但是图片、动画、音频及视频文件不要太大。希望充分发挥各自的创造能力。 4．遵守网页设计规则。 5. 遵守网站技术规范。 一、设计与管理内容 设计一个主题为介绍性网页，通过网页把自己的一些观点介绍给大家，用自己所学习的网页知识来完成，使网页达到一定的效果，所包含的内容全面运用的网页知识丰富。 二、网站项目需求说明 登录模块：显示用户名和密码界面 主页模块：显示个人的简介和照片 收藏模块: 显示相册，包括三个相册，分别为卓越七班，My Life,我的图片 梦想模块：显示自己对生活和以后工作的观点以及相应的图片和简单的视频 三、网站总体设计技术 首先构思出网页的大致结构，把网站分成若干个独立的页面，把每个页面划分成不同的模块，从网络上面下载资源，然后再主页上面建立相应的链接键，链接相关的内容。网页包括：登陆界面，主页，搜藏，信仰等模块，通过链接把这些子网页链接到主网页不同的模块上面，从而实现各个网页之间的联系和转换。 在网页中插入图片和flash使得网页更加的有活力，同时不同的模块选用不同的颜色字体使网页更有层次感。同时在不同的子网页中针对各个主题插入有符合主题的背景音乐进一步完善网站。 四、网站开发建设方案 1、整理规划网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性确定好目标之后，需要注意的是在设计中要在不同的浏览器中浏览自己的网页，看看有没有发生变化。、新建站点规划好站点之后，就可以用专门的网页开发软件创建站点了。在创建站点之前，我们应该首先在我们的磁盘上创建一个文件夹，用于存放站点内的所有资源，当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。、收集资源确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源，其中包括以下资源：文字资料：文字是网站的主题。无论是什么类型的网站，都要离不开叙述性的文字。离开了文字即使图片再华丽，浏览者也不知所云。所以要制作一个成功的网站，必须要提供足够的文字资料。图片资料：网站的一个重要要求就是图文并茂。如果单单有文字，浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片，让浏览者能够了解更多的信息，更能增加浏览者的印象。动画资料：在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多，所以建议大家应该学会Flash制作动画的一些知识。其它资料：例如网站上的应用软件，音乐网站上的音乐文件等等。、布局页面设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版：利用表格进行排版：表格主要有三个元素－表格、行和列及单元格，而且表格还可以嵌套，不过在这里建议大家不要把所有的网页都放在一个大表格中，并且嵌套最好不要超过３层，因为如果你那样做了，浏览器解析的时间会增加了，那么当浏览者访问时速度就慢了。利用层排版：层很适合形式自由的排版，现在ＷＥＢ标准建议排版时抛弃表格，不过如果初学者学习利用层排版时还要学习其它好多相关知识，其中最重要的是CSS和Javascript