C# WebBrowser 网页操作

C# WebBrowser 网页操作
C# WebBrowser 网页操作

C#的WebBrowser操作frame如此简单

刚学c#不久,也不太懂什么IHTMLDocument、IHTMLDocument2、IWebBrowser2等等。自己琢磨了好久,终于知道了怎么用WebBrowser操作frame和iframe。

1.获取frame的源文件

MessageBox.Show(webBrowser1.Document.Window.Fram es["main"].Document.Body.Inner Html);

2.获取frame的HTMLDocument接口

HTMLDocument doc = (HTMLDocument)webBrowser1.Document.DomDocument;

object j;

for (int i = 0; i < doc.parentWindow.frames.length; i++)

{

j = i;

HTMLWindow2Class fram e = doc.parentWindow.frames.item(ref j) as HTMLWindow2Class;

if (https://www.360docs.net/doc/4117945493.html, == "main")

{

MessageBox.Show(frame.document.title);

}

}

3.获取frame的IHTMLDocument2接口

IHTMLDocument2 doc =

(IHTMLDocument2)webBrowser1.Document.Window.Frames["main"].Document.DomDocu ment;

4.取得frame中被点击的连接

private void webBrowser1_Navigating(object sender, WebBrowserNavigatingEventArgs e) {

string url =

webBrowser1.Document.Window.Frames["main"].Document.ActiveElement.GetAttribute("s rc");

}

原文:https://www.360docs.net/doc/4117945493.html,/llj1985/archive/2007/09/01/1768147.aspx

C# 通过webBrowser 框架网页

2009-11-16 08:53

首先对webBrowser加载网页

this.webBrowser1.Url= new System.Uri("url地址", System.UriKind.Absolute);

给一般不是框架网页中的文本框赋值

webBrowser1.Document.GetElementById("文本框ID").InnerText= "weiling";//文本框赋值根据ID赋值

或者:this.webBrowser1.Document.All["文本框name"].SetAttribute("value", "0924");//文本框赋值根据name赋值

表单提交,也可以看成是一个点击事件

HtmlElement form= webBrowser1.Document.GetElementById("formID");//提交表单

form.InvokeMember("submit");

框架网页中的文本框赋值,"frameMain"是框架的na me

webBrowser1.Document.Window.Frames["frameMain"].Document.GetElementById("txtXingming ").InnerText= "521656";//框架赋值

注:frameMain 是框架的name

框架网页中下拉框赋值

HtmlDocument doc= webBrowser1.Document.Window.Frames["frameMain"].Document;//框架下下拉框赋值

HtmlElement el= doc.GetElementById("drpXingbie");

el.SetAttribute("selectedIndex","1");

网页控件没有ID时的操作

C#:webBrowser1控件通过TagName,Name查找元素(没有ID时)

//防止页面多次刷新页面执行

if (num == 1)

{

string GetUserName = System.Configuration.ConfigurationSettings.AppSettings["Y2000UserName"].ToString();

string GetUserPassword = System.Configuration.ConfigurationSettings.AppSettings["Y2000UserPassword"].ToString();

int a = 1;

int all = webBrowser1.Document.Body.All.Count;

for (int i = 0; i < all; i++)

{

HtmlElement GetElement = webBrowser1.Document.All[i];

//取到包含input标签的元素

if (GetElement.T agName.T oUpper().ToString() == "INPUT")

{

//根据input的Name属性,找到该元素并赋值:给用户名输入框赋值

if (https://www.360docs.net/doc/4117945493.html,.ToString() == "UserName")

{

webBrowser1.Document.All[i].SetAttribute("value", GetUserName);

}

//根据input的Name属性,找到该元素并赋值:给密码输入框赋值

if (https://www.360docs.net/doc/4117945493.html,.ToString() == "Passwd")

{

webBrowser1.Document.All[i].SetAttribute("value", GetUserPassword);

}

}

//根据input的Name属性,找到提交按钮并执行动作

if (https://www.360docs.net/doc/4117945493.html,.ToString() == "Submit")

{

//过滤点击页面中相同"name=Submit"的元素

if (a == 1)

{

webBrowser1.Document.All[i].InvokeMember("click");

}

a++;

}

}

num++;

}

C# WebBrowser实现网页自动填表

2010-02-01 16:20

C# WebBrowser实现网页自动填表

曾今向网友介绍过我的一个自己编写的自动填写网页表单的小程序,很多网友都觉得很实用,也许多会对这个程序的源码很感兴趣,这里我只是简介下程序中用到的主要代码。最初我是通过下面这篇文章渐渐积累的相关知识,再慢慢完善,现转来同大家分享,共同学习。

话说有了WebBrowser类,终于不用自己手动封装SHDocVw的AxWebBrowser这个ActiveX 控件了。这个类如果仅仅作为一个和IE一模一样浏览器,那就太没意思了(还不如直接用IE 呢)。那么,无论我们是想做一个“定制版IE”,还是希望利用HTML来做用户界面(指WinApp 而非WebApp。许多单机软件,包括Windows的帮助支持中心,都是HTML做的),都少不了Windows Form和包含在WebBrowser中的Web页面的交互。本文将通过几个实际的例子,初步介绍一下WinForm和WebBrowser所包含的Web页面之间的交互。

下面的代码假设你已经建立了一个Windows Form,上面有一个WebBrowser名为“webBrowser”。

Study Case 1:用WinForm的Event Handler响应Web页面的事件

现在有这样一个Windows Application,它的界面上只有一个WebBrowser,显示一个本地的HTML文件作为界面。现在的问题是,所有逻辑都可以放在HTML文件里,唯独“关闭”按钮遇到了困难——通常,Web页面是没有办法直接控制浏览器的,更不用说结束这个WinForm 程序了。

但是,在.Net 2.0当中,“由Windows Form响应Web页面的事件”已经成为了现实。

在.Net 2.0中,整个HTML文档以及其包含的各个HTML元素,都和一个个HtmlDocument、HtmlElement之类的.Net对象对应。因此只要找到这个“关闭”按钮对应的HtmlElement对象,为其click事件添加Event Handler即可。

假设HTML源代码如下:

那么找出该按钮并为之添加Event Handler的代码如下:

HtmlDocument htmlDoc = webBrowser.Document;

HtmlElement btnElement = htmlDoc.All["btnClose"];

if (btnElement != null)

{

btnElement.click += new HtmlElementEventHandler(HtmlBtnClose_Click);

}

其中HtmlBtnClose_Click是按下Web按钮时的Event Handler。

很简单吧?那么稍稍高级一点的——我们都知道一个HTML元素可能有很多各种各样的事件,而HtmlElement这个类只给出最常用、共通的几个。那么,如何响应其他事件呢?这也很简单,只需要调用HtmlElement的AttachEventHandler就可以了:

btnElement.AttachEventHandler("onclick", new EventHandler(HtmlBtnClose_Click));

//这一句等价于上面的btnElement.click += new HtmlElementEventHandler(HtmlBtnClose_Click);

对于其他事件,把"onclick"换成该事件的名字就可以了。例如:

formElement.AttachEventHandler("onsubmit", new EventHandler(HtmlForm_Submit));

Study Case 2:表单(form)的自动填写和提交

要使我们的WebBrowser具有自动填表、甚至自动提交的功能,并不困难。

假设有一个最简单的登录页面,输入用户名密码,点“登录”按钮即可登录。已知用户名输入框的id(或Name,下同)是username,密码输入框的id是password,“登录”按钮的id是submitbutton,那么我们只需要在webBrowser的DocumentCompleted事件中使用下面的代码即可:

HtmlElement btnSubmit = webBrowser.Document.All["submitbutton"];

HtmlElement tbUserid = webBrowser.Document.All["username"];

HtmlElement tbPasswd = webBrowser.Document.All["password"];

if (tbUserid == null || tbPasswd == null || btnSubmit == null)

return;

tbUserid.SetAttribute("value", "smalldust");

tbPasswd.SetAttribute("value", "12345678");

btnSubmit.InvokeMember("click");

这里我们用SetAttribute来设置文本框的“value”属性,用InvokeMember来调用了按钮的“click”方法。因为不同的Html元素,其拥有的属性和方法也不尽相同,所以.Net 2.0提供了统一的HtmlElement来概括各种Html元素的同时,提供了这两个方法以调用元素特有的功能。关于各种Html元素的属性和方法一览,可以查阅MSDN的DHTML Reference。

※关于表单的提交,的确还有另一种方法就是获取form元素而不是button,并用form元素的submit方法:

HtmlElement formLogin = webBrowser.Document.Forms["loginForm"];

//……

formLogin.InvokeMember("submit");

本文之所以没有推荐这种方法,是因为现在的网页,很多都在submit按钮上添加onclick事件,以对提交的内容做最基本的验证。如果直接使用form的submit方法,这些验证代码就得不到执行,有可能会引起错误。

Study Case 3:查找并选择文本

这次我们希望实现一个和IE一模一样的查找功能,以对Web页面内的文字进行查找。

文本查找要借助于TextRange对象的findText方法。但是,.Net里并没有这个对象。这是因为,.Net 2.0提供的HtmlDocument,HtmlWindow,HtmlElement等类,只不过是对原有mshtml 这个COM组件的不完整封装,只提供了mshtml的部分功能。所以许多时候,我们仍旧要借助mshtml来实现我们需要的功能。好在这些.Net类都提供了DomDocument这个属性,使得我们很容易把.Net对象转换为COM对象使用。下面的代码演示了如何查找Web页面的文本。(需要添加mshtml的引用,并加上using mshtml;)

public partial class SearchDemo : Form

{

// 建立一个查找用的TextRange(IHTMLTxtRange接口)

private IHTMLTxtRange searchRange = null;

public SearchDemo()

{

InitializeComponent();

}

private void btnSearch_Click(object sender, EventArgs e)

{

// Document的DomDocument属性,就是该对象内部的COM对象。

IHTMLDocument2 document = (IHTMLDocument2)webBrowser.Document.DomDocument; string keyword = txtKeyword.Text.Trim();

if (keyword == "")

return;

// IE的查找逻辑就是,如果有选区,就从当前选区开头+1字符处开始查找;没有的话就从页面最初开始查找。

// 这个逻辑其实是有点不大恰当的,我们这里不用管,和IE一致即可。

if (document.selection.type.ToLower() != "none")

{

searchRange = (IHTMLTxtRange)document.selection.createRange();

searchRange.collapse(true);

searchRange.moveStart("character", 1);

}

else

{

IHTMLBodyElement body = (IHTMLBodyElement)document.body;

searchRange = (IHTMLTxtRange)body.createTextRange();

}

// 如果找到了,就选取(高亮显示)该关键字;否则弹出消息。

if (searchRange.findText(keyword, 1, 0))

{

searchRange.select();

}

else

{

MessageBox.Show("已搜索到文档结尾。");

}

}

}

到此为止,简单的查找就搞定了。至于替换功能,看了下一个例子,我相信你就可以触类旁通轻松搞定了

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等)。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档",就能看到该网页的HTML代码。下面是个网页文档(model.htm)的HTML代码: 这里是标题

第一段文字。

第二段文字。

【操作】请在记事本中输入以上代码,命名为test1.htm,存于D盘,然后双击打开看看。 标记一般是成对出现的,#FFFFFF表示使用的颜色是白色。 ...

... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体,如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色,默认的文字颜色是白色。

...

之间是h1号标题字

...

之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准,其标记有几百种,您并无需全部了解他们,只要记住其中常用的十几种,就能够做出很漂亮的网页来。 常用的标记举例:

网页设计与制作》网上作业题答案(全)

1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.360docs.net/doc/4117945493.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.360docs.net/doc/4117945493.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.360docs.net/doc/4117945493.html,(此处也可输入IP地址); (3)http:如https://www.360docs.net/doc/4117945493.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.360docs.net/doc/4117945493.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.360docs.net/doc/4117945493.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.360docs.net/doc/4117945493.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.360docs.net/doc/4117945493.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.360docs.net/doc/4117945493.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。

网页制作必懂的基础知识

网页制作必懂的基础知识(一) 近来这几天一直在学习网页制作的知识,颇有收获,分享大家,都是一些网页制作的必懂的基础知识。 1 html基础代码

 == 可以创建链接和瞄点。  特殊标签:空格 大于号:>小于号:<版权号:© 引号:" 滚动标签: 属性有:滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动:onmouseover=this.stop() 鼠标离开继续滚动:onmouseover=this.start() 2图片的讲解 图片的格式:jpg png gif 图片的要素:width height alt title src 图片的路径:相对路径和绝对路径 图片和文字的格式: align=”left””right””bottom””middle””absmiddle” 3三种列表的讲解:列表可以嵌套

四表格和表单 表格:表格边框
表单:
Type有:text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select

frontpage2000网页制作教程(完全版)

第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者:未知阅读人次:5527 文章来源:未知发布时间:2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你还瞎呆在那里干什么?赶快阅读本教程,你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000,学会干什么?当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作,需要懂得大量的计算机知识。我现在要告诉你,你错了。在这个流行图形操作系统的今天,制作主页不再需要你去学习复杂,烦躁的HTML语言了,你只需要知道一个概念:主页(也称网页,怎么样称呼都无所谓)就象一张白纸,你可以在上面写字,画画等等,通过自己的设计,那张白纸可以变成很漂亮。做主页时就是这个概念,只不过我们写字,画画是用笔和白纸,而做主页我们是用鼠标,键盘和Frontpage

网页设计与制作在线作业C

网页设计与制作_在线作业_C 最终成绩:90.0 一判断题 1. (5.0 分) FALSE TRUE 知识点: 11.2 编辑矢量对象 用户解答: FALSE 2. (5.0 分) FALSE TRUE 知识点: 12.1 创建和编辑标准文本 用户解答: FALSE 3. 在Fireworks中,图中(b)是对(a) 实施外斜角滤镜的结果。() (5.0 分) TRUE FALSE 知识点: 13.1 滤镜 用户解答: FALSE 4. 在Fireworks中,“自由变形工具”能够直接对矢量对象执行变形操作,也能对路径上的各个定位点进行操作。() 在Fireworks中,文字不能设置笔触和填充。()

(5.0 分) FALSE TRUE 知识点: 13.2 资源——样式、元件、URL 、形状 用户解答: TRUE 5. (5.0 分) FALSE TRUE 知识点: 13.4 优化与导出 用户解答: FALSE 6. (5.0 分) FALSE TRUE 知识点: 15.2.3 绘图工具箱 用户解答: TRUE 7. (5.0 分) FALSE TRUE 在Fireworks 中,元件是用户自己建立的可以重复使用的图形,动画或按钮对象。( ) 在Fireworks 中,可以同时显示6幅不同优化效果的图像。( ) Flash 中“墨水瓶工具”(Ink Bottle Tool )是为矢量色块进行填充的工具。( ) Flash 中文本必须图形化才能使用滤镜。( )

知识点: 16.1.1 文本工具 用户解答: TRUE 8. (5.0 分) TRUE FALSE 知识点: 16.1.2 文本变形及图形化 用户解答: TRUE 二单项选择题 1. (5.0 分) 知识点: 9.5 调整画布或图像 用户解答: 2. (5.0 分) “修改”|“组合路径”|“拆分” “修改”|“组合路径”|“封口” “修改”|“组合路径”|“联合” “修改”|“组合路径”|“接合” 知识点: 11.2 编辑矢量对象 用户解答:“修改”|“组合路径”|“接合” 3. Flash中为了避免丢失字体,应将文字图形化。() 若需要向下方向扩大Fireworks画布,应在修改Fireworks画布的窗口内,点击()锚定按钮。在Fireworks中,用“刀子”工具切割路径后,应执行()命令,将路径封口。

网页设计与制作教程

网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1.信息的获取与发布 2.电子邮件 3.网上交际 4.电子商务 5.网络电话 6.网上事务处理 7.远程登陆 8.文件传输 9.电子公告版 10.全球信息网 11.INTERNET的其他应用 WWW简介 1.网页,网页文件和网站 2.HTTP和FTP协议 3.超文本和超链接 4.INTERNET地址 5.域名 6.统一资源定位器(URL) 7.HTML 常见网络浏览器----IE 第二章网站建设概论 (1)信息类网站 (2)交易类网站 (3)有偿信息类网站:101网校、 (4)功能型网站 (5)综合类网站 2.根据网站的性质分类: (1)政府网站 (2)企业网站 (3)商业网站 (4)教育科研机构网站 (5)个人网站 (6)非赢利机构网站 (7)其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站;商业与经济类,艺术,人文,健康,医药,政府,政治类,电脑与 网络类,社会和文化,科学与教育类,参考资料类 2.1.2网站建设的步骤 1.制作环境的准备:1)设备:扫描仪,数码相机,打印机2)完善系统环境3)备齐网页开发工具软件,网页制作工具,服务器端程序开发工具及一些实用的辅助工具。。。4。

