网页设计基础网页设计基础(第一部分)课件.ppt
《网页设计基础网页设计基础(第一部分)课件.ppt》由会员分享,可在线阅读,更多相关《网页设计基础网页设计基础(第一部分)课件.ppt(68页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、网页网页设计与网站建设设计与网站建设邢芳邢芳 qq240173862课程考核课程考核总成绩=平时点到(20)+课堂作业(20%)+基础性实验报告(30)设计性实验(30)其中点到次数为随机抽点,每人被抽点总次数为10次,每次2分。课堂作业共4次,当堂完成,如因有事请假讲该堂课不得分,每次5分。基础性实验报告3个,独立完成,每份10分。设计性实验报告1个,3-4人合作完成,参加答辩,总分30分3帮助文档帮助文档1、该课程需要使用的软件:Dreamweaver,Flash,Photoshop,IEtester,firefox,googlechrome,记事本,netdown等。2、该课程需要使用的
2、帮助文档:W3Cschool电子书大全,CSS手册+HTML手册等。3、教师邮箱:联系电话:137671008154资料下载与作业上传资料下载与作业上传1、资料下载ftp:/210.35.207.34用户名:1200401743work密码:12、实验报告上传各行政班统一交到行政班班助处,于截止期当日晚上10:00前上交给任课老师FTP对应的文件夹。ftp:/210.35.207.34用户名:1200600021work密码:123451、Internet和和WWWInternet(因特网)是世界范围的计算机网络由各种不同类型和规模的独立运行和管理的计算机网络组成。6WebWWW是指万维网(w
3、orldwideweb),常被称为web。其本质是一种基于超级文本技术的交互式信息浏览检索工具,是Internet提供的应用最普及、功能最丰富、使用方法最简便的信息服务信息服务,用户可通过它在Internet上浏览、编辑、传递超文本格式的文件(即.html格式文件)。在WWW和HTML标准支持下,各种文字、图形、图像、声音形式的多媒体信息能够通过一种统一的友好界面呈现给用户。1)什么是www7Web是由遍布全球的计算机组成的网络所有web中的计算机都可以彼此通信,采用浏览器/服务器工作模式,即客户/服务器模式。所有计算机都使用名为HTTP的通信标准。82)WWW工作原理工作原理web信息存储于
4、被称为网页的文档中信息以页面(或称Web页)的形式存储在被称为Web服务器的计算机上读取网页的计算机称为web客户端web客户端通过称为浏览器的程序来查看网页主要浏览器有InternetExplorer、MozillaFirefox和googlechrome等9浏览器读取页面?浏览器读取页面?浏览器可通过一个请求来读取某个服务器上的一张网页。请求是一个包含页面地址的标准HTTP请求。页面地址类似这样:http:/ text markup language:html(hyper text markup language:超超文本标记语言文本标记语言)编写而成。网页也称编写而成。网页也称htmlh
5、tml文件,文件,它是一个纯文本文件。它是一个纯文本文件。网站(网站(Web Site,Web Site,即即 WEB WEB站点)站点)形容那些放置网形容那些放置网页供浏览者浏览的计算机。页供浏览者浏览的计算机。每个每个WEBWEB站点包含了很多网页站点包含了很多网页,其中有一个起始,其中有一个起始网页,称为主页。主页是链接到网页,称为主页。主页是链接到webweb服务器上时服务器上时显示的第一个网页,主页名通常为显示的第一个网页,主页名通常为index.htmindex.htm或或index.htmlindex.html。编写编写HTMLHTML文档很麻烦,于是出现了很多可视化的文档很麻烦
6、,于是出现了很多可视化的网页制作工具,如网页制作工具,如DreamweaverDreamweaver。21二、二、网页的基本结构1、网页中的文本通常网页中的信息以文本为主2、图像和动画图像也是网页中最主要的元素之一。3、声音和视频声音是多媒体网页的一个重要组成部分。格式非常多,常用的MIDI、WAV、MP3和AIF等。MIDI、WAV、AIFMP3和和RM224、表单通常用来接收用户在浏览器端的输入内容,然后将信息发送到用户设置的目标端表单通常分为用户反馈表单、留言薄表单、搜索表单和用户注册表单等类型。23留言薄表单留言薄表单搜索表单搜索表单24注册表单注册表单25登陆表单登陆表单265、超链
7、接、超链接是从一个网页指向另一个目的端的链接。6、表格、表格用来控制信息的布局方式7、其他元素、其他元素各种特效27网页的基本构成网页的基本构成28网站的分类网站的分类一、基本常识1、网页:静态:用html语言编写的网页,扩展名为html或htm。动态:用ASP、PHP、JSP等程序生成的网页,使用ASP技术时,扩展名为.asp;使用JSP技术时,扩展名为.jsp。主页:首页,一般用index.html,default.html等命名。内页:与主页关联的页面29网站的分类网站的分类2、网站:由单个或多个网页组成的集合门户网站:一种综合性网站,包括很多网页频道。如http:/个人网站:具有较强的
8、个性化色彩,是以个人名义开发创建的网站,其内容、样式、风格都是非常有个性的。如:http:/ 30专业网站专业网站:针对现实生活和工作中某一行业而创建的网站。如:http:/职能网站:职能网站:具有专门的功能,如政府职能网站。如:http:/网站的分类网站的分类313、网页制作中的专业术语、网页制作中的专业术语超文本标记语言超文本标记语言:Hyper Text Markup Language Hyper Text Markup Language 简简称称HTMLHTML。超链接超链接:通过单击网页中的超链接可以转到相应的:通过单击网页中的超链接可以转到相应的页面上进行浏览。页面上进行浏览。导航
9、条导航条:多个超链接的集合,能有效实现超链接功:多个超链接的集合,能有效实现超链接功能能。网站的分类网站的分类32表单表单:用于填写申请或提交信息时的交互页面。:用于填写申请或提交信息时的交互页面。LogoLogo:网站的标志,通常以图像的形式表现。:网站的标志,通常以图像的形式表现。网站的分类网站的分类33网站的页面构形网站的页面构形一、骨骼型骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又活泼而
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 基础 第一 部分 课件
限制150内