dw网页设计模板

存档资料成绩：

课程设计报告书

课程名称网页设计与制作

题目设计个人网站主页

分院电信分院

专业班级电子商务

学号

学生姓名

指导教师

2011 年 6月 20日

课程设计评阅意见

评阅人__________职称________

年月日

目录

第1章课程设计任务书 .................................. 错误!未定义书签。

一、课程设计题目设计个人网站主页............... 错误!未定义书签。

二、课程设计工作：................................... 错误!未定义书签。

三、课程设计的内容要求：............................. 错误!未定义书签。

1、课程设计要求.................................. 错误!未定义书签。

2、课程设计内容.................................. 错误!未定义书签。

第2章课程设计目的 .................................... 错误!未定义书签。

第3章课程设计内容................................... 错误!未定义书签。

设计一选题的

存档资料 成绩：

课程设计报告书

课程名称 网页设计与制作

题 目 设计个人网站主页 分 院 电信分院 专业班级 电子商务 学 号 学生姓名 指导教师

2011 年 6月 20日

课程设计评阅意见

等 级 序号 项 目 优秀 1 课程设计态度评价 2 出勤情况评价 3 任务难度评价 4 工作量饱满评价 5 设计中创新性评价 6 论文书写规范化评价 7 综合应用能力评价 良好 中等 及格 不及格

评阅人__________职称________

年

网 页 网页名称：专业名称：班级名称：姓 名：学 号：完成时间：设 计 说 明 书

博客 软件技术 软件一班 20135533116 一月3号

“XXXX（网站标题）”网页设计说明书

一、网站规划设计说明

注：请按以下模板填写，文字说明必须与所设计的网站实际内容严格对应，文中所有红字

部分属于说明注释的部分，填好后应全部删除红字。

1、网站需求和目的 简述本网站制作的目的，面向的用户群。网站具备的功能和期望达到的目标。 目的：简单的博客制作 面向对象：全体客户 功能：简单的链接

期望：实现人机交流及人人网上互动

2、网站栏目规划

简要说明一下栏目设计，共几个栏目。 栏目1:index.html,主页 栏目2:link，链接页（音乐） 栏目3:link1，链接页（文字） 栏目4:link2，链接页（图片） 栏目5：link3，链接页（视频）

3、网页内容规划

首页中的内容版块包含以下几个部分： 页面头部：LOFTER博客

栏目导航：图片链接（视频，文字，音乐，图片） 具体内容：博主头像，好友作品，及几张图片 版权声明：计算机少年|power by lofter 首页截图（index.html）：

二级栏目页截图（请说

个人简历表

个人简历

个人简历

姓名：_____________________________ E _ mail ：_____________________________联系电话：_____________________________联系地址：_____________________________

个人概况：

姓名：________________ 性别：________

出生年月：____年__月__日健康状况：___________

毕业院校：_______________专业：____________________

电子邮件：_______________手机：____________________

联系电话：_______________

通信地址：_______________邮编：____________________

教育背景：

____年--____年___________大学__________专业(请依个人情况酌情增减)

主修课程：

________________________________________________(注：如需要详细成绩单,请联系我)

论文情况：

______________________________

三大原则：

1建立网页前 需要新建一个网站

2文件名，对象ID名 ，尽量使用英文，拼音，数字 尽量避免使用中文 3尽量要存盘

首页一般命名为：index.html或default.html

外观（基于CSS）

页面属性中设置外观字体时，中文一般只添加 宋体 黑体 仿宋体 楷体（防止用户因未安装相应字体而无法正常浏览） 字体大小：一般为9 pt 连接 字体大小：9 pt

变幻图像颜色：鼠标放到连接上显示的颜色 已访问链接颜色：已访问过的链接显示的颜色

活动链接：当点连接时闪烁的颜色 或者点击不松手时显示的颜色 标题（正文中的标题） 标题/编码（网页的标题）

文档类型：HTML4.0 transitional XHTML1.0 transitional 跟踪图像：网页排版时候的模板框架 即草图 若要基于HTML

编辑->首选参数->常规->是用CSS而不是是用HTML（勾选与取消来切换）

HTML基础

HTML文件开始 该文件的头部开始 ?? 该文件的头部内容 该文件的头部结束 该文件的主体开始 ?? 该文件的主体内容 该文件的主题结束 HTML

第1章 引言

1.选择题

（1）通常网页的首页被称为（ A ）。

A．主页 B．网页 C．页面 D．网址 （2）网页的基本语言是（ C ）。

A．JavaScript B．VBScript C．HTML D．XML

