大学计算机网页制作
用HTML语言制作简单的网页
电子科技大学电子工程学院标准实验报告（实验）课程名称用HTML语言制作简单的网页电子科技大学教务处制表电子科技大学实验报告学生姓名：万羽学号：2902103035 指导教师：伍瑞钦一、实验室名称：科B457二、实验项目名称：用HTML语言制作简单的网页三、实验原理：1.网页（1）网页就是在浏览器上看到的一页，网页也称为Web页。
（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。
（3）超链接是网页中的特殊标记。
它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。
这些资源可以位于自己的计算机上，也可以位于其他计算机上。
用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。
在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。
超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。
2.HTML语言（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。
（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microsoft Word等。
保存时要将脚本保存成纯文本格式，扩展名必须是.htm。
（3）HTML脚本的基本结构。
HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，一般情况下它分为两部分：头部和主体。
头部总是由<head>和</head>标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。
3.FrontPageFrontPage是一种简单易学的Web管理和网页制作的软件。
大学计算机基础网页设计与制作
9.2.3 编排网页格式
设置字符格式
设置段落格式 创建列表 设置边框和阴影 级联样式单 网页的特殊效果 主题的使用
29
文本及段落的格式化
设置文本格式
在 FrontPage 中，可以像使用word的方式来设置文本格式，如
更改字体、大小、样式、颜色、段落间距和文本的垂直位置，以及添 加诸如下划线的效果。
13
9.1.3 常用网页制作工具
网页编写软件 Frontpage 、Dreamwaver
图形/图像处理软件 Photoshop、Fireworks
网页动画制作软件 Flash
常用网页脚本语言 Javascript 、Vbscript
Java applet小程序 动态网页开发工具 Asp、Jsp、Php
标记的一般格式为： <tag>对象</tag> <tag 属性=参数>对象</tag> <tag> 例如：<h1>我的主页</h1> <a href=jianjie.htm>简介</a>
(完整版)网页制作实习总结
网页制作实习总结 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。
以下是网页制作实习总结，欢迎阅览! 网页制作实习总结一 网页设计与制作的实训是锻炼我们实践能力的重要环节,是对我们实际工作能力的具体训练和考察过程。
随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。
因此作为二十一世纪的大学来说掌握网页设计制作的技术能力是十分重要的。
这次实训，老师要求我们为自己家乡的一个公司做一个网站。
我是来自浙江衢州，衢州作为一座文化历史名城，拥有众多的旅游风景点，所以我选择了为我家乡的旅游网亿游网做一个网站。
首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作。
我浏览了衢州旅游网的一些特点，借鉴这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观。
做好这些准备工作之后我希望能在最短的时间内做到最好的效果。
接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。
在准备素材的过程中我用到了dreamweaver、photoshop等工具。
再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。
然后创建本地网站，建立网站的目录结构。
制作首页、二级子页、内容页，创建超级链接。
最后就是测试与浏览网页，如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果! 在设计的过程中遇到的问题，可以说是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，比如说拖动层的设置，时间轴与层的显示与隐藏的综合应用，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训，一定把以前所学过的知识重新温 回顾这次课程设计，至今我仍感慨颇多。
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
高校《网页制作》课程的教学
学生就业角度考虑， Photoshop的 应用更加广泛， 学生会用Photoshop软件不仅能从事网页制作工作， 也能兼职用Photoshop软
件进行平面设计 ，因此计算机专业专门开设一门图像处理的
(5)如果一旦发现被仿冒的公司网站， 企业应该在最短时
间内把该“ 钓鱼网站” 的网页取下来， 并设法找出幕后黑客， 向 公安机关报案或向有关司法机关 申诉 。
5 结论
一是安装防火墙和防病毒软件 ， 并经常升级;二是注意经 常给系统打补 丁 ，堵塞软件漏洞 ; 三是禁止浏览器运行
JavaScript和 ActiveX代码; 四 是不要上一些不太了 解的网站，
不要执行从网上下载后未经杀毒处理的软件， 不要打开msn或
者QQ上传送过来的不明文件等; 五是提高自 我保护意识， 注
M icrosoft 公 司 的Fr ntPage2000。在 教 学 中我 们 选 用 o
DreamWeaverMx ，同时选择FlashMx软件来制作网页中的动画 素材， 选择FireworkMx软件来制作网页中的图片素材。之所以
选择DreamWeaverM x，而没有选择FrontPage2000，一是因为
DreamWeaverMx 是 属 于专 业 的 网页制作 软件 ，二 是 因为
D reamW eaverM x的功能和扩展性都比 FrontPage2000好， 是IT行
业中网页制作专业人员手中的最常用的工具。图形工具没有
选择常用的 Photoshop， 而选用Firew ork软件， 一方面是FireworkMx软件和DreamWeaverMx ,FlashMx都是Macromedia公司开发 的， 良好的嵌人性 ， 具有 并称为“ 网页三剑客” 。另一方面是从
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
计算机网络技术网页制作毕业论文设计说明书
江南影视艺术职业学院毕业设计（论文）题目姓名学号专业指导教师2012 年6 月1 日Ⅰ设计总说明本设计按照学校毕业设计任务的要求完成，题目为学校教育论坛网站。
设计主要包括了注册登录系统，留言系统，后台管理系统等。
本设计通过当今社会的背景证实它是可行的。
本设计主要运用了dreamweaver、Access数据库、photoshop等软件。
该设计的页面简洁明了，一目了然，符合了普通学生对网页的操作要求。
简单的同时，它的内容也不乏丰富，学生可以通过浏览网站得到他所需要的信息。
关键词：可行性，需求，总体设计，详细设计，系统测试与分析。
General description of designThis design according to the school graduation design task requirements, subject to school education forum website. The design mainly includes the registration system, message systems, background management system. Through the design of today's social background proved it is feasible. The design of the main application of Dreamweaver, Access database, Photoshop etc. software. The design of the page is concise, stick out a mile, with ordinary students on webpage operational requirements. Simple at the same time, its content is rich, students can browse through the website to get the information he needed.Key words: feasibility, demand, overall design, detailed design, system testing and analysis.目录设计总说明 (Ⅰ)正文 (Ⅱ)1、可行性分析 (4)1．1 软件、硬件设备上 (4)1．2 开发、维护、管理上 (4)1．3 经济上的可行性 (4)1．4 社会可行性 (4)2、需求分析 (5)2．1 背景 (5)2．2 必要性 (5)3、总体设计 (5)3．1 提纲 (5)3．2 运行结果 (6)4、详细设计 (7)4．1 建立站点 (7)4．2 建立数据库 (8)4．3 绑定数据库 (8)4．4 主页和详细页面 (8)4．5 注册页面 (9)4．6 数据库中添加数据 (9)4．7 成功页面以及失败页面 (10)4．8 登录页面设计 (10)4．9 留言页面设计 (11)4．10 注册失败页面 (11)4．11 注册成功页面 (11)5、系统测试与分析 (12)5．1 注册页面测试 (12)5．2 登录页面测试 (12)6、结论 (13)7、谢词 (13)8、参考文献 (13)Ⅱ学校教育论坛网站建设说明书第一章可行性分析1．1 软件、硬件设备上制作图书馆搜书所需的软硬件要求不高，dreamweaver网上可供下载，目前市场上所提供的计算机硬件资源能够满足系统的开发需求，有dreamweaver网上可供下载。
网页制作实习报告(6篇范文)
网页制作实习报告（6篇范文）【导语】网页制作实习报告怎么写好？本文精选了6篇优秀的网页制作实习报告范文，都是标准的书写参考模板。
以下是小编为大家收集的网页制作实习报告，仅供参考，希望您能喜欢。
【第1篇】网页制作实习报告一实验过程1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果具体情况如下：通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。
使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。
所以我结合所学专业的内容制作了个人网站，作为实习的成果。
其内容是多样化的。
制作网页用的软件是ｄreamweaver , banner软件。
dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。
例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。
当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。
主图是一个网页的门面，它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。
于是网站主题确立。
然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1、在Fireworks中，元件可被分成（）
A）图形类B）按钮类C）动画类D）切片类E）样式类
2、动画的基本运动包括（）
A）直线运动B）旋转C）红眼去除
D）缩放E）帖改变
三、判断题
1、网页最终被上传到服务器中。基于方便，网页制作者可以直接在服务器中制作网页。
<错>
2、在Fireworks中所制作的各种元件都可在“资源”面板组的“样式”面板中查看到。
C）在“视图”菜单中选择“辅助线”项，再在其级联菜单选择“显示辅助线”项。
D）调出标尺，然后单击标尺，再拖曳鼠标到画布中
3、下列叙述中，错误的是（）
A）位图图像在放大后可能会导致失真（如出现马赛克状）
B）Fireworks的“洋葱皮”可用来同时查看各帧的内容
C）在Fireworks设计弹出式菜单时，可由用户指定菜单项的显示位置
7、在Dreamweaver中，层叠样式表（CSS）的选择器不包括（）
A中创建动画时，如果希望在多个状态中重复某些固定的内容，可以使用的方法是（）。
A）在每个状态中分别建立一个专门的图层来放置固定的内容
B）建立一个共享的状态
C）建立一个图层，其中放置此固定的内容，然后共享此层
<错>
3、在Fireworks中，元件被分成图形、按钮和切片三种。
<错>
4、在Fireworks中，热点可被分成矩形热点、多边形热点和图形热点三种。
<对>
5、在选取了两个图形元件实例后，可用“补间实例”的方法来制作动画
<对>
D）建立一个图层，其中放置此固定的内容，然后锁定此层
9、在Dreamweaver中，可用（）的方法来往文档中加入一个换行符
A）按Enter键B）按Alt+Enter键
C）按Ctrl+Enter键D）按Shift+Enter键
10、在Fireworks中，按钮的状态不包括（）
A）弹起B）双击C）滑过D）按下时滑过
5、下列叙述中，正确的是（）
A）网页文件可由HTML语句编写而得
B）<P>标记属于一种单标记
C）网页代码的主体包含于<TITLE>与</TITLE>之间
D）在HTML代码中，由<align>属性指定文本的大小
6、在Dreamweaver中，页面属性不包括（）
A）页面标题B）背景颜色C）链接颜色D）表格行数
一、单选题
1、在Fireworks中可对选取的对象进行克隆操作。这相当于对选取的对象进行了（）操作。
A）仅复制B）仅粘贴C）剪切和粘贴D）复制和粘贴
2、在Fireworks中，通过下列的（）操作可加入一条辅助线
A）在“视图”菜单中选择“辅助线”项，再在其级联菜单中选择“插入”项。
B）在“插入”菜单中选择“辅助线”项。
D）在Fireworks中，做出的切片都是规则的矩形块状的
4、下列叙述中，错误的是（）
A）在Fireworks中可以给绘制的曲线加上阴影特效
B）帧延时的时间值设置为7，则表示每帧显示停顿7毫秒
C）把Fireworks中的图像导出为动画图像之前，应设置导出文件格式为“GIF动画”
D）利用Fireworks的“椭圆”工具可在画布中画出椭圆或圆