备齐素材制作和加工软件,包括对图形,动画,刘媒体和声音进行处理的素材制作和加工软件 5)备齐常用的网站发布工具,如FTP文件传输软件 2.网站目标的确定:对象:访问者的类型;主题明确,数据充分。保持目标的简洁 3.网站主题,风格和创痍点的确定 1)主题选材要小而精 2)擅长或感兴趣的内容 )选题不要太滥:因特网上只有第一,人们记不住第二第三名 2)网站的风格:CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等诸多因素 1)确信风格是建立在有价值的内容上的 2)需要彻底弄清楚站点给人的印象是什么 3)在明确网站印象后,开始努力建立和加强这种印象:1)标志(LOGO)2)色彩3)标准字体4)醒目标准口语5)统一图片处理效果7)使用网站特有的图标;使用自己设计的花边,线条和点;;9)展示网站的荣誉和成功作品10)告诉网友关于个人真实的故事和想法3)网站的创意(准备期,孵化期,启事期,验证期,形成期) 4.网站结构的确立:1)网站结构的确立2)网站目录的设置3)网站链接结构的设置:树状连接结构;星状链接结构3)两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定:DREAMWEA VER和FRONTPAGE,PHOTOSHOP,FIREWORKS,动画制作工具:FLASH,COOL 3D;网页特效工具,网页特效精灵,有声有色 7.网站的建设 1)申请E---MAIL帐号 2)申请网页空间:1。打开虎翼网空间申请主页 3)域名注册:对于个人网站,在申请免费网页空间的同时也完成了域名的注册 4)网页制作:先简单后复杂,布局先大后小,制作网页时要多灵活运用软件配备的设计模板,这样可以大大提高制作效率 8。网站的测试(看看有没有问题)和上传(将网站发布到WEB服务器,网页制作工具本身具有FTP功能) 9。网站的宣传和推广(搜索引擎上注册,与别的网站交换链接,运用网络广告) 10.网站的更新和维护:必须不断给它补充新的内容,才能够长期吸引住浏览者 2.1.3 网站设计的原则 1)网站主题不要多于三个:小而精,定位小 2)网站的标准色彩不要超过三种 3)重视网站目录结构的创建(创建目录的原则百度上找出来):不要将所有文件都存在根目录下,目录层次不超过三层,不要使用过长的目录名,尽量不要使用中文目录名 4)链接层次不要超出三层(便于维护) 5)网页长度应限定在三个整屏以内 6)表格的嵌套层次要控制在三层左右(表格插入表格里) 7)网站导航要清晰 2.优秀网站的五大要素 1)网站内容丰富 2)页面下载速度快(网页简单,不要大量图片)

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.360docs.net/doc/4117945493.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 个像素,颜色为棕色;

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

