网页设计说明书

目录

第一章:网页设计规划........................................................................................ 1

一、整体规划 ................................................................................................ 1 1.网页设计目的..................................................................................... 1

2.网页定位:......................................................................................... 1

3.网页模块的设置................................................................................. 1

第二章:网页设计与制作 .................................................................................... 1

一、主页设计 ................................................................................................ 1

1.模块设计............................................................................................. 1

2.风格与色彩......................................................................................... 2

二、子页设计 ................................................................................................ 2

1.基本信息模块..................................................................................... 2

2.学习成绩模块..................................................................................... 2

3.获奖情况模块..................................................................................... 2

4.实践经历模块..................................................................................... 2

总结 ........................................................................................................................ 3

第一章:网页设计规划

一、整体规划

1.网页设计目的 我们读书就是为了获得知识,学习了网页设计就是为了把它运用到实际中。此次网页设计的目的有三个。第一,完成我们的考试,对我们平时学到的知识进行考核。第二,把学到的知识运用到实践中。正值大四,求职是我们必须面对的事情,一份完美的简历是找到一份满意工作的敲门砖。把自己的简历做成个人网页是一个独特新颖的方式,能让大家直观快速地了解我。第三,在此次的网页设计中,能把之前学到的知识前后联系起来,系统地得到复习,加强对知识的掌握程度。

2.网页定位:

1) 让大家更快更全面地了解我。

2) 把自己以最新颖的方式推荐给大家。

3) 网页设计风格要符合简历本质的要求。

3.网页模块的设置 此次网页设计共分成五个模块。第一个是网页主页,其次是四个子网页,分别是我的基本信息、学习成绩、获奖情况、实践经历四个模块。主页中包含有四个子网页的链接。

在基本信息页面中,可以了解到我的个人信息、优势、技能和在校任职情况等。在学习成绩模块可以了解到大学期间每个学期我的综测排名情况,还可以链接到我的详细成绩单。获奖信息页面中可以了解到大学期间不同时间段我获得的奖励,并附上了主要的几张奖状。在实践经历页面中可以了解到大学期间我的一些实践情况以及每次实践经历后提高的能力。

第二章:网页设计与制作

一、主页设计

1.模块设计

此页面上包含四个链接图标,分别为基本信息、获奖情况、学习成绩和实践

经历。在photoshop中制作好四个链接图片,设定图片大小。通过使用标签在HTML中创造链接,使用herf属性创建指向另一个文档的链接。通过标签定义链接图片的样式信息,再通过

定义每一个区域段。根据背景属性设置背景图片。通过标签插入背景音乐。为了增加网页的画面感加入一个特效-----浮动在窗口的图片,该图片在photoshop中制作,之后对下载的特效代码进行修改,以适合该网页设计的要求。

2.风格与色彩

页面背景使用花瓣飘落的动态图片,给人以画面美,四个链接图片同样是粉色花朵为底色,融入整个背景之中。黑色的背景映衬下,花瓣越发鲜艳,同时整个画面不会因为飘动的花瓣而显得杂乱。浮动的图片采用与背景有一定对比度的米色和红色,使其识别度更高,其中的字体表达了对浏览该网页人们的尊重。“个人简历”四个字位于页面正中间并采用与背景对比度很大的颜色,达到醒目的效果。背景音乐为“我相信”,一首很励志的歌曲,与网页设计内容相称,同时通过歌词让大家对我留下深刻的第一印象。

二、子页设计

1.基本信息模块

该子网页包含了我最基本的信息,通过

标签定义个人信息和在校任职情况两个表格,设置边框属性border为3显示边框。通过标签定义优势和技能的多行输入文本控件。插入图片特效,把制作好的照片保存到文件夹中,修改特效代码,使其大小和特效效果符合整个页面结构。五张照片中,包含一张工作照和四张生活照,使大家能更全面的了解我。背景图片采用竹子的水墨画,向大家传达自己的虚心和正直。

