《网页设计与制作（活页式）》 课件 项目1 网页设计与制作_第1页
《网页设计与制作（活页式）》 课件 项目1 网页设计与制作_第2页
《网页设计与制作（活页式）》 课件 项目1 网页设计与制作_第3页
《网页设计与制作（活页式）》 课件 项目1 网页设计与制作_第4页
《网页设计与制作（活页式）》 课件 项目1 网页设计与制作_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作项目一

网页基础N

知识目标了解网页基础知识熟悉网页设计语言掌握网页制作工具的使用方法1.1.1认识网页与网站任务1.1〓信息与信息技术网页的概念：

网页是Internet中基本的信息单位，是由超文本标记语言（HyperTextMarkupLanguage，HTML）或者其他语言编写的。中国知网：/1.1.1认识网页与网站任务1.1〓信息与信息技术网站概念：网站是一个或多个网页的集合。网站是指通过浏览器在Internet上访问的页面。网站可以用于发布自己想要公开的信息，也可以用于提供相关的网络服务，同样可以获取自己需要的信息或者享受网络服务。网站设计者先将整个网站结构规划好，然后分别制作各个网页，大多数网站都会为浏览者提供一个主页，最后将其他网页与主页链接起来。中国大学MOOC：/1.1.1认识网页与网站任务1.1〓信息与信息技术序号特点含义1图形化的界面网页能同时显示色彩丰富的图形和文本，可以提供将图形、音频和视频等集于一体的信息资源。2兼容的系统平台网页可以兼容多个系统平台，如Windows、UNIX、Macintosh、Android等，系统平台不影响用户通过Internet访问网页。3交互式的操作在用户向Web提出请求后，Web会提供用户需要的信息。4分布式的存储在网络中有大量的图形、音频和视频信息，这会占用相当大的磁盘空间，不可能将所有的信息都存储在一起，只能将其存放在不同的站点中。服务器会根据查询的情况选择需要读取的信息。网页的特点5信息的时效性Web站点上的信息是动态的、经常更新的，一般信息站点都会保证信息的时效性。1.1.1认识网页与网站任务1.1〓信息与信息技术网站分类：

网站有很多不同的分类方法，例如，按照其使用的技术可分为静态网站和动态网站；按照网站的性质可以分为企业网站、政府网站、教育网站和个人网站；按照网站的作用可以分为搜索引擎网站、社区论坛网站、在线翻译网站、软件下载网站和音乐欣赏网站等。

直观的网站分类方法是按网站的主题进行分类。主题是网站的题材，它决定网站的内容，体现网站代表的形象。一般常见的题材有公司企业、休闲娱乐、教育培训、电脑网络、文化艺术、交通旅游等，而每一个题材又可以继续划分。1.1.1认识网页与网站任务1.1〓信息与信息技术序号特征含义1网页相互链接网站是由多个网页相互链接组成的，建设网站就是制作网页。在所有的网页中，网站的主页是整个网站中最重要的。2网站标志任何网站都有自己的网站标志，而且都力求自己的网站标志与众不同，一个好的网站标志通常具有朗朗上口的名字和醒目的图形特征。3风格统一网站虽然有很多网页，但是作为一个整体来讲，它必须有一个统一的风格。主页是网站重要的网页，它的风格往往决定了整个网站的风格。4网页导航网页导航是一个网站非常重要的组成部分，也是衡量一个网站是否优秀的主要标准。便捷的网页导航能够帮助用户以较快的速度找到自己需要的网页。网页导航常用的实现方法是导航条。网站的特征1.1.1认识网页与网站任务1.1〓信息与信息技术序号特征含义5分层的栏目组织网站的层次型组织方法是将网站的内容分成若干个大栏目，再将大栏目分成若干个小栏目，小栏目还可以分成若干个更小的栏目。6切合主题的内容任何网站都有自己的网站标志，而且都力求自己的网站标志与众不同，一个好的网站标志通常具有朗朗上口的名字和醒目的图形特征。7网站交互栏目网站是一个开放的环境，除发布信息外，还有一个非常重要的功能就是收集用户的信息，与用户进行交互，如账号注册、电子邮件、留言板、信息查询等。8域名在Internet上发布的任何网站都有自己的域名，如中国知网的域名为“/”。网站的特征1.1.2网页的组成元素任务1.1〓信息与信息技术网页的组成元素含义文本文本是指网页中叙述性的文字。图像图像是指网页中插入的具有说明性的图片。GIF、JPEG、BMP、TIFF和PNG等格式的图像文件动画在网页中使用的动画主要有GIF和Flash两种方式音频网络的音频文件格式很多，常用的有MP3、MIDI、WAV等视频常见的视频文件格式有MP4和FLV新华网：/index.htm1.1.3静态网页和动态网页任务1.1〓信息与信息技术静态网页：