（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。

A．http://www.263.com B．http:\\\\www.263.com C．ftp://www.263.com D．mailto:www.263.com （4）下列不属于Macromedia公司产品的是（ D ）。

A．Dreamweaver B．Fireworks C．Flash D．Frontpage （5）下列属于静态网页的是（ A ）。

A．index.htm B．index.jsp C．index.asp D．index.php （6）属于网页制

题 目； Dreamweaver 网页设计 系(部)院： 信息工程学院

专 业： 教育技术 作者姓名： 冯彩娟 指导教师： 马月进 完成日期： 2011年 6 月 20 日

陇东学院信息工程学院教育技术班

Dreamweaver网页设计

摘 要:

Dreamweaver网页设计，简单的说就是教会你怎么制作网站。通常由个人或者专门的部门设计、开发、维护。本文给出了网站设计详细设计与开发过程，本网站是基于html语言、css、javascricp代码，在Dreamweaver 8.0环境下完成的。网站实现了向广大网络用户展示如何设计网站，如确定主题、网站规划、素材收集、风格设计、内容设计、发布维护等。网友可以在线留言给本网站，达到用户与网络管理员的互动，从而提高网站的信息面。

关键词：规划；风格；设计

目 录

第一章 引 言 ................................................................................

第1章 引言

1.选择题

（1）通常网页的首页被称为（ A ）。

A．主页 B．网页 C．页面 D．网址 （2）网页的基本语言是（ C ）。

A．JavaScript B．VBScript C．HTML D．XML

（3）网页在Internet上是通过URL来指明其所在位置的，每个不同的网页都应该有不同的URL，如263网站主页的URL就是（ A ）。

A．http://www.263.com B．http:\\\\www.263.com C．ftp://www.263.com D．mailto:www.263.com （4）下列不属于Macromedia公司产品的是（ D ）。

A．Dreamweaver B．Fireworks C．Flash D．Frontpage （5）下列属于静态网页的是（ A ）。

A．index.htm B．index.jsp C．index.asp D．index.php （6）属于网页制

网页设计报告 姓名:_____ ________ 班级:_____ ______ 1、确定网站主题

我的网站的主旨在于介绍 《火影忍者》 , 《火影忍者》 是日本漫画家岸本齐史的代表作, 作品自 1999年开始在周刊《少年 jump 》上连载后,读者反应非常热烈。随后, 《火影忍者》 的 TV 动画在日本东京电视台播放, 成为最受欢迎的动漫作品之一。 故事成功地将原本隐藏 在黑暗中,用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍 者, 描绘成了太阳下最值得骄傲最光明无限的的职业。 在这个忍者的世界中, 每一位年轻的 主人翁都在开拓着属于自己的忍道。

2、搜集材料

主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻,同时,查询相关的 图书、报纸、光盘、多媒体等,也可以

网站包括 8个页面多。 首页、 人物介绍、 忍术揭秘、 传说中 3忍、 晓组织等等。 常言道:“巧妇难为无米之炊”。 要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材 料,搜集得材料越多,以后制作网站就越容易。然后把搜集的材料去粗取精,去伪存真,作 为自己制作网页的素材。

3、规划

每一个页面用统一的背景图片,以保证网站统一的风格。用一个

网页设计作业

单选题 (共40道题)

1.（2.0分）在Dreamweaver 中，框架是按照（）来进行排列的。 A、表格 B、水平线 C、对角线 D、行与列

2.（2.0分）下面关于使用框架的弊端和作用说法错误的是。（） A、增强网页的导航功能

B、在低版本的IE浏览器（如IE3.0）中不支持框架 C、整个浏览空间变小，让人感觉缩手缩脚

D、容易在每个框架中产生滚动条，给浏览造成不便 3.（2.0分）下列说法中正确的是（）。

A、APdiv元素的Z轴越小，APdiv元素的叠放位置就越靠近顶部 B、APdiv元素的Z轴越大，APdiv元素的叠放位置就越靠近底部 C、所有APdiv元素的Z轴的大小不能重复 D、在AP元素面板中睁眼的APdiv元素表示显示APdiv元素，闭眼的APdiv元素表示隐藏APdiv元素

4.（2.0分）在使用表单时，文本域主要有几种形式。（） A、1 B、2 C、3 D、4

5.（2.0分） Dreamweaver中，在将模板应用于文档之后，下列说法中正确的是（）。 A、模板将不能被修改

B、模板的任何区域都可以被修改 C、文档将不能被修改

D、文档的任何区域都可以被修改

6.