怎样制作网页制作网页详细操作步骤

怎样制作网页制作网页详细操作步骤 怎样制作网页制作网页详细操作步骤 制作网页主要有以下一些工具 Frontpage:office自带的一个工具,操作简单,实用,学起来 比较轻松,功能不咋地,我不太喜欢。 Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可 以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具,例如写字本、EditPlus等, 这些工具主要编辑asp等动态网页。 大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。 总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了! 网站设计八步骤 由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一 行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为 什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢 大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵 循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站

那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的 特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要 是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围 内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸 引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站 就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可 以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为 自己制作网页的素材。 三、规划网站 一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座 漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只 有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有 吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制 作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民 选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效 工具,如有声有色等,网上有许多这方面的软件,你可以根据需要 灵活运用。

网页制作基础知识 教案

网页制作基础知识教案 教学目标: 了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识,如网站和网页的区别、网页的类型、网页的构成元素等,然后在了解的基础上再通过练习来巩固。 教学重点难点: 在深刻了解概念的基础上把理论转化成实际的应用。 教学过程: 在制作网页之前,首先要了解一些关于web网页的基本知识,了解一下构成一个网站的基本元素等。 网页的基本元素 文本:基本组成部分 图像:更加直观准确地表达某些信息,并且可以起到美化网页,吸引读者注意力的作用 超链接:可以方便地转入其他网页进行浏览。 网页的其他元素:音乐表格表单 美化网页,丰富网页的内容,增强网页的功能。 网页的实质 网页相当于刊物中所发表的一篇篇文章,但与纸上的文章相比,它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… ◆网站相当于发行到全世界的期刊。 ◆网站的实质 = 服务器上的文件夹 ◆主页相当于期刊的封面。 ◆主页的实质 = 打开网站的第一个网页 网页和网站的分类 从网页是否执行程序来分,可分为静态网页和动态网页这两种类型。 什么是静态网页、动态网页? ◆所谓静态网页,指的是网页从服务器传到客户端时,网页的内容是“固定 不变”的,也就是说,服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器,这种网页一般是标准的HTML代码。 静态网页一般以.htm或.html为后缀结尾的,俗称html文件。本课程就是制作静态网页的课程。 ◆所谓动态网页,它在由服务器传递给客户端的时候必须由服务器把它转换 成相应的HTML格式,而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写,如ASP、https://www.360docs.net/doc/4117945493.html,、PHP、JSP等等

