实习一网页设计(HTML)(1)
一、实习目的
1.了解HTML文档结构;
2.初步掌握基本标记的使用;
3.能够运用文本编辑器制作简单网页。
二、实习内容
1.学习EditPlus文本编辑器的使用;
2.使用EditPlus制作只有一行文字的网页,了解HTML文档结构,并在IE浏览器中打
开编写的网页文件,查看运行效果;
3.在网页中添加多段文本内容,并对页面格式进行设置排版,制作一个简单文字内容的
网页;
4.在网页中添加图片,并对页面格式进行设置排版,制作一个简单图文内容的网页;
5.制作一个索引网页,建立与前面网页之间的超连接;
6.制作一个简单的个人主页。
三、预备知识
1.网页的基本组成;
2.HTML语言:常用HTML标记及其属性;
标记作用常用属性
Html 网页文件标记
Body 页面标记bgcolor,background,text
P 段落标记align
br 换行标记
H1~h6 标题标记align
Hr 水平线标记size,width,color
Font 字体标记size,face,color
img 图像标记Src,height,width,alt,align
a 超链接标记Href
3.网页制作方法。
四、实习步骤
1.学习EditPlus文本编辑器的使用
打开EditPlus显示如图1-1界面,通过“文件”→“新建”→“html网页”新建一个页面,如图1-2所示。
在代码区中最外层是html标记,html标记中包含了head标记和body标记,实习中我们只改head标记中内嵌的title标记中的文本,制作页面的内容通过相关标记在body中标记。
在工具栏中分两行,第一行是编辑器的工具栏,第二行是快捷插入标记的工具栏。
鼠标分别停留在第二行的工具上,注意提示并记录,以备后用。
注意颜色工具只是直观输入颜色编码(用在给颜色相关属性赋值中)。
图1-1 editplus界面
图1-2 新建html 网页界面
2.使用EditPlus制作一行文字的网页
●使用EditPlus新建一个空白网页,观察网页的基本结构,了解基本结构所用标记
的作用,保存文件,在IE浏览器中查看网页运行效果。
●将
科技大学”,存盘并查看运行效果。
3. 制作一个简单文字内容的网页
①新建一个空白网页;
②添加适量文字(可使用“复制”—“粘贴”操作从其他环境中截取内容);
③利用HTML文字标记进行版面编排,要求:
标题;使用h1-h6标记;
分段(p标记)、分行(br标记)、段落对齐方式(在p标记中设置align属性);
设置字体(font标记中设置size,face,color属性),设置字型(b,I,u标记);
插入水平线(hr标记)等。
④保存文件(文件名为1.htm);
⑤在IE浏览器中查看网页运行效果;
⑥重复③的过程,更改标记属性,观察运行效果。
4. 制作一个简单图文内容的网页
①新建一个空白网页,在网页中添加适量文字,利用HTML文字标记进行版面编排;
②运用HTML标记插入图片(img标记),设置图片的属性(修改img标记的Src,height,width,alt,align属性),进行图文混排;
③保存文件(文件名为2.htm),查看网页运行效果。
5.建立超连接
①新建一个空白网页,在网页中添加三个超链接,分别链接到前面制作的网页(1.htm
和2.htm)上,保存文件,查看网页运行效果,进行链接测试。
②在网页中建立其它网站的超链接,分别链接到“西北农林科技大学”主页
(https://www.doczj.com/doc/571126449.html,),“新浪网”主页(https://www.doczj.com/doc/571126449.html,),查看网页运行效果,进行链接测试。
6.制作一个简单的网页
制作一个网页,要求:字体属性设置、段落(行)设置、插入图片并进行属性设置、超链接设置等内容,尽量作到页面美观、内容充实。
五、实习要求
1.独立完成实习内容;
2.保存制作的网页(包括图片文件),提示:应建1个文件夹,将有关文件存到这个文
件夹中;
3.同学间进行测试(通过文件拷贝方式到其他同学的计算机上);
4.提交测试通过的网页文件(文件夹压缩包)到作业系统。
实验报告 课程名称网络技术基础实验项目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? }
第四章网站的开发 1.在建立网站站点的过程中,下列行为恰当的是(A)。 A、建立自己的主题站点,首先需要创建一个WEB站点,用子保存和调试创建的网页 B、制作网页之前,不需要对版面进行设计 C、图片总是比文字更多地受浏览者的欢迎,因此网页中图片越多越好 D、建立站点,就是制作一个个网页,不需要先创建一个站点 情况下,一个网站可以包括的主页数是( C )一般2.A、 2个 B、 3个 C、 1个 D、无数个 3.下列关于网站制作的评价指标中,你认为哪些是必要的(ABCD)。 A、各种媒体处理和运用恰当 B、界面友好,结构清晰 C、链接正确,各主要页面能相互返回 D、主题明确,内容有意义 4.图片在网页中起到美化网页的作用,在网页中常用的几种图像格式是( BD) A、MP3 B、GIF C、DOC D、JPEG
5.以下扩展名中不表示网页文件的是(AB)? A、 .doc B、 .txt C、 .html D、 .htm 6.以下可以代表WWW页面文件的类型的是(BC)。 A、 wav B、 htm C、 html gif 、D. 7.在制作网页中的表格时,如果要想在浏览时看不到表格的边框,则应将(C )调整为0。 A、单元格的间距 B、宽度与茼度 C、边框的粗细 D、单元格的边框 8.下列关于网页制作中收集索材的描述,正确的是(CD)? A、收集来的索材无需分类,集中在一个文件夹中存放较好 B、收集来的索材因为是准备制作网页给大家看的,所以不存在版权的问题 C、收集来的索材应该分类,不同类索材最好用不同的文件突_
D、收集来的索材文件名要易懂易记,便于调用 9.下列关于网站的说法中,正确的有(ABC )? A、网站的起始网页称为主页 B、一个网站通常包含多个网页 C、网站是由一些互相关联的网页构成的一个整体 D、网贡一定是动态网页 10.一个网站的起始网页被称为( B ) A、文档 B、主页 C、网站 D、网页 11.在Frontpage中,用来控制网页布局的工具是(D) A、书签 B、超链接 C、图片 D、表格 12.网页制作时,为了增强页面的整体吸引力,以下观点恰当的有(ABC) A、合理地使用滚动的字幕、变换的选择框以及持续的动画,为用户创造一种平和安静的坏境 B、力求精简,不要使用太多的动画 C、过度的闪烁让人头痛,一般页面中最多不能有三处闪烁 动态效果越多越好、D.
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像
软件名称功能 photoshop Photoshop是一种可以帮助我们迅速有效地完成各种图形处理工作的电脑软件,它能帮助我们完成图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格,流体变形及褪底和蒙板,制作出千变万化的 图像特效。 DreamWeaver Dreamweaver 8、是一款优秀的所见即所得式网页编辑器,功能强大,是制作、美化、维护网站,开发多种语言应用程序的专业工具。 Fireworks A dobe Fireworks是A dobe推出的一款网页作图软件,软件可以加速Web设计与开发,是一款创建与优化Web 图像和快速构建网站与 Web界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库, 并可与Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和F lash的其它资源。然后直接置入D reamweaver中轻松地进行开发与部 署。 绘声绘影(Ulead VideoStudio 绘声绘影(Ulead VideoStudio是友立公司出品。是一个功能强大的视频编辑 软件,具有图像抓取和编修功能,可以抓取,转换MV、DV、V8、TV 和实时记录抓取画面文件,并提供有超过100 多种的编制功能与效果,可制作DVD,VCD光盘。支持各类
《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 (课程英文名称) 课程编号:201509210011 学分:5学分 学时:64学时(其中:讲课学时:45 上机学时: 19 ) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、 JavaScript网页特效 适用专业:信息及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向,熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事(2学时) [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用
使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准,明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作,能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面(4学时) [相关案例] 【案例1】简单的网页: 【案例2】新闻页面: 【案例3】图文混排: [知识点] HTML文档基本格式
《网页设计与制作教程》 实 验 指 导 书 班级姓名学号
实验一网页基础知识 一、实验目的 理解网页组成元素。 理解主页、静态网页、动态网页等概念。 了解常见的网页布局。 熟悉Dreamweaver CS6的桌面结构。 二、实验软硬件环境 一台接入Internet的计算机;Windows 7操作系统;Dreamweaver CS6、Flash CS6、Fireworks CS6软件。 三、实验内容 1.打开“九江学院”官网,并回答以下问题: (1)该网页上有哪些网页元素组成? (2)在网站中打开5张不同内容风格的分页面,分析下它是静态网页还是动态网页,为什么? (3)如果分页面中有图片,把图片下载到电脑中,如何操作? 2.查找主页为“国字型”、“三字型”、“拐角型”、“封面型”、“Flash型”布局的网站各一个,并记录下网站地址。 3.查找若干个与图1所示布局相似的网页并记录网址。 图1网页布局 4.启动Dreamweaver CS6,并完成以下操作:
(1)新建一个空白网页,并保存,存储名为myweb.html。 (2)在文档工具栏中,切换“设计”、“拆分”、“代码”、“实时视图”,理解它的功能。 (3)对“插入栏”、“属性面板”和各种组合面板进行折叠/展开,打开/关闭操作,熟悉使用。 (4)给网页输入标题栏标题:我的第一张网页。 (5)在网页中输入一首唐诗,并完成简单排版。 (6)保存网页,并用浏览器预览。 四、实验思考 1.动态网页与静态网页如何快速区分? 2.开发个人网站的首页,可以设计哪些栏目,试做一个布局草图。
实验二常见HTML标签与简单CSS的使用 一、实验目的 理解常见HTML标签在HTML文档中的作用。 掌握通过纯文本编辑器熟练编写简单HTML的技能。 掌握简单CSS的使用。 熟练掌握各种常用标签并利用其来实现网页的排版。 二、实验软硬件环境 一台接入Internet的计算机;Windows 7操作系统;Dreamweaver CS6、Flash CS6、Fireworks CS6软件。 三、实验内容 1.案例:唐诗欣赏 第一步:使用记事本编写网页“page01.htm l”,实现如图1所示效果。 操作提示:
段落文字 图1 关于唐诗的简单网页效果 第二步:使用记事本将网页“page01.htm l”另存为“page02.htm l”并按下列要求对新网页“page02.htm l”进行编辑,效果如图2所示。 要求: ●标题文字大小用
标记。 ●作者信息文字大小为4,字体为幼圆,颜色为红色。 操作提示:文字 ●古诗文字大小为4,字体为隶书,颜色为蓝色,字体加粗。 ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的50%,水平线的粗细为5像素,颜色为棕色。 操作提示:实验一编程环境的熟悉实验日志 指导教师代宇实验时间:2014年10月14日学院计算机学院专业网络工程 班级0431201学号2012211666姓名唐言实验室s318 实验题目: 编程环境的熟悉 实验目的: 1.掌握IIS的配置和使用。 2.学会使用VS2010开发环境,了解并掌握该软件的各种功能。 实验要求: 参照理论教材例题,利用VS2010完成一个简单的Web应用,并运行调试。 实验主要步骤: 1.在VS2010开发环境中新建一个“https://www.doczj.com/doc/571126449.html, Web应用程序”,指定项目名称、存储位置和解决方案名称。 2.在解决方案管理器中使用右键单击网站项目,选择“添加”-“新建项”,建立一个新的Web窗体,利用该新建窗体页面完善网页内容。 3.完成页面内容后,点击菜单栏“调试”-“启动调试”来观察网站运行的效果。 实验结果:
心得体会: 本次试验中我了解了VC2012的一些基本信息,调试应用了VS2012的基本功能。 实验二熟悉XHTML实验日志 指导教师代宇实验时间:2014年10月21日 学院计算机学院专业网络工程 班级0431201学号2012211666姓名唐言实验室s318 实验题目: 熟悉XHTML 实验目的: 1.熟悉并掌握XHTML标记符的用法和功能 2.掌握XHTML网页的基本结构 3.学会利用XHTML标识符编写简单的网页,达到能编写和读懂XHTML网页源代码的目的 实验要求: 使用源代码编写功能模仿完成七彩桥简单页面的制作。 实验主要步骤: 4.在VS2010开发环境中新建一个“https://www.doczj.com/doc/571126449.html, Web应用程序”,指定项目名称七彩桥、存储位置和解决方案名称。 5.在解决方案管理器中使用右键单击网站项目,选择“添加”-“新建项”,建立一个新的Home.html页面。 6.在Home.html页面中进行网页的编码。
网页制作软件有哪些? 一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage2000还有些像? 但Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。 ④Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力
《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
安徽省淮南联合大学电子商务专业 《动态网页设计》实训报告 (2013~2014学年第一学期)课程: 动态网页设计实训 姓名: 金海燕 学号: 20124064120专业: 电子商务 班级: 12电子商务 教师: 胡炜 管线敷各类管管口处资料试生产工试验;电保护高中资在最大卷破坏
《动态网页设计》实训报告日 期2013-10-15时 间星期二地 点西区408姓 名金海燕学 号20124064120指导教师胡炜实验目的 能力目标 实验一.;IIS 的安装与配置掌握IIS 的安装与配置,学习使用IIS 创建虚拟目录实验内容: 在Windows XP 中安装与配置IIS ,并创建虚拟目录过程记录: a.安装II 若操作系统中还未安装IIS 服务器,可打开“控制面板”,然后单击启动 “添加/删除程序”, 在弹出的对话框中选择 “添加/删除Windows 组件”,在Windows 组件向导对话框中选中“Internet 信息服务(IIS )”,然后单击“下一步”,按向导指示,完成对IIS 的安装。 b.启动Internet 信息服务(IIS ) Internet 信息服务简称为IIS ,单击Windows 开始菜单---所有程序---管理工具---Internet 信息服务(IIS )管理器,即可启动“Internet 信息服务”管理工具 c.配置IIS IIS 安装后,系统自动创建了一个默认的Web 站点,该站点的主目录默认为C:\\Inetpub\\www.root 。 用鼠标右键单击“默认Web 站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,在该对话框中,可完成对站点的全部配置。d.主目录与启用父路径 单击“主目录”标签,切换到主目录设置页面,该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选,如未勾选将对以后的程序运行有部分影响.主目录—配置---选项c.配置IIS IIS 安装后,系统自动创建了一个默认的Web 站点,该站点的主目录默认为C:\\Inetpub\\www.root 。 用鼠标右键单击“默认Web 站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,在该对话框中,可完成对站点的全部配置总结(或体会): 学会了IIS 安装与配置,无论做什么都要认真。 教师评价(评分): 签名: 年 月 日 、管路敷设技术通过管线敷设技术,不仅可以解决吊顶层配置不规范问题,而且可保障各类管路习题到位。在管路敷设过程中,要加强看护关于管路高中资料试卷连接管口处理高中资料试卷弯扁度固定盒位置保护层防腐跨接地线弯曲半径标高等,要求技术交底。管线敷设技术中包含线槽、管架等多项方式,为解决高中语文电气课件中管壁薄、接口不严等问题,合理利用管线敷设技术。线缆敷设原则:在分线盒处,当不同电压回路交叉时,应采用金属隔板进行隔开处理;同一线槽内,强电回路须同时切断习题电源,线缆敷设完毕,要进行检查和检测处理。、电气课件中调试对全部高中资料试卷电气设备,在安装过程中以及安装结束后进行高中资料试卷调整试验;通电检查所有设备高中资料试卷相互作用与相互关系,根据生产工艺高中资料试卷要求,对电气设备进行空载与带负荷下高中资料试卷调控试验;对设备进行调整使其在正常工况下与过度工作下都可以正常工作;对于继电保护进行整核对定值,审核与校对图纸,编写复杂设备与装置高中资料试卷调试方案,编写重要设备高中资料试卷试验方案以及系统启动方案;对整套启动过程中高中资料试卷电气设备进行调试工作并且进行过关运行高中资料试卷技术指导。对于调试过程中高中资料试卷技术问题,作为调试人员,需要在事前掌握图纸资料、设备制造厂家出具高中资料试卷试验报告与相关技术资料,并且了解现场设备高中资料试卷布置情况与有关高中资料试卷电气系统接线等情况,然后根据规范与规程规定,制定设备调试高中资料试卷方案。、电气设备调试高中资料试卷技术电力保护装置调试技术,电力保护高中资料试卷配置技术是指机组在进行继电保护高中资料试卷总体配置时,需要在最大限度内来确保机组高中资料试卷安全,并且尽可能地缩小故障高中资料试卷破坏范围,或者对某些异常高中资料试卷工况进行自动处理,尤其要避免错误高中资料试卷保护装置动作,并且拒绝动作,来避免不必要高中资料试卷突然停机。因此,电力高中资料试卷保护装置调试技术,要求电力保护装置做到准确灵活。对于差动保护装置高中资料试卷调试技术是指发电机一变压器组在发生内部故障时,需要进行外部电源高中资料试卷切除从而采用高中资料试卷主要保护装置。
信息职业技术学院 《网页设计》实验报告(2010—2011学年第二学期) 班级: 姓名: 学号: 指导老师:
实验一认识Dreamweaver CS3 一、实验目的 1、熟悉Dreamweaver CS3环境。 2、了解HTML文件结构。 二、实验环境 计算机 三、实验容 创建站点有两种方式:使用向导有序地进行设置,或者通过在“管理站点”对话框中设置“高级”选项卡信息来创建。无论哪种方式,都要事先在本地磁盘上建立一个用来存放站点的文件夹,这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。 1.使用向导建立站点 使用向导建立站点的步骤如下:(1)打开建立站点向导的方法有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令,如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令,打开如图所示的“管理站点”对话框,执行“新建”→“站点”命令。 起始页中新建站点“管理站点”对话框(2)打开“站点定义为”对话框,在“您打算为您的站点起什么名字?”文本框中输入站点名字,如travel。若已申请域名则可以在“您的站点的HTTP地址(URL)是什么?”文本框中填入申请的域名地址。如图所示。
设置站点名和URL地址 (3)单击“下一步”按钮,询问是否使用服务器技术,如图所示。若是静态站点则选中“否,我不想使用服务器技术”单选按钮,若是动态站点可以进一步设置使用哪一种服务器技术。 选择是否使用服务器技术 (4)单击“下一步”按钮,在“您将把文件存储在计算机上的什么位置?”文本框中直接输入站点根目录的路径,或者单击“浏览”按钮,选择文件夹目录。 (5)单击“下一步”按钮,在“您如何连接到远程服务器?”下拉列表框中选择一种连接到远程服务器的方式,这里选择“无”选项。 (6)单击“下一步”按钮,将显示前几步设置的总结信息,若需修改可单击“上一步”按钮返回重新设置,若确定设置则单击“完成”按钮。 站点创建完成后将在“文件”面板中显示出站点的结构和文件。 2.使用高级设置建立站点 使用高级设置建立站点的第一步同前,在如图所示的“站点定义为”对话框中切换到“高级”选项卡,如图所示。在左边的分类中选择“本地信息”选项,然后分别设置“站点名称”、“本地根文件夹”、“默认图像文件夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置,完成以后单击“确定”按钮,即可创建站点。 对于已经创建好的站点,可以执行编辑、复制、删除、导出和导入等操作。 1.编辑站点 如果要重新设置站点的属性,可以执行以下步骤: (1)单击“站点”→“管理站点”选项。(2)从站点列表中选择要编辑的站点名称,单击“编辑”按钮。可以参考前面创建站点的方法重新设置站点属性。(3)编辑完毕后,单击“确定”按钮,返回到“管理站点”对话框,单击“完成”按钮。 2.复制站点 如果要创建多个结构相同或相似的站点,可以利用站点的复制功能,具体步骤如下: (1)单击“站点”→“管理站点”选项。 (2)从列表中选择要复制的站点名称,单击“复制”按钮。
题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图 打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面 点选高级,得到界面 站点名称与我们建文件夹得名字相同,zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs, http地址为http://localhost/zs
接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择 然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四个网页,可以简单一点,把这四个网页命名为a、b、c、d,或者1、2、3、4,当然一个网站默认的索引首页名为index,这里也用index,
网页制作上机实验指导(B) 1.创建自己的站点,名称为kaoshiB,本地目录放在根文件夹E:\kaoshiB中。(5分) 2.创建框架主界面,样式如下图。要求主框架文件名为index.htm,网页标题为:网页制 作考试网页B,其余网页文件名自定。框架结构为“左侧固定,上方嵌套”(即左、上、下样式),并分别设置成不同背景颜色(颜色自拟)。左边网页写上自己的真实班级、学号和姓名,作为评分的依据。(5分) 3.制作如下的一张表格,网页文件名为table.htm。(5分) 一班学号姓名成绩01001 赵同学85 01002 钱同学96 二班02001 孙同学75 02002 李同学56 4.制作一个网页,利用层和时间轴来实现动画效果,网页文件名为layer.htm。(5分) 5.利用行为调用JavaScript来实现网页的后退功能,即制作一个网页,在其上有一个按钮, 按钮的标签为“后退”,点击该按钮后,该网页即后退到上一个网页。网页文件名为back.htm。(5分) 6.首先在本地计算机上查找一个音乐文件,然后在网页中添加该音乐文件作为背景音乐, 文件名为music.htm。(5分) 7.制作一个下拉式菜单,界面如图所示,文件名为menu.htm。(10分)
8.创建一个如下图所示的客户留言表单guest.htm。(5分) 9.在你的计算机上搜索一幅图片,当鼠标移动到不同部位(至少两个部位)时,显示不同 的提示信息,并且超级链接到不同网页中去。(5分)
10.制作如下图所示的效果。要求当鼠标分别悬停在“花”、“蔬菜”、“椰树”三个文本时, 在图中央分别显示三种不同的图片(图片在自己计算机上查找),当鼠标移走时,相应图片消失。(5分) 11.制作如下图所示的表单,并进行验证录入数据的正确性,要求姓名为任意字符,长度为 4个汉字,E-mail符合电子邮件的格式,年龄在18-88之间。网页文件名为Validate.htm。 (5分)
实验一HTML、CSS网页制作实验 一、做出网页1.html,效果如下图所示: 要求如下: 1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。 3、诗的内容字体格式从上到下分别是
四、请做出网页4.html,效果如下图所示。 五、请做出以下网页,效果如下图所示,保存为5.html: 六、请做出网页6.html,效果如下图所示: 要求如下:
1、使用内嵌式引入CSS样式表。 2、使用类选择器定义元素。 (1)通过控制不同的类,分别为第一个字母“G”设置为蓝色、加粗、60px 字体; 第二个字母“o”设置为红色、加粗、60px字体; 第三个字母“o”设置为黄色、加粗、60px字体; 第四个字母“g”设置为蓝色、加粗、60px字体。 (2)剩余字母“le”按默认样式输出。 七、请做出网页7.html,效果如下图所示。 要求如下: 1、设置所有文本为宋体、12像素、绿色字体,“春季”字体颜色设为红色。 2、设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、设置文本首行缩进2个字符。 八、请做出网页8.html,效果如下图所示: 要求如下: 1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体,“博客首页”为蓝色字体,网址及日期为绿色字体。 3、设置标题为16像素、左对齐、下划线的效果。 4、设置文本“-百度快照-评价”为灰色、下划线的效果。
网页设计实验指导书 (一)DreamWeaver静态网页制作 第一章网站规划 ................................................................................................... - 3 -第二章Dreamweaver静态网页设计实验 ...................................................... - 8 -实验一在Dreamweaver中建立一个站点.................................................. - 8 -实验二在网页中使用文本........................................................................... - 15 -实验三超级链接的建立............................................................................... - 21 -实验四网页图像的应用............................................................................... - 29 -实验五网页表格操作 ..................................................................................... - 36 -实验六利用表格进行网页布局..................................................................... - 39 -实验七利用层进行网页布局....................................................................... - 48 -实验八行为和图层的应用............................................................................. - 53 -
武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平
利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求: 需要我们实现的功能有: 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理
3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员,注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店,通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库,然后编辑数据表的内容在动态网页面中,一般应用这种方式。
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/571126449.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)
实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用
标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;●Microsoft FrontPage 2003——制作功能强大的网页 如果你曾对Word很熟悉,那么相信你用FrontPage 2003进行网页设计一定会非常顺手。 使用Frontpage2003制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由Frontpage98中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页,预览页。Frontpage2003带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。FrontPage 2003最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage 2003会为你跟踪文件并拷贝那些新版本文件。FrontPage 2003是现有网页制作软件中唯一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。 相关站点:https://www.doczj.com/doc/571126449.html,/zh-cn/FX010*********.aspx ●网页制作三剑客 Dreamweaver 、Fireworks、Flash 三个软件合在一起,被称为网页制作“三剑客”这三个软件相辅相承,可谓是制作网页的最佳拍档。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高;Flash用来制作精美的网页动画;而Fireworks用来处理网页中的图形。 Dreamweaver 是由美国著名的软件开发商Macromedia公司(现在已经被Adobe公
司购并)推出的一个“所见即所得”的可视化网站开发工具,网友一般称呼其为“织梦者”。Fireworks是Macromedia公司网页设计“三剑客”之“火焰”,它以处理网页图片为特长,并可以轻松创作GIF动画。 Flash是Macromedia公司网页三剑客之中的“闪电”,其以制作网上动画为特长,它做出的动画声音动画效果都是其他软件无法比拟的。 相关站点:https://www.doczj.com/doc/571126449.html,/ ●photoshop(图片制作制作工具) 在众多图像处理软件中,Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。它不仅提供强大的绘图工具,可以直接绘制艺术图形,还能直接从扫描仪、数码相机等设备采集图像,并对它们自发进行修改、修复,并调整图像的色彩、亮度,改变图像的大小,而且还可以对多幅图像进行合并增加特殊效果,使现实生活中很难遇见的景像十分逼真地展现;同时可以改变图像的颜色模式,并能在图像中制作艺术文字等。 Photoshop的专长在于图像处理,而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工;图形创作软件是按照自己的构思创意,使用矢量图形来设计图形,这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的