2.学习成绩模块

该子网页上包含了综测排名情况和详细成绩单的超链接。背景是梅花图案,传达出自己不屈不挠的品质。旁边附有《出师表》的节选。梅花和该词都是与学习相关的积极的意象,与该子网页内容紧密相关。

3.获奖情况模块

获奖情况通过

定义无序列表,列出在校期间每天获得的奖励。插入与基本信息页面相同的特效,把照片替换成几张主要的奖状,是大家更直观的了解到该模块信息。因为奖状色彩比较多,所以采用白色系列图片。

4.实践经历模块

该网页页面通过

标签定义实践经历表格。根据内容设定表格的宽度,根据属性设置文字在表格中的对齐方式。背景图片中阳光表示希望,宽阔的天空、辽阔的草地上放着书本表达了不仅要学习更要走出课本,去接触外面的社会和世界,理论结合实践,才会得到更广阔的视野,得到更丰富的知识。

总结

本次网页设计我制作了个人简历网页。首先根据自己想到表达的内容确定设计思路,大致确定设计风格、构建整体布局。紧接着进行素材收集,素材包括必要的照片、图片和网页特效代码。一切准备就绪之后,利用PhotoShop对图片进行处理使之符合设计思路和网页页面大小要求,对必要的文字进行特效处理,使之切合网页设计的整体设计格局。然后进行HTML网页编辑。

在设计制作的整个过程中,加深了对网页设计的认识和理解,使学到的理论知识运用到实践中。在设计制作中遇到一些困难,通过查阅资料和搜索问题得到解决,自信心页随之增强。网页设计需要自己的创意,同时也需要小心谨慎,也许一个符号的错误就可能导致所有的代码都无法运行。

目录

第一章:网页设计规划........................................................................................ 1

一、整体规划 ................................................................................................ 1 1.网页设计目的..................................................................................... 1

2.网页定位:......................................................................................... 1

3.网页模块的设置................................................................................. 1

第二章:网页设计与制作 .................................................................................... 1

一、主页设计 ................................................................................................ 1

1.模块设计............................................................................................. 1

2.风格与色彩......................................................................................... 2

二、子页设计 ................................................................................................ 2

1.基本信息模块..................................................................................... 2

2.学习成绩模块..................................................................................... 2

3.获奖情况模块..................................................................................... 2

4.实践经历模块..................................................................................... 2

总结 ........................................................................................................................ 3

第一章:网页设计规划

一、整体规划

1.网页设计目的 我们读书就是为了获得知识,学习了网页设计就是为了把它运用到实际中。此次网页设计的目的有三个。第一,完成我们的考试,对我们平时学到的知识进行考核。第二,把学到的知识运用到实践中。正值大四,求职是我们必须面对的事情,一份完美的简历是找到一份满意工作的敲门砖。把自己的简历做成个人网页是一个独特新颖的方式,能让大家直观快速地了解我。第三,在此次的网页设计中,能把之前学到的知识前后联系起来,系统地得到复习,加强对知识的掌握程度。

2.网页定位:

1) 让大家更快更全面地了解我。

2) 把自己以最新颖的方式推荐给大家。

3) 网页设计风格要符合简历本质的要求。

3.网页模块的设置 此次网页设计共分成五个模块。第一个是网页主页,其次是四个子网页,分别是我的基本信息、学习成绩、获奖情况、实践经历四个模块。主页中包含有四个子网页的链接。

在基本信息页面中,可以了解到我的个人信息、优势、技能和在校任职情况等。在学习成绩模块可以了解到大学期间每个学期我的综测排名情况,还可以链接到我的详细成绩单。获奖信息页面中可以了解到大学期间不同时间段我获得的奖励,并附上了主要的几张奖状。在实践经历页面中可以了解到大学期间我的一些实践情况以及每次实践经历后提高的能力。

第二章:网页设计与制作

一、主页设计

1.模块设计

