网站设计基础知识讲座_第1页
网站设计基础知识讲座_第2页
网站设计基础知识讲座_第3页
网站设计基础知识讲座_第4页
网站设计基础知识讲座_第5页
已阅读5页，还剩37页未读， 继续免费阅读

下载本文档

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

文档简介

网站设计基础知识讲座网页设计概述网页基本特征网页的基本构成元素网页设计的基本原则多媒体在网页设计中的应用网页基本特征<html><head> <title>标题</title></head><body>正文</body></html>网页的基本构成元素文本图像超链接表格表单导航栏Gif动画Flash动画框架网页设计的基本原则确定内容确定内容最好的表现形式和用户确立一个创造性的、有效的设计方案网页设计的标准： 不同的用户群有不同的服务方向，需要恰当的设计——没有好的或者坏的设计，只有是否合适、恰当的设计。网页多媒体类型1、图像Gif、JPEG、PNG2、动画Gif、Flash3、JavaApplet4、音频WAV、MP3、MIDI、RealAudio、5、视频Realplayer、mov、MPEG、AVI网站设计制作的基本流程前期策划和内容组织网站需求分析网站整体风格定位网站内容组织网站设计制作的基本流程规划设计完善发布维护网站的制作流程图前期策划和内容组织网站需求分析网站整体风格定位网站内容组织规划草图规划页面结构规划站点结构网站页面的设计制作寻找网页的创意利用图像软件设计效果图利用网页编辑软件制作网页利用网页动画软件制作动画网站页面的技术实现网页制作中的其他常用工具360度全景图片Swish制作Flash文字特效动画使用ftp软件发布网站网页特效的具体技术实现Html、CSS、JavaScript色彩搭配在网站中的应用色环在从红到紫的光谱中,等间的选择两种或两种以上的颜色,相邻的两个色相互混合又得到另外一种特殊的颜色.如此周而复始,从而构成一个首尾相交的环,被称为孟赛尔色相环,即色环.从本质上讲,色环就是色谱可以看到的颜色所形成的线性连续环.常见配色方案近似色用近似色的颜色主题可以实现色彩的融洽与融合常见配色方案补充色:补充色也叫对比色,是制在色环中的直接位置相对的颜色.强烈突出,富有冲击力常见配色方案分离补色:在色环上选择一种颜色，他的补色就在色环的另一面,可以使用补色旁边的一种或多种颜色,这样的一组颜色叫做分离补色.常见配色方案暖色系:由红色调组成,赋予温暖、舒适和活力常见配色方案冷色系：冷色来自于兰色色调，这些颜色对色彩主题起到冷静的作用，用做页面背景较好。色彩的4种功能角色主色支配色融合色强调色如何使用色彩给网站定位红色：热情、活力橙色：时尚、轻快黄色：明亮、愉快绿色：宁静、希望蓝色：凉爽、清新、专业白色：洁白、纯真，多用于背景色黑色：深沉灰色：中庸网站用户界面的设计用户界面的要求网页界面的实用性设计网页信息的表现形式和类型网页的版式网页中的文字设计网页中的图像运用用户界面的要求标题一目了然表明信息清晰的目录结构网页界面的实用性设计表现欢迎传达信任感加强说服力网页的版式网站广告的设计网站广告标准尺寸300*250中等矩形一般用于页面内部250*250正方形一般用于页面内部130*300垂直矩形一般用于门户网站内容页面中，适合与正文的混排360*300大矩形一般用于弹出窗口广告468*60通栏广告，88*31链接用LOGO标志120*60按钮样式网站广告的设计准则视觉要求醒目、美观文字使用文字清晰、字体合适文本与背景有较大对比选用合适的字体字体排列方式要符合人们阅读习惯避免文字单一化内容设计广告语激发用户点击欲望网站中表格的使用表格的作用表格的制作利用表格分割网页格子理论的介绍格子网页的制作网站中层的使用层的特点具有编号、大小、位置、背景、可见性、溢出等。层与表格的配合框架网站的制作框架的特点使用框架建设网站最大的特点就是使网站的风格能够保持统一。模版网站的制作模版的特点是Dreamweaver中一种特殊类型的文档，用于设计“锁定的”页面布局。最大的用途在于一次更新多个页面制作模版网站在页面中使用库库是一种特殊的Dreamweaver文件，其中包含用户已创建以便放在网页上的单独“资源”或者资源拷贝的集合，库项目是可以在多个页面中重复使用的存储页面元素。每当更改某个库项目的内容时，用户都可以更新所有使用该项目的页面。使用行为和JavaScript制作特效Dreamweaver中的行为行为是事件和动作的组合，浏览器响应用户的动作产生事件。行为的使用添加状态栏文本、添加弹出信息、打开浏览器窗口、交换图像、拖动层特效、弹出菜单、显示隐藏层JavaScript介绍使用CSS样式表设计网页CSS的介绍是一种设计网页样式的工具。使用方式有3种：内部样式表文件、外部链接样式表、内部嵌入样式表。利用CSS定义网页对象定义文本定义表格定义背景定义超链接使用滤镜建设数据库网站创建动态页面创建动态站点创建DSN数据库连接使用数据绑定插入动态内容网站开发规范网站项目管理规范组建开发团队规范开发工具规范网站开发流程规范数据库开发规范文件夹文件名命名规范程序代码编程规范网站首页head区代码规范网站建设尺寸规范网站LOGO设计规范网站项目管理规范概念网站项目管理就是根据特定的规范、在预算范围内、按时完成网站开发任务。需求分析项目立项、客户的需求说明书、系统分析网站总体分析、建设方案、详细设计、项目实施整体形象设计、开发制作、调试完善、宣传推广组建开发团队规范六个必须角色项目经理：总体设计，定制开发进度并监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员小组之间的开发。策划：提供详细的策划方案和需求分析的人，还包括后期网站推广方面的策划。美工：根据策划和需求设计网站界面程序员：根据项目总体设计来设计数据库和功能模块的实现。代码整合员：负责将程序员的代码和界面融合到一起，代码整合员可以制作网站相关页面。测试员：负责测试程序。开发工具规范前台开发工具Photoshop/Dreamweaver/Flash等后台开发环境PowerDesigner(数据库建模)/RationalRose(程序建模)。项目管理和辅助软件MiicrosoftProject(开发进度)/VisualSourceSafe(代码版本控制)

/VS.net附带工具MicrosoftApplicationCenterTest,/Word(编写程序文档)网站开发流程规范Web策划评审设计效果图评审页面制作测试YNYNNY需求分析评审总体设计评审数据库设计／功能设计评审YNYNNY代码整合测试发布实现功能模块测试NYYN数据库开发规范数据库表命名规范数据库字段命名规范文件夹文件名命名规范命名采用英文／小写images(存放图形文件)flash(存放Flash文件)style(存放样式表文件)scripts(存放javascript脚本)inc(存放include文件)link(存放友情链接)media(存放多媒体文件)程序代码编写规范略网站首页head区代码规范版权注释<!--版权说明文字-->网页显示字符集<meta-equiv=“content-type”content=“text/html

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

温馨提示

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

最新文档

评论

0/150

提交评论