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