此页面上包含四个链接图标,分别为基本信息、获奖情况、学习成绩和实践

经历。在photoshop中制作好四个链接图片,设定图片大小。通过使用标签在HTML中创造链接,使用herf属性创建指向另一个文档的链接。通过标签定义链接图片的样式信息,再通过

定义每一个区域段。根据背景属性设置背景图片。通过标签插入背景音乐。为了增加网页的画面感加入一个特效-----浮动在窗口的图片,该图片在photoshop中制作,之后对下载的特效代码进行修改,以适合该网页设计的要求。

2.风格与色彩

页面背景使用花瓣飘落的动态图片,给人以画面美,四个链接图片同样是粉色花朵为底色,融入整个背景之中。黑色的背景映衬下,花瓣越发鲜艳,同时整个画面不会因为飘动的花瓣而显得杂乱。浮动的图片采用与背景有一定对比度的米色和红色,使其识别度更高,其中的字体表达了对浏览该网页人们的尊重。“个人简历”四个字位于页面正中间并采用与背景对比度很大的颜色,达到醒目的效果。背景音乐为“我相信”,一首很励志的歌曲,与网页设计内容相称,同时通过歌词让大家对我留下深刻的第一印象。

二、子页设计

1.基本信息模块

该子网页包含了我最基本的信息,通过

标签定义个人信息和在校任职情况两个表格,设置边框属性border为3显示边框。通过标签定义优势和技能的多行输入文本控件。插入图片特效,把制作好的照片保存到文件夹中,修改特效代码,使其大小和特效效果符合整个页面结构。五张照片中,包含一张工作照和四张生活照,使大家能更全面的了解我。背景图片采用竹子的水墨画,向大家传达自己的虚心和正直。

2.学习成绩模块

该子网页上包含了综测排名情况和详细成绩单的超链接。背景是梅花图案,传达出自己不屈不挠的品质。旁边附有《出师表》的节选。梅花和该词都是与学习相关的积极的意象,与该子网页内容紧密相关。

3.获奖情况模块

获奖情况通过

定义无序列表,列出在校期间每天获得的奖励。插入与基本信息页面相同的特效,把照片替换成几张主要的奖状,是大家更直观的了解到该模块信息。因为奖状色彩比较多,所以采用白色系列图片。

4.实践经历模块

该网页页面通过

标签定义实践经历表格。根据内容设定表格的宽度,根据属性设置文字在表格中的对齐方式。背景图片中阳光表示希望,宽阔的天空、辽阔的草地上放着书本表达了不仅要学习更要走出课本,去接触外面的社会和世界,理论结合实践,才会得到更广阔的视野,得到更丰富的知识。

总结

本次网页设计我制作了个人简历网页。首先根据自己想到表达的内容确定设计思路,大致确定设计风格、构建整体布局。紧接着进行素材收集,素材包括必要的照片、图片和网页特效代码。一切准备就绪之后,利用PhotoShop对图片进行处理使之符合设计思路和网页页面大小要求,对必要的文字进行特效处理,使之切合网页设计的整体设计格局。然后进行HTML网页编辑。

在设计制作的整个过程中,加深了对网页设计的认识和理解,使学到的理论知识运用到实践中。在设计制作中遇到一些困难,通过查阅资料和搜索问题得到解决,自信心页随之增强。网页设计需要自己的创意,同时也需要小心谨慎,也许一个符号的错误就可能导致所有的代码都无法运行。


