《网页制作2011.10.13》由会员分享，可在线阅读，更多相关《网页制作2011.10.13（25页珍藏版）》请在金锄头文库上搜索。
1、情境一 Internet基础与应用任务一 Internet概述一、Internet概念Internet是一个全球性的计算机互联网络，它是将不同地区且规模大小不一的网络互相连接而成。Internet的功能l 信息的获取与发布l 电子（E-mail）l 网上交际l 电子商务l 网络l 网上事务处理l Internet的其它应用二、WWW概念WWW(World Wide Web)译为万维网，简称Web，平常口头都读3W，是Internet上最重要的资源。它是由Internet上的信息服务器连成的网络，是目前Internet上发展最快和应用最广泛的服务。1.超文本传输协议（HTTP）HTTP(超文本传
2、输协议)是用于将超文本从WWW服务器传输到本地浏览器的传送协议。通信协议是构成计算机网络的基本要素之一。通信协议是网络上各个PC机之间沟通的“语言”，有了协议之后，网络上的计算机才有可能互联。2.统一资源定位器（URL）Web中用URL(统一资源定位器)作为标识文档及其他资源的全球地址。URL好比门牌，它可以帮助用户在Internet定位所需要的资料。URL的一般形式为：应用协议类型：/被访问的服务器的域名或IP地址/路径名/文件名冒号左边是说明URL的访问方式。如：ftp：文件传输协议http：超文本传输协议三、TCP/IP概念TCP/IP（传输控制协议/互联网络协议）是一种网络通信协议，它
3、规了网络上的所有通信设备，尤其是一个主机与另一个主机之间的数据往来格式以及传送方式。TCP/IP是Internet的基础协议，是由底层的IP协议和TCP协议组成的，也是一种电脑数据打包和寻址的标准方法。在数据传送中，可以形象地理解为有两个信封，TCP和IP就像是信封，要传递的信息被划分成若干段，每一段塞入一个TCP信封，并在该信封面上记录有分段号的信息，再将TCP信封塞入IP大信封，发送上网。在接收端，一个TCP软件包收集信封，抽出数据，按发送前的顺序还原，并加以检验，若发现错误，TCP将会要求重发。四、IP地址概念在TCP/IP网络中，每个主机都有唯一的地址，它是通过IP协议来实现的。IP协
4、议要求在每次与TCP/IP网络建立连接时，每台主机都必须为这个连接分配一个唯一的32位地址，因为在这个32位IP地址中，不但可以用来识别某一台主机，而且还隐含着网际间的路径信息。IP地址一般以4个字节表示，每个字节又用十进制表示，围是0255，每个数字之间用点隔开，如192.168.101.5。IP地址的结构：网络类型网络ID主机ID先按IP地址中的网络标示号找到相应的网络，再在这个网络上利用主机ID找到相应的主机。五、域名系统IP地址是以数字来代表的主机地址，比较难记，为了使用和记忆方便，也为了便于网络地址的分层管理和分配，Internet采用了域名管理系统，结构为：主机名.机构名.网络名.
5、最高层域名IP地址和域名的关系就像每个人的号和自己的名字，是一一对应的，当输入一个域名地址时，域名服务器（DNS）就会搜索其对应的IP地址，然后访问到该地址所表示的站点。任务二 网上自我保护常识一、使用密码时1.尽量避免使用有意义的英文单词、缩写以及生日、等容易泄露的字符作为密码，最好采用字符与数字混合的密码。2.在不同的场合使用不同的密码。3.不要贪图方便在拨号连接时选择“保存”密码。4.定期地修改自己的上网密码，至少一个月更改一次。二、使用电子时应申请多个免费，对于不同的用途，分门别类地使用不同的。三、下载时1.不下载来路不明的软件及程序。2.不要打开来历不明的电子及其附件，以免遭病毒的侵
6、害。四、安装防火墙如有条件，应安装防火墙以抵御黑客的袭击。情境二 网页设计与制作概述任务一 网页设计与制作初识一、 的组成元素整体CIS：以何种统一规的视觉形象展现给用户。文件系统导航系统：便于用户浏览信息、获取服务，并且在浏览过程中不至于迷失，在发现问题时可以及时找到在线帮助的所有形式。技术模型：在开发过程中实施的技术组合方案。如的界面设计工具一般采用Dreamweaver、FrontPage或Golive结合Flash、PhotoshopIllustrator或Fireworks等。服务及体贴模型项目化管理机制的技术规及其相关文案二、 与网页的关系多个网页组合在一起便形成了一个。简单地说，
7、多个网页通过超构成了整个。三、 基于Web的客户端与服务器端基于Web的客户端是指用户或浏览器端，即所在的Web服务器反馈给用户的网页信息。基于Web的服务器端是指文件所存放的Web服务器。四、 基于Web的人机交互基于Web的人机交互是指客户端的用户与Web服务器端的应用程序之间的人机对话，即当用户向Web服务器端的应用程序发出HTTP请求时，Web服务器端的应用程序对用户的请求产生响应并反馈给用户相应的结果页面。任务二 开发的技术层面及工具开发的技术层面是指开发过程中的开发模块。的整体CIS设计、 容 主要页面的版式设计界面设计网页中的文字、图像与多媒体等对象的设计 Adobe Web P
8、ublish：Photoshop、Illustrator、工具 Golive和LiveMotion Adobe Studio:Dreamveaver、Flash、Fireworks和FreeHand。客户端程序设计 服务器端程序设计 服务器端数据库开发 的测试：的发布、维护与更新任务三 的分类与精品赏析分类一般的原则是的相对规模与主体功能。综合门户类：在某个特定的行政区域具有绝对的规模优势，同时具有相对稳定和庞大的服务受众群。如新浪网等。垂直门户类：在某个行业中具有绝对的规模优势，同时其主体业务在本行业中处于绝对的领先地位，或者在某个特定的技术领域具有绝对的技术权威，并同时具有相对较大的规模。
9、专业程度必须很高，或者说的服务容相对比较单一。如当当网上书店。艺术类：提供的容艺术氛围比较浓，同时的主体受众群一般均具有一定的艺术素养。如中国艺术家协会。个人：一些具有某项特长或为了充分展现自我的人群自主开发的，个性十分鲜明。情境三 Dreamweaver CS 3任务一 Dreamweaver CS 3初识一、运行Dreamweaver CS 3开始程序Adobe Dreamweaver CS 3二、熟悉Dreamweaver CS 3工作区任务二Dreamweaver CS 3基本操作一、 创建本地站点本地站点是所有文件在本地计算机上的存放位置。文件面板管理站点新建站点二、 站点的导入、导
10、出站点管理站点 导入 导出三、 创建网页站点管理窗口右击要创建网页的文件夹新建文档四、 设置页面属性修改页面属性五、 创建超级1、 文件：；到其他文档或文件。窗口属性2、 锚记：跳转至统一文件或不同文件的特定位置。单击创建位置插入面板常用命名锚记选择创建锚记的文本或图像属性面板 3、 E-Mail：新建一个已填好收件人E-Mail地址的空白电子。 插入面板常用电子4、 空：未指派的，用于向页面上的对象或文本附加行为。选择要的对象属性面板中输入#任务三 文本的输入与编辑一、 输入文本1、 直接输入文本2、 选择性粘贴二、使用CSS样式格式化文本CSS是一组格式设置规则，通过使用CSS样式设置页面
11、的格式，可将页面的容与表示形式分离开。页面容存放在HTML文件中，而CSS规则存放在外部样式表中。1、 创建CSS样式选择文本CSS属性面板中右击新建2、 设置CSS属性双击CSS样式3、 应用CSS样式选择文本围CSS样式面板中右击CSS样式 套用 附加样式表任务四 图像的插入与编辑一、 插入图像 “插入”面板“常用”“图像”按钮图像二、设置图像属性使用“属性”面板三、编辑图像 使用“属性”面板1、优化图像2、裁剪图像3、重新取样4、调整图像的亮度和对比度5、锐化图像四、创建鼠标经过图像“插入”面板“常用”“图像”按钮鼠标经过图像 任务五 表格的制作与使用一、制作表格1、插入表格 “插入”面
12、板“常用”“表格”按钮2、编辑表格 1、）选择表格 单击表格边框线 2、）调整表格大小 “属性”面板 鼠标拖动 3、）添加行或列 定位修改表格 插入行 插入列 4、）删除行或列 定位修改表格 删除行 删除列 选择行或列Delete 5、）拆分单元格 定位修改表格拆分单元格 “属性”面板拆分单元格 6、）合并单元格 选择单元格 修改表格合并单元格 “属性”面板合并单元格 7、）剪切或复制单元格 选择单元格编辑 剪切 拷贝 8、）粘贴单元格 选定单元格编辑粘贴 9、）删除单元格容 选定单元格编辑 清除 Delete3、 设置表格属性使用“属性”面板二、用表格布局页面1、熟练使用表格嵌套和单元格的拆
13、分与合并2、表格边框必须设置为0。任务六 AP Div元素的使用AP元素，即绝对定位元素，是分配有绝对位置的任何HTML页面元素。一、AP Div元素的创建和使用1、插入AP Div元素 插入面板布局绘制AP Div元素2、插入嵌套AP Div元素 1、）绘制嵌套AP Div元素编辑首选参数AP元素选中嵌套复选框 2、）嵌套现有AP Div元素 窗口AP元素Ctrl+鼠标拖动 3、设置AP Div元素属性 属性面板 二、AP Div元素的基本操作1、选择AP Div元素 鼠标单击 AP元素面板2、更改AP Div元素的堆叠顺序 属性面板AP元素面板 3、显示和隐藏AP Div元素 属性面板AP元素面板4、 调整AP Div元素的大小鼠标拖动属性面板5、 移动AP Div元素鼠标拖动键盘光标键 三、AP Div元素与表格的相互转换 修改转换 将AP Div转换为表格 将表格转换为AP Div任务7 网页
