网页设计第一课基础知识1课件_第1页
网页设计第一课基础知识1课件_第2页
网页设计第一课基础知识1课件_第3页
网页设计第一课基础知识1课件_第4页
网页设计第一课基础知识1课件_第5页
已阅读5页，还剩47页未读， 继续免费阅读

下载本文档

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

文档简介

网站建设一、网页设计基础知识1、网页与网站的关系网页就是通过浏览器在Internet上看到的页面，英文名称为WebPage；网站也称为站点，英文名称为WebSite，是多个网页的集合，但不是简单的集合，而是取决于该网站的内容（如网页的数量及网站的定位）。2、网站的类型网站按内容进行分类，可分为门户网站、垂直网站、地方网站；而其中的垂直网站又可分为新闻网站、娱乐网站、体育网站、科技网站、汽车网站、财经网站、房产网站、游戏网站、生活服务网站和教育职业网站等。三、网页设计的基本方式1、手工编码方式网页是由HTML超文本标记语言编码的文档，设计制作网页的过程就是生成HTML代码的过程。在WideWeb）发展的初期人们制作网页是通过直接编写HTML代码来实现的。<html>指出HTML文档的开始与结束。<head>用来标识网页的头部<title>网页标题</title></head>

<body><p>这是正文部分！</p></body></html>

2、可视化工具方式用FrontPage、Dreamweaver等网页编辑工具在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。如制作表格，就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但在制作一些特殊网页效果上有一定的局限性。四、网页中的常见元素

1、文本文本是网页发布信息所用的主要形式，由文本制作出的网页占用空间小，传输速度快。网页中的信息以文本为主。虽然不如图象那样能够很快引起浏览者的注意，但能准确地表达信息的内容和含义。为了克服文本固有的缺点，人们赋予了文本更多的属性，如字体，字号，颜色，底纹和边框等，通过不同格式的区别，表现不同的内容。2、图像和动画图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格的作用。用户可以在网页中使用GIF,JPEG(JPG),PNG三种图象格式，其中使用最广泛的是GIF和JPEG两种格式。3、声音和视频声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。视频文件的格式也非常多，常见的有Realplay(RM),MPEG,AVI和DivX等。不支持的格式，尽量少用或者不用。

5、表格在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。即作为一种容器。6、表单使用超级链接，浏览者和Web站点便建立起了一种简单的交互关系。网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。即问答式交流。7、导航栏导航栏是用户在规划好站点结构，开始设计主页时必须考虑的一项内容。导航栏的作用就是引导浏览者游历站点。网站中的导航系统，实质上就是一组使用了超链接技术的网页对象（包括文字、按钮、小图片、图形等），它们将网站中的内容有机地连接在一起。网页常见版面布局形式：国字型、厂字型、框架型、封面型、FLASH型1、国字型：也可以称为同字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2、拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。厂形结构布局：优点是页面结构清晰，主次分明；缺点是规矩呆板，如果细节色彩不注意，易让人看之无味。3、封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。对称对比布局：采取左右或上下对称的布局，一半深色一半浅色，用于设计站点。优点是视觉冲击力强，缺点是两部分结合较困难。返回“口”型布局：页面中间是主要内容。优点是充分利用版面信息，容量大；缺点是页面拥挤，不够灵活。3、网页编辑工具①、FrontPageFrontPage是MicrosoftOffice家族中的一员，FrontPage的界面，功能与Word非常相似。操作方法与Office软件一致。②、DreamweaverMXDreamweaverMX和FireworksMX、FlashMX一起，被人们喻为“网页制作三剑客”。③、HotDogHotDog是较早基于代码的网页设计工具，其最具特色的地方是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。1.3网页配色1.3.2网页配色方案1、基本色、辅助色和强调色1.3网页配色2、常用概念⑴色彩的对比色彩对比是指各种色彩在界面内形成的面积、形状、位置以及色相、明度、纯度之间的差异，使网页出现不同的变化和心理感受。1.3网页配色⑵色彩的调和两种或两种以上色彩和谐搭配在一起，会产生调和、统一的效果，是人们追求视觉得到统一、舒适、达到心理平衡的手段。1.3网页配色1.3.3色彩在网页设计中的基本应用1、前提：以网站的内容为基础2、寻找搭配方案的技巧和经验3、颜色与文本1.3网页配色具体搭配实例分析1、儿童类网站1.3网页配色2、男性特征的网站1.3网页配色3、体现华丽高贵特色的网站1.3网页配色4、青年人网站1.3网页配色5、服装服饰类1.3网页配色经验与技巧1、忌“花”：色彩不要过多2、冷暖搭配要谨慎3、网站各界面色彩统一4、不要用“花”背景1.6优秀网站赏析1.6.1时尚娱乐类网站赏析1.6优秀网站赏析1.6

人人文库> 全部分类> 行业资料 > 医学制药

温馨提示

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

最新文档

评论

0/150

提交评论