静态网页使用HTML语言，每个网页都有一个固定的URL（UniformResourceLocators，统一资源定位符），以.htm、.html、.shtml等常见形式为后缀。静态网页中包含文本、图像、动画、音频、视频等网页元素。静态网页的交互性较差，在功能方面有较大的限制。静态网页可以出现各种动态的效果，如GIF格式的动画、Flash、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。1.1.3静态网页和动态网页任务1.1〓信息与信息技术动态网页：

动态网页是指与静态网页相对的一种网页技术，以.aspx、.asp、.jsp、.php、.pert、.cgi等形式为后缀。动态网页的显示内容可以随着时间、环境或者数据库操作的结果而发生改变，也可以与后台数据库交互，实现用户注册、登录、聊天、留言等功能。动态网页具有以下特征交互性自动更新针对性任务1.2〓网页设计语言HTML简介HTML编辑环境文档结构HTML称为超文本标记语言。超文本指页面内可以包含图片、链接、音乐、视频等非文字的元素。标记语言主要由标签属性、标签以及元素构成，网页中包含的对象是由相应HTML标签指示出来的。HTML不像其他语言一样被编译为指令，它只提供一些语法标签，后由浏览器编译生成相应的页面。HTML代码既可以在记事本中编写，也可以在其他任何文本编辑器中编写，但在保存时要保存为.html或.htm格式。HTML写成的网页文件只有通过浏览器才能进行解析。HTML文档是由一系列的元素和标签组成的。元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置，标签用“<标签名字属性>”来表示，标签以“<>”开始，以“</>”结束。HTML文档分为<head>（文档头）和<body>（文档体）两部分，在文档头中对文档进行了一些必要的定义，文档体中是要显示的各种文档信息。任务1.2〓网页设计语言实例1HTML文档代码运行结果：代码：任务1.2〓网页设计语言<html></html>在文档的外层，文档中的所有文本和标签都包含其中，它表示该文档是以HTML编写的。<head></head>是HTML文档的头部标签，在浏览器窗口中，头部信息是不被显示在正文中的。在此标签中可以插入其他标签，用以说明文件的标题和整个文件的一些公共属性。<title>和</title>是嵌套在<head>标签中的，标签之间的文本是文档标题，这些文本作为浏览器窗口的标题栏内容被显示。<body></body>标签之间的文本是正文，正文中的内容作为网页内容显示在浏览器中。以上标签在文档中都是唯一的，<head>标签和<body>标签是嵌套在<html>标签中的。解释任务1.3〓网页制作工具1.3.1网页设计工具任务1.3〓网页制作工具DreamweaverSublimeTextEditPlus任务1.3〓网页制作工具任务1.3〓网页制作工具PhotoshopMockplusIllustrator1.3.2网页美化工具任务1.3〓网页制作工具任务1.3〓网页制作工具工作界面1.3.3

Dreamweaver工作环境任务1.3〓网页制作工具任务1.3〓网页制作工具代码视图1.3.3Dreamweaver工作环境设计视图拆分视图任务1.3〓网页制作工具任务1.3〓网页制作工具步骤1：打开软件1.3.4Dreamweaver基本操作实例2新建和保存空白页任务1.3〓网页制作工具任务1.3〓网页制作工具步骤2：新建文档1.3.4Dreamweaver基本操作任务1.3〓网页制作工具任务1.3〓网页制作工具步骤3：保存网页1.3.4Dreamweaver基本操作任务1.3〓网页制作工具任务1.3〓网页制作工具步骤1：设置默认浏览器1.3.4Dreamweaver基本操作实例3设置默认浏览器及浏览网页任务1.3〓网页制作工具任务1.3〓网页制作工具步骤2：打开网页1.3.4Dreamweaver基本操作任务1.3〓网页制作工具任务1.3〓网页制作工具步骤3保存并预览网页1.3.4Dreamweaver基本操作项目小结本项目主要介绍了网页的基础知识,具体内容如下。网页基础知识:介绍了网页与网站的概念、

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论