d2-3-2网页制作操作步骤
网页制作入门上机操作指南
准备工作：在电脑的E 盘根目录下建一个文件夹，命名为“×××的网站”，作为今后制作的文件的存放处。 一、初步认识FrontPage 软件
第一步：启动FrontPage 。
方法一：在桌面上找到“FrontPage ”图标 ， 双击启动该软件。 方法二：“开始”
“程序” “Microsoft Office ” “Microsoft FrontPage ” 我们就可以看到“FrontPage ”的操作界面了，如下图
二、用FrontPage 新建一个网页
方法：单击“文件”，从弹出的下拉菜单中选择“新建”，再从次级菜单中选择“空白网页”，并保存在“准备阶段”所建的“×××的网站”中。
点击“文件”选择“新建”点击“空白网页”
三、设置网页属性
在文字排版中需要先设置页面属性。同样，在网页制作中也要先设置好网页的属性，包括设置网页标题、背景音乐、背景图片等内容。
方法：在菜单栏中单击“格式”菜单，在弹出的下拉菜单中选择“属性”，从“属性”
的下级菜单中选择“网页属性”，在窗口中进行设置，最后单击“确定”。
四、输入网页文字
设置好网页属性后，就可以输入网页文字，并进行简单的排版。操作方法与Word 和PowerPoint 软件中文字操作的方法类似。
五、进行简单修饰
如果网页中只有文字，会让人感觉很单调，你可以插入适当的图片、水平线等，对网页进行修饰。
2、常规属性设置
3、格式属性设置
方法：在菜单栏中单击“插入”，从弹出的菜单中选择要插入的内容。
六、插入表格，规划网页的结构
FrontPage 通常用表格来安排网页中各种内容（文章、图形等）的版面位置。插入表格的方法与Word 类似，请你复习已经学过的技法。
根据网页布局需要，调整表格内各单元格的大小
1、单击后会出现插入表格的窗口
鼠标右键弹出菜单，单
击“合并单元格”
用鼠标将相邻两单
元拖黑
在表格的不同单元格里添加文字，调整文字格式，插入相应图片
七、预览网页
网页是在“设计”模式下制作的，点击“预览”，可以看到在浏览器中显示的真实效果。
八、保存网页
网页做好了，把它保存在事先建好的文件夹中，保存方法与Word 等软件相同。但含有图片的网页，在保存时会弹出把图片“保存嵌入式文件”的对话框，通常可以选择“确定”。
点击“预览”，
观看效果
网页设计实验报告
实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师
实验一 TCP/IP协议配置 一、实验目的（标题黑体小四） 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点，并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件，名称为 style.css，将其保存至 style文件夹。 3、创建模板文件 tpl.dwt，并保存。结果如下： (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键，选择“附加样式表”： 选择 style.css 文件： 完成后，在 tpl.dwt 的 head标签里有如下的代码： (2) 设置模板的背景颜色。打开 CSS 面板，为 style.css 新建一条 css 规则。过程如 下：
将背景颜色设为#ff1e70： 在 style.css 生成如下的代码： body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950，其他的设置：让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表，双击 body： 双击 body后，打开“body的 CSS 规则定义”对话框，按照下面的方式设置：Style.css 的代码变为： body { background-color: #ff1e70? margin: 0px? }
个人网页制作全过程
个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备
网页制作考试试题(带答案)
1.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 2.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.aspx B. html C. jsp D. doc 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳Web网页设计实验报告
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
网页制作基础教程
网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码：
第一段文字。
第二段文字。
【操作】请在记事本中输入以上代码，命名为test1.htm，存于D盘，然后双击打开看看。 标记一般是成对出现的，#FFFFFF表示使用的颜色是白色。 .........
之间是h1号标题字...
之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准，其标记有几百种，您并无需全部了解他们，只要记住其中常用的十几种，就能够做出很漂亮的网页来。 常用的标记举例：简单网页制作实验总结报告
《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日
目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)
第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
frontpage2000网页制作教程(完全版)
第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者：未知阅读人次：5527 文章来源：未知发布时间：2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网？你在聊天室里是否听过别人聊起自己的个人主页，你会不会觉得自己没有个人主页就落伍了？有没有想过自己也要做一个主页？想过？那你还瞎呆在那里干什么？赶快阅读本教程，你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage
网页设计试题
一、填空 1、在网页中可以使用的图象格式有（）、（）、（）3种。 2、网页的主要组成元素有（）、超链接、超文本及超媒体、（）、表格与层、书签、脚本与脚本语言等。 3、在Dreamweaver中框架由（）和（）两部分组成。 4、优化Fireworks图象的方法有，使用（）面板、选择文件菜单下的（）或导出向导。 5、如果Fireworks文档中包含了切片和热点等代码，则导出该文档时，应将其保存类型设置为（）。 6、Flash影片由（）图形组成，但也可以包括输入的视频、位图图形与声音。 7、首页是网站所默认的（）。在浏览网站时，直接在地址栏中输入（），就会打开首页。 8、若要编辑基于模板的文档的锁定区域，必须执行将文档从模板中（）操作。为此，可选择修改菜单下的（）命令。 9、Flash中，元件是指在影片中重复使用的元素，它可以是（）、声音文件或字体等。 10、利用Flash，用户既可以创建（）动画，也可以创建（）动画。 11、在Flash中导入视频时，可选的方式有（）和（）。 12、Dreamweaver所提供的链接类型有（）、（）、E-mail链接、链接特定“锚记”、虚拟链接。 13、在Dreamweaver软件中，网页插入翻滚图片对象时，所插入的两幅图片的（）应该相同。 14、在Dreamweaver软件中利用图片影象可将图片划分为若干区域，这些区域被称为（）。 15、在Flash中，若要对导入到文档中的位图局部进行编辑，应首先将其（）化。为此，可选择（）命令将其分解为可以选择和修改的离散颜色区域。 16、Fireworks MX的功能主要有（）、向量编辑、文本处理、制作动画、单步按钮制作程序、创建弹出式菜单、利用拖放方法创建翻转图片、切片制作设置与应用、（）。 17、在Fireworks中，路径对象的编辑方法主要有通过编辑（）、使用（）、使用（）和对象的变形与扭曲。 18、在Fireworks中，蒙版的类型有两种，它们是：（）蒙版、（）蒙版。 19、通常情况下，用户在制作好Flash影片后，可以直接选择（）命令测试影片。但是如果影片中包含了脚本，则只能选择（）来测试影片，此时系统将首先自动生成SWF文件，然后播放该文件。 20、在Dreamweaver中行为由（）和（）两部分组成。 21、在Dreamweaver中用于图象行为有（）、（）和恢复交换图象。 22、在Flash中，为了快速创建“补间”动画，可以使用系统提供的（）菜单，将一组对象自动分配到各图层，以作为创建补间动画的基础。
网页制作实验报告
网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1）执行“站点＼治理站点”命令，在弹出的“治理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中挑选“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹，完成后单击“确定”按钮，返回“治理站点”对话框。 4）在“治理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果
网页设计制作员操作试题卷
2010年虹口区职业技能竞赛 网页设计制作员（四级）操作技能试题卷（B） 注意事项： 1、在D盘新建一个考生文件夹，其文件夹名为：网页设计制作员4级_考生准考证号_姓名，考生所做的结果必须保存在该考生文件夹内。考试过程中应注意经常保存文件。 2、考试所需素材在C盘：\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。 试题代码：1.1.5 试题名称：设计制作网页内容文字和图表效果 规定用时： 30分钟 1、操作条件 （1）素材 a）网页素材文件夹“1.1.5.2” （2）以上素材均在考试机指定的“素材库\1.1.5”文件夹内。 2、操作内容 利用素材库文件夹“网页设计制作员素材\1.1.5”内的未全部完成的网站首页素材库文件夹“1.1.5.2”，参照“翠海幼儿园”网站首页效果图样张“1.1.5.1.bmp”，完成页面的制作，具体操作内容如下： （1）使用Dreamweaver创建“翠海幼儿园”站点，并导入素材库文件夹“1.1.5.2”内容；（2）编辑“index.html”文件，定义一个仅对文档内部起效名为“myfont”的CSS类；（3）参照效果图样张1.1.5.1.bmp中“登录区域”，制作网页。 3、操作要求 （1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1.5”子目录，将所有操作结果保存至该文件夹下。 （2）使用Dreamweaver创建“翠海幼儿园”站点，并导入素材库文件夹“1.1.5.2”内容容，具体要求如下： a）使用Dreamweaver在指定保存位置创建“Cuihai1.1.5”站点文件夹 b）复制素材库文件夹“1.1.5.2”内的网页html文件及图片文件夹至“Cuihai1.1.5”站
网页制作实验报告
北京理工大学珠海学院课程设计说明书 _2013_—_2014_学年第_1_学期 题目: 《Web应用开发课程设计》 学院：计算机学院 专业班级： 11级软件工程3班 学号： 110202031031 学生姓名：蒋征 指导教师：魏志军 成绩： 时间： 2014/1/5 2014年 1 月 5 日
摘要 本次作品是一个IT技术交流论坛，实现论坛的基本功能，注册、登录、发帖、浏览和回帖。 论坛分三个分板块，网页、C#和JA V A，纵向层次也是三层，主页、板块页和帖子页。网站使用JavaScript实现动态页面。 关键词：计算机技术交流社区JavaScript 网页 I
目录 摘要 ............................................. I 目录 ............................................. II 1 网站结构和布局 (1) 1.1 网站结构 (1) 1.1.1 总体结构 (1) 1.1.2 横向链接结构 (2) 1.2 页面布局 (3) 1.2.1 主页 (3) 1.2.2 分版页面 (6) 1.2.3 帖子页面 (6) 2 技术应用 (8) 2.1 逻辑设计 (8) 2.1.1 HTML和CSS设计 (8) 2.1.2 JavaScript设计 (10) 参考文献 (13) 心得体会 (14) I
教师评语 (15) 成绩评定表 (16) 课程设计答辩记录表 (17) II
1 网站结构 1.1主体结构 1.1.1总结构 网站是以技术交流社区为主题的论坛型网站。 这个网站是按树形结构设计如图1-1-1，页面种类共分三层，分别是主页，分主题页还有就是内容页。 主页连向三个分主题分区页面，分别是MTHL板块，C#板块还有就是JAVA 板块。 主题分区页面下面是内容帖子。 图1-1-1网页关系 1
怎样制作网页制作网页详细操作步骤
怎样制作网页制作网页详细操作步骤 怎样制作网页制作网页详细操作步骤 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来 比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可 以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等， 这些工具主要编辑asp等动态网页。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了! 网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一 行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为 什么呢?常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢 大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵 循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站
那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的 特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要 是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围 内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸 引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站 就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可 以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为 自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座 漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只 有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有 吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制 作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民 选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool3d、GifAnimator等;还有网页特效 工具，如有声有色等，网上有许多这方面的软件，你可以根据需要 灵活运用。
网页制作测试题
《网页制作》测试题<一> 一、选择（60分） 1、规划网站的目录结构时，应该注意的问题是（） A、尽量用中文名来命名目录 B、整个网站只需要一个images 目录 C、目录层次不要太深 D、使用长的名称来命名目录 2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是（） A、_black B、_parent C、_self D、_top 3、DreamweaverMX通过（）面板管理站点。 A、站点 B、文件 C、资源 D、结果 4、插入表格对话框中的“间距”表示（）。 A、表格的外框精细 B、表格在页面中所占用的空间 C、单元格之间的距离 D、单元格大小 5、对于一个有N个框架的框架页，是由（）个单独的HTML文档组成的。 A、N B、N+1 C、N-1 D、N+2 6、HTML的颜色属性值中，蓝色的代码是（）。 A、#000000 B、#00FF00 C、#0000FF D、#FFFF00 7、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击（）在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项 A、查找一个 B、查找全部 C、替换 D、替换全部 8、下列关于DreamweaverMX的说法错误的是（）。 A、从Word中直接复制粘贴的文字可以保留其原有格式 B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏 C、在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。 D、拖动棉板的名称标签可以进行自由组合。 9、网页设计中，设置表格框线和背景颜色时，在（）属性面板中单击“边框颜色”和“背景颜色”拾色器，然后选择所需的颜色即可。 A、单元格 B、行 C、列 D、表格 10、在网页设计中，选择单元格的方法是（）。 A、单击单元格，然后单击编辑窗口下边的
Dreamweaver网页制作实训报告
广西科技大学鹿山学院 课程设计报告 课程名称：网页制作课程设计 课题名称：我的梦幻网 指导教师：韦灵 班级：计软141班 姓名：邓康言 学号： 20141409 成绩评定：
指导教师签字： 2015 年 07 月 07 日 目录 一. 网页制作课程设计目的 (3) 二. 1.实训意义： (3) 2.实训目的: (3) 二、课程设计内容 (5) 1.网站主题《我的梦幻网》 (5) 2.网站材料 (5) 3.网站规划 (5) 三、课程设计步骤 (6) 四、网站各模块实现 (7) 1.我的梦幻网模块功能： (7) 2.背景故事模块功能： (8) 3.宠物介绍模块功能： (9) 4.门派介绍模块功能 (10) 5.装备模块功能介绍： (11) 6.人物模块功能介绍： (12)
7.地图介绍模块功能： (14) 7.我的梦幻模块功能： (15) 五、总结及心得体会 (17) 一.网页制作课程设计目的 1.实训意义： 本次网页设计与制作实训是网页教学过程中重要的实践性教学环节.它是根据网页教学计划的要求.在教师的指导下进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 2.实训目的: 通过综合实训进一步巩固,深化和加强我的理论知识 (1) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使
用。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法。 2. 训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 3. 培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。 4. 培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
教你制作静态网页的方法
教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。
会考专题之网页制作操作题
会考专题之网页操作题 上机前准备：请同学们们下载天安门的图片、一张蛋糕图片到c:\windows文件夹下，并分别取名为“天安门.jpg”和“蛋糕.jpg”以备后面操作使用。 用Frongtpage（网页制作软件）实现下列操作： 1、设置网页背景、插入超链接 C:\ata_mso\testing\154752-566\frongtpage_bo3\国庆.htm页面进行以下操作： （1）将网页的背景颜色改为红色。 （2）在网页上输入文本“天安门”，并把天安门建立超链接，链接到图片天安门.jpg （3）将该网页另存为“中华.htm”仍保存在： C:\ATA_MSO\testing\154752-566\frongtpage_bo3\文件夹下。操作步骤： ①点击屏幕左下角的图标启动frontpage。 ②设置网页背景：右单击网页空白处，执行“网页属性…”,打开格式标签，设置背景颜色为红色。 ③插入超链接：输入文本“天安门”→选中“天安门”→单击“插入”菜单→选择“超链接”→在左边选择“原有文件或网页”→然后在查找范围中按照给定的位置找到并选择“天安门.jpg”→确定。 ④保存：“文件”菜单→“另存为”→找到保存位置→文件名为“中华.htm”→保存。
2、设置网页标题、输入文字、插入图片 用Frontpage创建空白页面并进行以下操作：（1）将网页标题设为“爱我中华”。（2）在网页中输入文字“隆重庆祝新中国成立60周年”并将字体设置为黑体、24磅、居中，颜色为红色。（3）在文字下放插入一张名为天安门.jpg的图片 （4）将该网页命名为“index”，保存在C:\windows文件夹下。操作步骤： ①点击屏幕左下角的图标启动frontpage。 ②设置网页标题：右单击鼠标，执行“网页属性…”,在常规标签的标题栏中输入标题，“爱我中华”→确定。 ③在网页中输入：隆重庆祝新中国成立60周年—选中文字—格式—字体—依次设置字体为黑体、字号为24磅—确定，利用“格式工具栏”设置：对齐方式为居中、字体颜色为红色。 ④插入图片：“插入”菜单→图片→来自文件→选定“天安门.jpg”→插入。 ⑤保存。“文件”菜单→保存→找到保存位置→文件名为“index.htm”,保存类型选“网页”→保存。 3、设置网页背景、插入表格、插入图片 用Frontpage对d: \birthday.htm页面进行以下操作： （1）将图片d:\图片\背景.jpg 设置为该网页的背景
网页制作基础试题与要求
五、考试样题 （一）选择题（20分） 1. 网页是用（）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。 A．c语言 B．Basic语言 C．HTML语言 D．c++语言 参考答案：[C] 2. （）软件不属于网页制作的常用工具。 A．Excel B．FrontPage C．Dreamweaver D．Fireworks 参考答案：[A] 3. 有关
4. 以下HTML标记中，（）是单标记。A．br标记 B．p标记 C．html标记 D．body标记 参考答案：[A] 5. 下列选项中支持透明格式的图片是（）。A．JPG B．GIF C．TIFF D．BMP 参考答案：[B] 6. 网页中很少使用的图片格式是（）。A．GIF B．JPG C．PNG D．BMP 参考答案：[D]
7. 一般情况下，一个框架网页至少由（）个框架构成。A．1 B．2 C．3 D．4 参考答案：[B] 8. 网页文件的扩展名为（）。 A．TXT B．DOC C．HTM D．GIF 参考答案：[C] 9. 在文件面板中不能进行管理的功能是（）。 A．CSS样式的建立 B．新建网页 C．更改文件名 D．删除文件 参考答案：[A] 10. 关于站点与网页说法不正确的是（）。
网页设计实验报告书_范文
北京信息科技大学网页美术设计实验报告 学院/系人文社科系 学生姓名代俊丽 专业行政管理 学号 2010012299 班级行政1001 实验教师李晋
二Ο一二年 5 月 14 日实验报告
实验报告书 一实验目的 1．学习html语言和dreamweaver等工具 2．掌握在本地环境下运用dreamweaver技术实现一个简单的电子商务网站 二实验的方法和原理 三实验过程 1.资料的搜集。 2.熟悉制作软件。 做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的链接 链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页（欢迎访问零二七范文网https://www.wendangku.net/doc/312864284.html,，零二七范文大全）单击确定便可以了。 6向静态网页插入动态效果 四实验心得 在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。 近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
网页设计制作员高级试题及操作步骤.doc
《网页设计制作员》（三级）鉴定方案 一、鉴定方式 《网页设计制作员》（三级）鉴定方式采用现场实际操作方式进行。考核分为2个模块，均实行百分制，成绩皆达60分及以上者为合格。不及格者可按规定分模块补考。 二、考核方案 考核模块表 三、组卷方案
《网页设计制作员》高级 模块一 注意事项： 1、在R盘新建一个考生文件夹，其文件夹名为：机号+网页设计制作员+考生准考证号（例：01网页设计制作员B02），考生所做的结果必须保存在该考生文件夹内。建立的站点根文件
夹必须是考生文件夹下的一级目录。考试过程中应注意经常保存文件。 2、考试所需素材在S盘：\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 4、试卷不得带走，否则考试成绩做无效处理。 1.1设计制作网站总体方案及网页效果 （1）按要求，结合素材1.1.1.doc中给定的信息，完成网站设计方案； （2）按要求，结合素材文件夹中提供的内容，设计并制作综合网页。 操作要求： （1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1”子目录,将所有操作结果保存至该文件夹下。 （2）打开素材“1.1.1.doc”，在设计方案模板提供的选项中，选择正确项匹配（）中内容，在文档最后部分的答题卷（表格）的每个空格内填上正确选项编号，最后将文件保存在考生文件夹下。 （3）按以下要求，设计并制作综合网页。 a在考生文件夹下，建立“MATLOCK”站点，并将“1.1.2”文件夹中的内容，复制到站点下相应的文件夹内。 b根据“风格设计”中对版式的设计，在“1.1.3.jpg”与“1.1.4.jpg”中选择相应的页面效果图为模板，制作“首页”、“职位招聘”页面 （“invite.html”）。 c根据信息的重要性、信息量等要素，合理设置“1.1.5.txt”中的文本在“首页”中的位置与字体属性（包括字体、大小、颜色、加粗、倾斜等）。 d根据色彩平衡性的原则，将图片“1.1.7.jpg”与“1.1.8.jpg”作为相应单元格的背景。 e以标准名称保存首页 f利用表单，结合“1.1.6.txt”中的文本完成“职位招聘”页面。 g根据“网站结构”图，在“首页”与“职位招聘”间实现导航链接和快速链接。