个人网页设计说明。doc(精选5篇)

时间:2019-05-13 04:56:02下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《个人网页设计说明。doc》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《个人网页设计说明。doc》。

第一篇:个人网页设计说明。doc

网页设计说明

网站主题是:个人网站《我做的游戏网站》

整个网站分为一个主页,3个超级链接。包括:最新新闻,相册,玩家视频,分享视频,登陆,注册.一、表格定位

1,根据要求建立站点

2,把要用到材料放在站点文件夹中

3,建立主页,建立空白页后,点”插入“菜单,选择”表格“选项。选择相关参数:8行3列 最后,调整表格宽度1024,边框粗细0.并在”属性“栏设置为“居中”。

4,页面属性,分类-外观,插入背景图片素材,设置相应大小,字体颜色,字体大小。5,按住CTRL键,点击第一列第二行和第三行这两个单元格,点击鼠标右键,表格-合并单元格。

6,将主页制作完毕之后保存为模板。

二、超级链接,在模板中使用可编辑区域制作子页。

1,在主页上插入模板可编辑区域来制作子页,用于超级链接的目的页。2,在主页要建立超级链接的位置输入文字。如“相册”,然后选中“相册”在属性栏中的”链接“框中输入相关文件全名。

3,把超级链接的字体颜色改为黑色,并把字体大小设为14,再在页面的”页面属性“中把下划线样式设为“仅在变换图像时显示下划线”。

4,插入一张用于超级链接的导航图片素材,链接中,用 指向文件选择要链接的子页。这样点击链接图片即可进入子页。

三,表单

1,建立一个新网页“留言板”。

(1)在”插入“菜单中选中”表单,插入文本字段、文本区域、单选框、复选框、按钮等相关部件

(2)在“属性”栏中设置好每个部件的属性。再将主页中的留言板的超级链接图片与这个新网页链接。

2,在主页,设计一个登录的表单。第一列第二行插入表单,插入文本域(用户名,密码),插入菜单按钮,将提交改为登录。3,(1)在登录表单上插入一个注册的超级链接图片,建立一个新的注册网页,插入文本域,单选按钮组,列表菜单等,设置用户名,密码,密码找回提问设置,性别选择等。(2)插入表单 按钮,“立即登录”。保存。

(3)然后将注册超级链接图片 用指向文件链接到新保存的注册网页,再保存即可。

四、插入Flash、背景音乐 1,(1)把需要插入的Flash文件准备好

(2)建立新网页,在要插入的位置,点击“插入”菜单选“媒体”里面的“Flash文件”打开对话框添加到相应的位置

(3)调整位置和设置相关参数。

2,在第一列第三行插入背景音乐。点击“插入”菜单选“媒体”里面的“SHACKWAVE”文件,打开准备好的音乐素材。将播放器调整合适的大小。

五、CSS样式

这里以设置浏览器中的文字大小为例: 1,打开网页文档“个人简介.htm”

2,在“文本”菜单中选中“CSS样式”点击“新建”按钮,弹出对话框。相关选项如图 3,在“标签选择器”上选定标签,然后在标签上单击鼠标右键,在弹出的快捷菜单中选中【设置类】设置为“字体”。保存。

4,在CSS样式中,分类-扩展,滤镜中选择 shadow(color=60,Direction=90),保存。

六,滚动图片和去下划线

1,在主页第四行第二列插入三张生活照素材。2,点击第一张图像,切换到拆分视图,在相应位置输入以下代码:

3,选中最后一张图像,在相应的位置上输入

4,在页面属性中去掉下划线,超级链接设置为变化图像时现实下划线。保存。

七,填充空白,使主页更完善。1,在第三行第二列插入动感图片。2,在第三行第三列插入“分享大全”,和两个超级链接文章。3,在第7行居中位置插入四幅图像。

4,在第8行居中位置输入超级链接图片(留言板)。设置超级链接图片高160,宽20.郅勉

第二篇:个人网页设计说明文档

个人网页设计说明文档

我的个人网页包括了一个主网页“index.html”以及6个与主网页相链接的网页,再向其中镶嵌一系列的图像以及背景音乐来使得个人网页增色不少,充分运用了HTML技术进行页面结构设计、CSS技术进行页面样式展示以及通过JavaScript控制动态行为来完成规范的网页制作。主题内容以“个人的简单的信息、个人的对大学的规划以及音乐”,主题内容积极健康,生机勃勃,表现出大学生的活力与激情!

我的主网页“index.html”以CSS/DIV来对网页页面进行布局,充分运用DIV对各DIV层进行定义,全局则通过CSS进行定义,对页面的布局进行分割,将整个页面分为头部(top)、导航(banner)、内容(content)、底部(bottom)4个区域。除了内容区域外,其它4个部分都属于相对固定的区域。

首先,主页面的头部是一个“光良宣传”的图片,体现了我爱音乐、喜爱光良。接下来的是个人的信息导航,介绍个人的姓名、学号、人生规划以及简单介绍了下自己,并且大学规划和我资料处还设置了超链接,分别链接到“大学规划.html”“个人简历.html”两个链接网页;接下来的是两张新颖的图片的恰当的嵌入,并且其中一张图片中还引入了三个超链接,介绍“光良”、“软件会计”、“德智体美”,各个方面描述。。。

其次,在主网页内容上面层次非常清晰,内容主要是介绍自己对大学生活的感悟以及对大学生活的希冀,用表单中的多行文本输入框对文章内容进行编辑和创作,用