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

《简单网页设计————个人简介》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、天津城建大学网站建设与管理专题报告 学号11710115学生姓名路江飞专业名称计算机年级班级11卓越七班成绩2013年11月天津城建大学设计性实验任务书计算机与信息工程学院计算机专业卓越七班姓名路江飞学号:11710115课程名称：网站建设与管理设计题目：个人网站的建设与管理完成期限：自2013年9月21日至2013年11月9日设计依据、要求及主要内容（可另加附页）：1设计依据:本课程设计是依据<<网站建设与管理>>为设计依据,从技术、管理角度，掌握网站系统建设与管理的基础知识、网站规划设计、网站平台建设、网站系统管理、网站发布与维护、FTP服务器管理、索引服务器管理、网站数据库管理、

2、网站安全管理以及网站宣传与推广等内容。2设计要求:1．遵守网站设计原则。2．合理的、符合逻辑的网站结构。3．网站内容要丰富、简洁明快、独具特色、保持统一的风格。要求图文并茂，颜色搭配合理。但是图片、动画、音频及视频文件不要太大。希望充分发挥各自的创造能力。4．遵守网页设计规则。5.遵守网站技术规范。一、设计与管理内容设计一个主题为介绍性网页，通过网页把自己的一些观点介绍给大家，用自己所学习的网页知识来完成，使网页达到一定的效果，所包含的内容全面运用的网页知识丰富。二、网站项目需求说明登录模块：显示用户名和密码界面主页模块：显示个人的简介和照片收藏模块:显示相册，包括三个相册，分别为<<

3、卓越七班>>，<>,<<我的图片>>梦想模块：显示自己对生活和以后工作的观点以及相应的图片和简单的视频三、网站总体设计技术首先构思出网页的大致结构，把网站分成若干个独立的页面，把每个页面划分成不同的模块，从网络上面下载资源，然后再主页上面建立相应的链接键，链接相关的内容。网页包括：登陆界面，主页，搜藏，信仰等模块，通过链接把这些子网页链接到主网页不同的模块上面，从而实现各个网页之间的联系和转换。在网页中插入图片和flash使得网页更加的有活力，同时不同的模块选用不同的颜色字体使网页更有层次感。同时在不同的子网页中针对各个主题插入有符合主题的背景音乐进一步完善网站。四、网

4、站开发建设方案1、整理规划网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性。确定好目标之后，需要注意的是在设计中要在不同的浏览器中浏览自己的网页，看看有没有发生变化。2、新建站点规划好站点之后，就可以用专门的网页开发软件创建站点了。在创建站点之前，我们应该首先在我们的磁盘上创建一个文件夹，用于存放站点内的所有资源，当然如果你的站点资源比较丰富这是可以建立子文件夹存

5、放站点内相应的资源。创建站点：在Dreamweaver中执行【站点】

6、【新建站点】命令，弹出【未命名站点1的站点定义为】对话框，这个对话框包括【基本】选项卡和【高级】选项卡。在对话框的【基本】选项卡中输入新建站点的名称，单击下一步，在弹出的对话框中设置站点的文件类型，单击下一步，在弹出的对话框中选择编辑站点文件的方法，并在下面的文本框中输入新建站点所知的目录。单击下一步，进入共享文件窗口，在“您如何选择连接到远程服务器？”，选择“无”。单击下一步，进入总结窗口，点击完成按钮，再次弹出“管理站点”对话框，在“管理站点”对话框中显示出新建本地站点的名称。单击完成，站点创建完成。3、收集资源

7、确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源，其中包括以下资源：（1）文字资料：文字是网站的主题。无论是什么类型的网站，都要离不开叙述性的文字。离开了文字即使图片再华丽，浏览者也不知所云。所以要制作一个成功的网站，必须要提供足够的文字资料。（2）图片资料：网站的一个重要要求就是图文并茂。如果单单有文字，浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片，让浏览者能够了解更多的信息，更能增加浏览者的印象。（3）动画资料：在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多，所以建议大家应该学会Flash制作动画的一些知识。（4）其它资料：

8、例如网站上的应用软件，音乐网站上的音乐文件等等。4、布局页面设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版：（1）利用表格进行排版：表格主要有三个元素－表格、行和列及单元格，而且表格还可以嵌套，不过在这里建议大家不要把所有的网页都放在一个大表格中，并且嵌套最好不要超过３层，因为如果你那样做了，浏览器解析的时间会增加了，那么当浏览者访问时速度就慢了。（2）利用层排版：层很适合形式自由