网页控制（共10篇）
网页控制 篇1
一、基于“控制字符”的网页信息隐藏技术原理
控制字符是在网页当中插入的, 但是在浏览网页时看不到的字符。在实际网页源代码中控制字符是存在的, 包括一些空白位和特殊字符。在ASCII码字符中一共存在33个控制字符, 它们的ACSII编码分别是0-31和127, 其中1-8和14-31是特殊字符, 0是null空值, 32是空白符。如:DEL (删除) 、BS (退格) 、BEL (振铃) 、LF (换行) 、CR (回车) 、FF (换页) 等;通信控制专用字符:SOH (文头) 、EOT (文尾) 、ACK (确认) 等;ASCII值为8、9、10和13分别转换为退格、制表、换行和回车字符。它们当中没有特定的图形显示, 但会依不同的应用程序, 而对文本显示有不同的影响。将所有控制字符定义为一组:Si={i=[0-31]}。
如果普通的字符可以转换为控制字符中的一个, 那么就可以将秘密信息嵌入所操作的网页中。控制字符在ASCII字符集中最大的编码是32, 但是其他可见字符则大于这个值, 字母和数字在ASCII中就都在后面, 数字“1”是49, 字母“a”是97。因此, 秘密信息需要转换成控制字符才能进行隐藏。
下面定义一个转换阀值, R=M-T
其中M是控制字符S的ASCII编码, T是转换阀值, 通过这一转换阀值将秘密信息的二进制位进行转换, R就是秘密信息经过转换后的ASCII编码。
假设R被随机的分为两段代码, 即R1和R2, R=R1+R2。
那么, 通过转换阈值T和控制字符的两段代码R1和R2, 可以对秘密信息进行隐藏了。网页信息隐藏技术分为两个阶段, 即网页的发送和接收, 在网页发送前将秘密信息嵌入其中, 当浏览器从网络接收到网页后, 将秘密信息提取出来, 详细过程如图1-1所示:
二、算法的设计
1、字符转换算法的设计
需要隐藏的秘密信息需要使用相应的方法转换成隐藏字符, 普通字符选择的范围是大写的字母A-Z, 小写的字母a-z, 数字0-9, 以及空格, 所以秘密信息可以是一串带有空格的字符。
具体应用举例如下:字母z的ASCII十进制编码是122, 所以M=122, T=60, R=62。这时候R需要分成两个31, 其对应的控制字符则是单元分隔符。而空白键则可以直接嵌入。
在秘密信息转换完成之后, 就进入了信息的嵌入和提取过程。秘密信息S的ASCII代码描述为如下公式:
转换阀值T, 可以描述为如下公式:
那么转换结果, 可以按如下公式获取:
另外, 在通过提取算法的执行得到ASCII代码的过程中:
在秘密信息提取的阶段, T可做如下定义:
2、嵌入算法的设计
嵌入算法的作用是这样的, 将需要隐藏的秘密信息嵌入到一个网页当中, 生成另外一个新的网页。
输入内容:秘密信息S=s1s2s3…sn, 原始网页为WEB1, 该网页可以嵌入信息的数量为n。
输出内容:生成一个带有秘密信息的网页WEB2。
秘密信息的嵌入算法如下:
(1) 将秘密信息S按照公式 (n1) 转换为ASCII代码M (M=m1m2m3…mn) ;
(2) 通过公式 (n2) 和 (n3) 得到R的值R (R={ri (i=0, 1, 2, …, n) }) ;
(3) i赋值为0;按照顺序从H中读取一个代码ri;
(4) 从网页WEB1中读取一行L;检查L这一行中存在的标记语言, 如果存在就继续往下执行, 不存在返回步骤;
(5) 重新读取一行;计算ri1和ri2的值, 通过ri1和ri2的值确定ri=ri1+ri2;
(6) 从</Ti>到</Tiri1ri2>更新行L中的标记, 这里的<Ti>是HTML标记语言中的一种标记;同时i赋值为i=i+1, 返回步骤 (4) 循环执行, 直到全部完成, 继续往下;获得新的网页WEB2。
通过此算法后, WEB1和WEB2两个网页在浏览器中显示是完全一样的, 没有任何区别, 用户在查看网页时, 不能察觉到隐藏信息的存在。
3、提取算法的设计
当接收端在通过网络从服务器中接收到网页WEB2后, 需要将秘密信息从网页中提取出来。在提取秘密信息时需要进行字符重组和信息融合。
提取算法的作用就是将秘密信息从网页中提取出来。
输入内容:携带有秘密信息的网页WEB2,
输出内容:秘密信息S。
秘密信息的提取算法如下:
(1) i赋值为0;从网页WEB2中读取一行L‘;
(2) 检查L‘这一行中存在的标记语言, 如果存在就继续往下执行, 不存在返回重新读取一行;
(3) 从标记语言</Tiri1ri2>中分离出ri1和ri2, 并去除标记中ri1和ri2的值;
(4) 通过计算ri=ri1+ri2, 得到ri的值;依照前面的公式 (n4) 和 (n5) , 得到ASCII代码mi;从ai的ASCII代码得出字符si;
(5) i赋值为i=i+1, 如果到了网页WEB2的末尾, 往下执行步骤 (6) , 不是末尾则返回步骤 (2) 继续读取;
(6) 提取算法全部完成后, 得到完整的秘密信息字符串S=s1s2s3…sn;
三、算法程序的实现与分析
1、算法程序的实现
算法的实现是通过C#编程来实现的, 图1-2显示了基于控制字符的网页信息隐藏技术主界面。
首先定义两个函数, 分别是asc () 和rasc () , 函数asc () 的作用是将秘密信息的字符转换为ASCII代码十进制, rasc () 作用相反, 将十进制数字转换为相应的ASCII字符。
2、隐藏算法性能的分析
这里主要从隐藏的容量和隐藏误码率来分析该网页信息隐藏算法的性能。
(1) 字符隐藏效果的计算
字符隐藏效果指的是, 字符在嵌入到提取的过程中, 反映字符精确性的指标, 主要指的是有没有产生误码。假设秘密信息S的ASCII代码代码是A=a1a2a3…an, 在经过传输后, 通过提取算法将秘密信息提取后的信息为A′=a′1a′2a′3…a′n, 隐藏字符误码率Q如下公式所示:
(2) 隐藏容量的计算
在基于控制字符的网页信息隐藏方法中, 每一个可用的超文本标记都可以隐藏一个字符, 如果在网页WEB1中可用的超文本标记的数量为n, 那么信息隐藏的容量V就是:
当然这个隐藏的容量只是一个理论值, 在具体的使用过程中, 是不可能利用网页中所有的超文本标记来进行信息隐藏的。另外, 每一个字符都可以被转为一个8位的二进制位, 就现存的基于标记的嵌入方法而言, 一个标记可以隐藏两个字符, 那么通过信息隐藏容量的计算, 基于控制字符的网页信息隐藏方法的隐藏容量是其他同类隐藏方法的4倍。
四、结语
本文通过三方面来探讨基于“控制字符”网页信息的隐藏技术, 对于“控制字符”网页信息的隐藏技术原理进行详细描述, 同时对隐藏技术的算法设计全面剖析, 最后通过算法程序来进行验证隐藏技术算法。
参考文献
[1]孙圣和, 陆哲明等, 数字水印技术及应用[M]北京.科学教育出版社, 2004.
[2]姚晓枝基于两种不同载体的信息隐藏方法研究[D]上海.复旦大学, 2008.
[3]戴祖旭文本载体信息隐藏研究[D]武汉.华中科技大学, 2007.
网页控制 篇2
在编排网页文本时，你可能会遇到这样的问题：只想让一行字符居中，但其它行的字符却会跟着也变成居中了。其实，这是因为在Dreamweaver MX中进行居中、居右操作时，默认的区域是P、H1－H6、Div等格式标识符，如果你的语句没有用标识符隔开，Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用
„„
隔开。让链接文字有提示信息
当鼠标停留在链接上时，在光标的右下方有时会出现一个提示信息框，对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。
在＜a href=“”＞中添加“Title”属性，“Title”后面添加提示内容即可。例如： 。
快速调用时间轴
使用Dreamweaver MX制作网页的朋友都知道，新安装的Dreamweaver MX在快速启动面板中没有时间轴，如果要急着用它的话该怎么办？这里有一个快速调用时间轴的方法，按下“Alt+F9”组合键，或是在软件主窗口中依次点击“窗口→其它→时间轴”。
自动刷新页面
无论是重复刷新还是自动跳转，在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分，然后点击“刷新”按钮，随即会跳出“刷新”对话框，然后输入框中键入刷新延迟的时间“300”（单位：秒），“操作”为刷新指定的目标URL。因为现在是刷新当前页面，直接选择“刷新此文档”选项即可。
定义网页关键字
当用户使用搜索引擎搜索内容合适的网页时，关键字起着不容忽视的作用。大多数搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并按关键字进行记录，以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分，点击“关键字”按钮，弹出定义窗口，录入需要逐个定义的关键字即可。注意每个关键字以“；”号隔开，数目没有限制。
制作“空链接”
“空链接”就是没有链接对象的链接，“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时，只要在属性面板的链接输入框中录入#标记后，它就是个空链接了。在很多情况下都要用到空链接，比如一些没有定期完成的页面，或是为了保持链接样式与普通文字样式的一致性。
让文字和图片内容共处
在Dreamweaver MX中，图片对象往往是独占一行，那么文字内容只能在与其平行的位置上，怎么样才可以让文字围绕图片显示呢？方法如下：选中图片，在属性面板的右上方找到“对齐”的属性选单，选择“左对齐”，这时你就会发现文字已经整齐地排列在图片的右边了。
以新窗口形式打开链接
要想在不覆盖当前窗口的前提下，打开一个新的浏览器窗口，你可以直接在链接代码＜a href=“"＞中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单，选择“_blank”即可实现。
制作随意拖动的对象
访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多。比如，一张广告图片挡住了你想浏览的内容，你可以用鼠标选中它把它扔到一边去！
制作这种效果是通过图层的“拖动层”行为实现的，单击行为面板中“+”号，选择“拖动层”，制作之前你应该保证目标图层处于选中状态，进行简单设置后就OK了。
调整表格高度
我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到松开鼠标时，表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢？
简单方法是：首先我们需要选定表格，将光标移动到表格内，然后按“Ctrl+A”组合键，选中光标所在位置的最小表格，然后在属性框中点击“清除行高”图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动的匹配高度。
修改表单属性为弹出窗口
网页控制 篇3
关键词：网页制作；教学设计
中图分类号：TP393.09
随着网络的日益发达，网页技术得到不断普及，在社会各个领域中都充分体现了网页制作技术的重要性，学校方面也开始不断重视这一方面人才的培养。但是，中、高等职业院校的毕业生所学知识往往与就业单位要求不相符，很大方面的一个原因是传统的网页制作课程教学难以满足现阶段的发展形势。因此，笔者将根据这一课程的教材特点和学生的特点，浅谈如何设计“网页制作”的教学。
1 教材分析与教学对象分析
1.1 分析教材。《Dreamweaver MX2004中文版网页制作基础》是我校选用的教材，其最大特点在于采用“任务驱动，案例教学”的形式，这就充分考虑到了实际运用和实际需要，用趣味十足的实际案例来讲解网页制作方面的知识技能和应用技巧，这样不仅使方便教师教学，而且使学生学起来很实用。在学习“网页制作”知识之前，学生已经初步掌握了网络相关知识、数据库设计与应用、Office办公软件的应用、计算机硬件组装与维护、FLASH二维动画设计等内容。因而，在学生已具备了收集、编辑文本、图像信息的能力的情况下，我们的教学重点应该放在网页信息表达方面，例如网页版面的美化、文字内容表达等。不仅要加强学生的信息意识，还要提高学生的信息处理能力；教材第四章的内容中以“我的个人主页”为案例设计，这给了学生充分的想象空间，满足学生喜欢展现自我的个性需求，又有效发挥他们的主动性和创造性。另外，对网页版面设计效果的评价促使学生更好的了解编排原则、布局种类、色彩搭配等，有助于提高他们的审美能力和艺术修养内容。
1.2 分析教学对象。本课程的教学对象是中等专业学生，根据学生的性格特点，他们对操作性较强课程的学习积极性明显高于纯理论的学习。而在现代社会，《网页制作》这门课程与每个人的生活都是息息相关的，加之其网页界面融合文本、图片、音乐、视频等为一体，极大的调动了学生的学习兴趣，继而激发学生了解网页实现原理和方法的欲望；教师在实际教学过程中要时刻注意引导学生利用已有知识更好的学习网页制作，与此同时也巩固了旧知识，一举两得；教师应当适时地监控学生的协作学习情况，鼓励分组合作交流，并实时总结心得、体会，引导学生“自主、合作、探究”学习。
2 《网页制作》课程教学设计的思路
从以往《网页制作》课程的教学情况来看，在学习这门课程之后，学生虽掌握了基本理论知识，但实际运用能力较差，很少能制作出优秀的作品，主要表现在两个方面：网页色彩的使用和网页内容的定位。因此，教师在设计教学时，需要借助一个载体——一个实际的项目，并将整个项目分解成若干小项目，再把每一个小项目分别作为一个学习任务，用这样的方法贯穿于整个教学过程。完成了一个小项目，也就相应的掌握了一个知识点。便这样完成学生运用三个软件进行网页制作的学习。
课程设计要有助于提高学生的技能水平。运用“项目导向”与“任务驱动”的教学模式，创新教学方法，继而帮助学生有效掌握网页版面设计技术。具体阐述如下：注重培养学生自学能力和专业技能。在掌握网页制作理论知识的同时，也要注重学生社会能力的培养。在学习网页制作的过程中，主要学习一些网站开发知识，可以让学生以自主学习或是合作学习的形式进行，若是结合实际来学习会达到更佳效果更好；将网页制作作为一项整体的教学任务，对于教学内容、教学方法和考核内容，做好任务分配工作，结合多样的教学方法建立与之相应的考核体系，这样必然达到最佳的学习效果；教学设计要结合社会需求，作为理论与操作相结合的学科，网页制作在设计课程时，可以模拟真实的项目，如此可以进一步提升学生的技能，任务驱动教学模式的实行，能更好的调动学生的学习积极性和求知热情。
3 教学目标的设定
3.1 知识目标。这一目标主要为：掌握Dreamweaver的工作环境，以及菜单、工具栏的使用方法；掌握新建网站的方法、网页的编辑技术和文档的保存方法；掌握操作表格、单元格、框架、层的辅助定位工具的方法；掌握插入和编辑网页超链接的技术；掌握插入和编辑文本、图片、动画、视频的方法和设置格式的方法；掌握利用Fireworks设计处理文字的方法；掌握利用Fireworks制作网页中所需的线条及边框；掌握用工具绘制图形的方法；掌握基本动画和引导动画的制作。
3.2 技能目标。这一目标主要为：能通过模仿网页来制作实际网页；能在网页中熟练地插入文字、图片、动画等；能通过使用简单的表格编排出结构清晰、内容整齐的网页内容；能恰当地选择适当的网页背景图案和背景音乐；能插入简单的表单，使网页具有初步的动态功能。
3.3 情感目标。这一目标主要为：培养学生的敬业精神、团队协作精神；培养学生的社会责任感和工作效率观念；培养学生的审美情趣和审美能力；通过课堂中出现的网页，渗透爱党爱校教育；在合作学习过程中培养乐于助人、团结协作的精神。
4 教学重点、难点的设定
教学重点是帮助学生掌握网页布局、表格的制作和编辑方法、表格的嵌套和属性的设置，以及熟悉网页的各种元素。教学难点在于培养学生分析网页布局和色彩搭配的能力。
5 设计教学过程
5.1 引例以导入新课。（1）推荐给学生优秀网站做范例。1）清华大学网页布局——“国字型”并分析其网页元素；2）万州一家企业网页布局——“三字型”并简析其网页元素；3）重庆市机关党建网页和环球厨卫网页布局———“T字型”并简析其网页元素。（2）组织学生讨论网页的内容和风格，分析网页框架和布局。
5.2 课程主要内容的学习。（1）以广播的方式展示范例网站的网页，逐步引导学生分析网页的布局并尽可能详尽（“国”字型），在分别分析网页元素——文本、图像、表格等。（2）分小组布置活动任务，并分别指定小组长，教师实时观察进程，并对学生制作过程中遇到的问题适时给予帮助。（3）组织小组之间进行网页制作互评；（4）设计网页版面设计评估表。
5.3 课堂小结。在这个教学过程中，利用现代多媒体中的实例网页，教师准备好备好教学素材和课件，围绕网页制作实例，来促使学生掌握网页的布局，表格的制作与编辑方法，并熟悉网页的各种元素。通过课堂上的实践操作环节，很好的培训了学生的技能，教会学生举一反三、融会贯通，大大提高了学生的综合运用能力。同时提高了学生的专业技能水平，让学生真正地学会学以致用，教师也顺利完成教学目标，取得良好的教学效果。
6 设计考核方式
网页制作作为一个整体项目，可以从以下几方面进行评价：页面结构设计、网页中动画的制作、网页中导航的制作、子页面的制作、网页中图像的制作、网页中的链接和整体效果。主网页和二级网页在整体布局上要风格统一，布局合理、美观，文件命名正确，文件夹组织标准有序，符合社会标准；按要求制作网页导航、编辑网页元素，导航要求清晰、有一定动画效果。考核评分时，教师不仅应当结合学生的平时操作情况，还应考虑作品展示时其他同学的评价，综合评价给出一个分数。
7 结束语
网络技术发展不断更新，作为实践性很强的科目，“网页制作”对学生的动手能力要求越来越高，同时还需要学校和教师积极主动地关注社会需求，及时掌握技术发展趋势和网页制作发展动向，鼓励学生在不断储备知识的同时，不断提高自己的实践操作能力，使更多的网页制作人才得以涌现。
参考文献：
[1]曾广雄.中文Dreamweaver网页制作实例教程[M].北京：研究出版社，2008：206.
[2]周奇.新编网页设计与制作教程[M].北京：研究出版社，2008：185.
[3]贾勤.网页设计三合一能力教程[M].北京：中国铁道出版社，2006：54.
网页控制 篇4
《静态网页设计》这门课程是针对互联网技术专业学生的静态网页制作及编程的基础课,是知识性和技能性相结合的课程,此课程任务是要求讲解网页制作标记语言及脚本语言的相关理论知识,以及实际操作。达到熟练掌握HTML、XHTML、CSS等标记语言及Web标准布局的基本应用。课程目标是能熟练掌握静态网页页面布局及代码的编写。课程的主要内容包括:1、HTML超文本标记语言及XHTML可扩展超文本标记语言。2、CSS即“层叠样式表”,使用样式控制页面中的元素。
CSS也叫层叠样式表,它现在是网站前端开发不可或缺的一部分。程序开发者可以对任何页面中的任意元素使用CSS,使之前认为不可能的效果成为可能。在本课程讲述到CSS应用部分时,因为CSS的属性非常多,所以学生在静态网页设计中使用起来记不清楚或者容易混淆,比如本文中所要讲述的“如何使用CSS属性控制网页上超链接文本的格式”,因为超链接在网页上使用的频率非常高,因此超链接文本格式的设计也非常重要,CSS可控制超链接文本格式的样式如下:
a:link是超级链接的初始状态
a:visited是访问过后的情况
a:hover是把鼠标放上去时悬停的状况a:active
a:active是鼠标点击时
如上所示在CSS中也把设置超链接文本格式样式的属性称作伪类,下面列举超链接样式案例:
1)使用CSS标记选择符设置整个网页超链接文本格式的样式a{color:#339;text-decoration:none; }
//对整个网页有链接的文字颜色样式设置为color:#939;并超链接文本初始状态无下划线text-decoration:none;
如下代码视图和效果图:
2)使用CSS类选择符设置网页超链接文本格式的样式
.linkyangshi{color:#339;text-decoration:none;}
//对整个网页有链接的文字颜色样式设置为color:#339;并超链接文本初始状态无下划线text-decoration:none;
对应HTML代码:
<a href="#" class="linkyangshi">超链接文本</a>
通过这样的设置可以控制链接内的CSS类名为“linkyangshi”超链接的样式。
如下代码视图和效果图:
3)使用CSS伪类设置超链接文本格式的样式
a:link{color:#399;text-decoration:none;}:
//是超级链接的初始状态:超链接文本颜色为#399,并且文字无下划线;
a:visited{ color:#939;text-decoration:none;}
//是鼠标点击超链接文本时的状态:超链接文本颜色为939,并且文字无下划线;
a:hover{ color:#999;text-decoration:underline;}
//是把鼠标放在超链接文本上的状态:超链接文本颜色为999,并且文字带下划线;
a:active{ color:#d33;text-decoration:underline;}
//是鼠标点击超链接文本时的状态:超链接文本颜色为#d33,并且文字带下划线;
如下代码视图和效果图:
初始状态:
指向链接:
激活链接:
访问过后:
由上所述,CSS层叠样式在网页设计中的使用非常灵活,仅就上述实例的应用可以使用多种方法,虽然其在网站前端开发设计中只是其中的一部分,但就其对前端设计中网页的标准布局和修饰前端设计的作用真是必不可少。
参考文献
[1]网页设计中重要并且简单易用的CSS,51CTO.COM,2012.10.11.
[2]HTML网页制作从入门到精通[M].人民邮电出版社.
解析网页后门与网页挂马原理 篇5
转自 IT168
网站被挂马，被植入后门，这是管理员们无论如何都无法忍受的。Web服务器被攻克不算，还“城门失火殃及池鱼”，网站的浏览者也不能幸免。这无论是对企业的信誉，还是对管理员的技术能力都是沉重的打击。下面笔者结合实例对网页后门及其网页挂马的技术进行解析，知己知彼，拒绝攻击。
一、前置知识
网页后门其实就是一段网页代码，主要以ASP和PHP代码为主。由于这些代码都运行在服务器端，攻击者通过这段精心设计的代码，在服务器端进行某些危险的操作，获得某些敏感的技术信息或者通过渗透，提权获得服务器的控制权。并且这也是攻击者控制服务器的一条通道，比一般的入侵更具有隐蔽性。
网页挂马就是攻击者通过在正常的页面中(通常是网站的主页)插入一段代码。浏览者在打开该页面的时候，这段代码被执行，然后下载并运行某木马的服务器端程序，进而控制浏览者的主机。
二、网页挂马的类型
1、框架嵌入式网络挂马
网页木马被攻击者利用iframe语句，加载到任意网页中都可执行的挂马形式，是最早也是最有效的的一种网络挂马技术。通常的挂马代码如下：