相关内容

  • 链式输送机传动装置
  • 下载不了的qq联系:545572133 目 录 一 课程设计任务书 ....................... 2 二 设计要求 .............................. 2 三 设计过程 ..............................2 1. 确定传动方案 . ...

  • 关于毕业设计说明书撰写的指导意见
  • 盐城机电职业技术学校关于毕业设计说明书撰写的说明 毕业设计说明书是学生对其完成的具体毕业设计课题的说明性文件,是学生毕业设计的主要成果之一. 一份具体的毕业设计说明书,能够反映该生查阅和应用文献资料的能力.综合运用知识的能力,反映该生对专业研究方法.手段和技能的运用能力,能够完整地反映该生毕业设计期 ...

  • 城市建筑方案设计文件编制深度规定
  • 筑龙网 ww 城市建筑方案设计文件编制深度规定 第一节 总则 1.0.1 为加强对城市建筑方案设计编制工作的管理,保证方案阶段的设计质量,特制定本规定. 1.0.2 本规定适用于民用建设工程方案设计.一般工业建筑工程的方案设计深度可参照本规定执行. 1.0.3 方案设计的编制,必须贯彻执行国家及地方 ...

  • 制药工艺学课程设计要求和设计任务书
  • 制药工艺学课程设计 一.课程设计的目的与任务 本课程设计的目的是培养学生综合运用所学知识,特别是本课程的有关知识解决制药工程车间设计实际问题的能力,使学生深刻领会洁净厂房GMP 车间的基本程序.原则和方法:掌握制药工艺流程设计.物料衡算.设备选型.车间工艺布置设计等的基本方法和步骤:从技术上的可行性 ...

  • 兰州交通大学毕业设计(论文)任务书
  • 兰州交通大学毕业设计(论文)任务书 课题 姓名 蔡子轩 专业 水电站厂房结构设计 水利水电 班级 水利 1001 设计内容如下: (1) 根据已知基本资料确定厂房轮廓尺寸,绘出厂房典型横剖面图.发电机层 平面布置图. (跨度 15m 柱距 6m 进行结构设计) (2) 对下列建筑物进行结构计算:厂房 ...

  • 风景园林工程设计文件编制深度规1
  • 风景园林工程设计文件编制深度规定 我国的城市建设和环境建设正以前所未有之势高速发展,风景园林工程设计已经成为人居环境科学的一部分.目前,从事风景园林工程设计的从业人员所学的专业尚不一致,国家有关风景园林工程的设计文件编制内容和技术规定还未有统一的明文规定. 为了适应我国城市环境建设的需要,规范风景园 ...

  • 风景园林工程设计文件编制深度规定
  • 风景园林工程设计文件编制深度规定 1 总则 1.0.1 为加强对园林景观工程设计文件编制工作的管理,保证设计文件的质量和完整性,特制定本规定. 1.0.2 本规定适用于新建.改建和扩建的园林景观工程设计. 1.0.3 园林景观工程的设计阶段一般分为方案设计.初步设计和施工图设计三个阶段.必要时,可增 ...

  • 机械工程学院本科毕业设计(论文)管理规范
  • 机械工程学院本科毕业设计(论文)管理规范 毕业设计(论文)教学是实现本科培养目标的重要环节.毕业设计(论文)是学生毕业前的最后学习阶段,是学习的深化与升华的重要过程:是学生学习.研究与实践成果的全面总结:是学生创新思维.综合素质与工程实践能力培养效果的全面检验:是学生毕业及学位资格论证的重要依据:是 ...

  • 课程设计-汽车总体设计概述
  • <车辆专业课程设计>概述 第一节 课程设计的目的和要求 一.课程设计的目的 经过若干学期的车辆工程专业的理论学习,车辆工程专业的本科生亟待进行一次综合性较强的实践环节来检验学习效果,深入掌握所学内容,为日后做好毕业设计,走上工作岗位和生产应用进行一次综合训练和准备.具体如下. (1) 培 ...

  • 风景园林工程初步设计设计文件编制深度
  • 3初步设计 3.1 一般规定 3.1.1 设计文件内容 1 目录. 2 设计说明书:包括设计总说明.各专业设计说明. 3 设计图纸:按设计专业汇编. 4 工程概算书. 注:初步设计文件应包括主要设备或材料表.苗木表. 3.1.2 设计文件的编排顺序 1 封面:写明项目名称.编制单位.编制年月. 2 ...