会考专题之网页制作操作题

会考专题之网页操作题 上机前准备:请同学们们下载天安门的图片、一张蛋糕图片到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 设置为该网页的背景

网页设计与制作_在线作业_1

网页设计与制作_在线作业_1 一、单选题 1. 在Fireworks中,修改用钢笔绘制的自由路径的弧度,需使用()。 ? A. 部分选定工具 ? B. 钢笔 ? C. 重绘路径工具 ? D. 指针工具 2. 在Fireworks中,用“刀子”工具切割路径后,应执行()命令,将路径封口。? A. “修改”|“组合路径”|“联合” ? B. “修改”|“组合路径”|“拆分” ? C. “修改”|“组合路径”|“封口” ? D. “修改”|“组合路径”|“接合” 3. 若将页面分为3个框架,应保存()个网页html文件。 ? A. 1 ? B. 2

? C. 3 ? D. 4 4. 在Fireworks中,“自由变形工具”的光标有两种形状,()。 ? A. 当光标为时,对路径执行“扭曲”操作,当光标为时,对路径执行“拉伸”操作 ? B. 当光标为时,对路径执行“推动”操作,当光标为时,对路径执行“拉伸”操作 ? C. 当光标为时,对路径执行“推动”操作,当光标为时,对路径执行“扭曲”操作 ? D. 当光标为时,对路径执行“推动”操作,当光标为时,对路径执行“拉伸”操作 5. .blue {color: #0000ff}是()。 ? A. 标签选择符和选择符组 ? B. 包含选择符 ? C. ID选择符 ? D. 类选择符 6. 书写CSS样式时,要把相同属性和值的标签组合起来书写,应使用()。

? A. ID选择符 ? B. 类选择符 ? C. 标签选择符和选择符组 ? D. 包含选择符 二、多选题 1. Flash的“选择工具”用于选取图形、移动图形和编辑图形。其光标可以是()。? A. ? B. ? C. ? D. 2. 使用Flash “选择工具”同时选中,则()。 ? A. 作图或拖动舞台对象时,可以准确地吸附到其他线条上的点。 ? B. 鼠标指针指向对象的中心点,鼠标指针上出现一个小三角 ? C. 作图或拖动舞台对象时,可以准确地吸附到其他图形的中心点。 ? D. 影响绘制形状或位置的微调。 3.

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

网页设计与制作课程简介

《网页设计与制作》课程简介 课程名称:网页设计与制作 课程代码:02038 适用专业:初等教育(计算机与信息技术方向) 课程性质:专业核心课程、必修课、专业技能课 学分:3 学分 计划学时:72学时(理论36学时,实训36学时) 一、前言 1. 课程性质 本课程是初等教育计算机与信息技术专业的一门专业技能课程,培养学生网页设计与制作能力,适应初等教育对信息技术教师的人才基本要求,同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位。 本课程的先修课程是《计算机应用基础》,后续课程是《https://www.360docs.net/doc/4117945493.html,程序设计》。在完成《计算机应用基础》课程学习后,学生掌握了计算机基本知识和原理,学会了一些应用软件和工具软件的使用,进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.360docs.net/doc/4117945493.html,程序设计》课程,能设计和制作动态网页。 2. 课程基本理念 初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师,今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者,建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合,培养学生动手能力,能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求,适合从事网站建设相关的岗位群。 3. 课程设计思路 根据初等教育计算机与信息技术专业人才培养方案,《网页设计与制作》是重要的专业技能课程,是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容,以案例驱动贯穿教学过程。由浅入深,最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线,要重视HTML

项目1网页制作基础知识答案【网页设计与制作项目教程】.docx

一、填空题( 2‘ *5 ) 1、 题干网站由网页构成,并且根据功能的不同,网页又有____和动态网页之分。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案静态网页 网站由网页构成,网页有静态和动态之分。所谓静态网页是指用户无论何时何地访 答案说明问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化,这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 2、 题干Web标准是一系列标准的集合,主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案表现和行为 答案说明 Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构(Structure)、表现( Presentation )和行为( Behavior )三个方面。 关键字Web标准3、 题干HTML中文译为 ________________ ,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案超文本标记语言 答案说明 HTML(英文 Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________ 对网页中的文本、图片、声音等内容进行描述。知识点编号

题目类型填空题 难度等级简单 权重分值 2 分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”,主要是通过 HTML标记对网页中的文本、图片、声音等内容进行描述。 关键字HTML语言简介 5、 题干在网站建设中, HTML用于搭建页面结构,CSS用于设置页面样式, __________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案JavaScript 答案说明考察对 JavaScript 的理解 关键字JavaScript 语言简介 二、判断题( 2‘ *10 ) 1、 题干因为静态网页的访问速度快,所以现在互联网上的大部分网站都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案错 答案说明 现在互联网上的大部分网站都是由静态网页和动态网页混合组成的,两者各有千秋,用户在开发网站时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超链接等元素构成,但是也可以包含音频、视频以及 Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值 2 分 答案对 答案说明 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash 等。 关键字认识网页

网页制作教程指导

第一章网页设计基础 教学目的: 本章将带领用户认识Dreamweaver MX,了解其新增功能。在开始学习该软件之前,了解一下Dreamweaver MX 的工作界面的一些简单设置。通过本章的学习,用户能熟悉Dreamweaver MX的工作界面,并能自行设置具有独特的个性化的工作环境。理解DW站点的作用,并掌握建立站点的方法及站点维护的方法。 教学重点: 1、认识Dreamweaver MX。 2、新增功能。 3、Dreamweaver MX主窗口。 4、自定义工作环境。 5、利用Dreamweaver建立站点的方法 教学难点: 1、认识Dreamweaver MX。 2、新增功能。 3、自定义工作环境。 教学方法:讲演法 教学课时:2课时

教学内容与教学过程: 一、介绍网页制作这门课程 1.学习这门课程的目的:让学生掌握HTML语言、以及利用相关网页制作工具制作网页的基本方法与技能。学生通过这门课程的学习,能够具备综合运用专业软件进行小型网站开发和静态网页页面设计的能力,同时积累一定的实践经验,为今后从事相应的网站设计制作工作打下良好基础。 2.这门课程的教学内容:在制作软件上:以网页制作软件DreamWeaver MX为主干进行网页制作教学,同时选择了Flash MX版本来制作网页中的动画素材,选择了图形图像工具Photoshop 7.0版本软件来处理和制作网页中的图片。教学内容安排上按照学生学习网页的渐进规律划以及学校制订的计划主要学习第1、2、3、5、6、9章,主要包括网页制作的基础知识、Dreamweaver MX软件的使用,初学者利用现有的素材设计制作出一个简单的网页;利用Photoshop7和Flash MX软件来美化网页,以及网页布局和用色方面的美术知识,如何设计网页的版面和结构,还要能对供给的素材按照网站的特点进行适当的美化处理;还能掌握中小型网站的建立方法。 3.这门课程的教学和学习方法:教学上以一个个案例为基础,采用项目教学的方法,由浅入深的介绍网页制作的各个知识点;教学中以学生会操作为目的,重视学生动手能力和自学能力的培养同学们学习时除了要掌握相应的操作技能以外,更要重视操作技能的使用,要努力完成每章教学案例的制作以及课后素材案例。在不断的练习过程中熟悉和升华所学的操作技能。同时,要学会学习,即要学会与老师或同学之间技术心得的交流,要学会能自主的依靠其他资源(网络、报纸杂志等)来扩展所学的知识体系。 课前思考: 1、Dreamweaver软件是干什么用的? 2、试用一下Dreamweaver,你觉得这个软件在界面上更象Word还是Photoshop,为什么? 3、试用一下Dreamweaver,按默认格式保存,文件的扩展名是什么? 4、双击网页文件,会自动打开Dreamweaver软件吗?这点上与Word软件相同吗? 1.1 Dreamweaver的基本概念 1、了解Dreamweaver与IE有什么区别? Dreamweaver是制作网页的工具,用它可以生成.htm或.html文件,而IE是浏览网页的工具,用IE只能看网页,而不能改网页,修改网页还是需要网页制作工具。 2、做网页只能使用Dreamweaver一种工具吗? 常用的网页制作软件有Dreamweaver和FrontPage。Dreamweaver由美国Macromedia公司开发,虽然初学者感到比较难学,但它的功能更强大,生成的网页代码质量好,是当今最流行的网页制作工具,适合专业网页设计人员使用,近年来它还获得过不少大奖呢。Frontpage是微软公司开发的Office办公软件中的一部分,比较容易上手,但功能不太强大,我们只在需要时(如向网页中加入微软格式的视频),才会使用FrontPage。 3、Dreamweaver最新版是多少? Dreamweaver从2.0、3.0、4.0、MX到现在最新的MX2004版,平均每过一年就出一个新版。可见计算机是多么的富有活力。今年常用的是MX版,建议大家在家里的电脑上也将这个版本,以便与学校的相同。对于软件,我并不认为版本越新越好,它们的基本功能还是相同的,一般版本越高,对计算机的要求也越高,如果计算机配置不高,初学时还是找个低版本比较好,当然所装的软件必须与书本上的相同,这也是学习其它软件的基本要求。 4、Dreamweaver与Firework、Flash有何关系? 它们都是Macromedia公司的软件,Dreamweaver是网页制作工具,Firework是图形处理工具,与photoshop相似,一般用于网页图形的制作,Flash是动画制作工具,在制作好的网页时,一般先用Firework和Flash先制作好网页中要用到的图形和动画素材,再用Dreamweaver把这些素材做成一张网页,只会Dreamweaver,不会图形处理和动画制作,是做不出好的网页的。有人把这三个软件称作网页设计“三剑客”。 1.2认识DreamWeaver 1.DreamWeaver的作用和特色 2.DreamWeaver功能界面的分解 3.DreamWeaver工作流程 4. DreamWeaver 的版本、安装、打开、保存等操作演示:练习制作第一张网页——作业一在主窗口中输入以下文字,并按以下格式排版,最后把文件以“学号姓名.htm”为名保存在桌面上。注意难点:设置字体、水平线、二个全角空格、回车会自动空一行,Shift+回车就不会空行了。

网页设计与制作教案

[章节名称]:网页设计入门基础 [课堂类型]:理论■实训□练习■测试□ [学时安排]:2课时 [目的要求] 1.了解网络的基本知识,网页设计的基础知识,网页的分类,动态网页的原理及 技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程,掌握最基本的网页的构成及最简单的网页html代码 [难点] ; 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解,结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排,教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一:结合PPT课件的内容,讲解网络和网页的基本知识。了解网页的分类,网页运行的原理,介绍网页设计的工具,动态网页的技术。 ^ 环节二:介绍网页的构成,并对一个网站进行实例分析说明。编写最简单的html 代码。 环节三:了解网页设计的流程 主要有以下几个步骤:

一. 网站规划 二. 素材资源收集 三. 选择开发工具 四. 站点建立与规划 五. 分模块进行网页设计 六. 网页源代码测试与特效添加 七. 申请域名与空间 . 八. 网页源代码上传 九. 定期的维护 环节四:对本节课的内容进行复习,让学生练习html的代码。并进行疑难解答" …

[章节名称]:html基础与应用1 [课堂类型]:理论■实训□练习■测试□ [学时安排]:2课时 [目的要求] 了解html语言的基础知识,结构,掌握html语言设置网页的背景音乐,背景图片,字体的方法。 \ [重点] Html语言设置网页的背景音乐,图片,字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解,结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排,教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 : 《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一:复习网页设计的基础知识,介绍如何利用Dreamweaver开发工具,记事本编辑网页的源程序,介绍网页站点的创建及注意事项。 环节二:讲解html语言的结构,特点,设置网页页面的背景音乐,图片,字体

相关文档
最新文档