网页设计与制作教程
- 格式:doc
- 大小:45.00 KB
- 文档页数:4
网页设计与制作案例教程-电子教案课件第一章:网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讲解网页设计的基本原则和设计流程1.2 网页布局与排版介绍网页布局的概念和重要性讲解常用的网页布局方法和技术演示实例:制作一个简单的网页布局第二章:HTML与CSS基础2.1 HTML基础介绍HTML的概念和作用讲解HTML的基本结构和常用标签演示实例:制作一个简单的网页2.2 CSS基础介绍CSS的概念和作用讲解CSS的基本语法和常用选择器演示实例:为网页添加样式和布局第三章:图像与多媒体处理3.1 图像处理介绍图像在网页设计中的作用和重要性讲解图像的基本格式和处理方法演示实例:制作一个简单的图像轮播效果3.2 多媒体处理介绍多媒体在网页设计中的应用讲解音频和视频的嵌入方法演示实例:在网页中添加音频和视频第四章:网页交互与动画4.1 交互设计基础介绍交互设计在网页设计中的作用和重要性讲解常用的交互设计技术和方法演示实例:制作一个简单的交互式导航菜单4.2 动画与过渡效果介绍动画在网页设计中的应用和重要性讲解CSS动画和过渡效果的语法和用法演示实例:制作一个简单的CSS动画效果第五章:响应式网页设计5.1 响应式网页设计概述介绍响应式网页设计的概念和重要性讲解响应式网页设计的基本原则和方法5.2 媒体查询与网格系统讲解媒体查询的语法和用法讲解网格系统的概念和应用演示实例:制作一个响应式网页布局第六章:网页前端编程技术6.1 JavaScript基础介绍JavaScript的概念和作用讲解JavaScript的基本语法和常用语法演示实例:制作一个简单的网页交互效果6.2 jQuery库的使用介绍jQuery的概念和作用讲解jQuery的基本语法和常用方法演示实例:使用jQuery实现网页元素的动态效果第七章:网页后端技术7.1 PHP基础介绍PHP的概念和作用讲解PHP的基本语法和常用语法演示实例:制作一个简单的PHP网页7.2 MySQL数据库的使用介绍MySQL的概念和作用讲解MySQL的基本操作和常用SQL语句演示实例:使用MySQL存储和管理网页数据第八章:网页优化与性能提升8.1 网页优化概述介绍网页优化的重要性讲解网页优化的基本原则和方法8.2 提高网页性能讲解提高网页加载速度的方法讲解代码压缩和合并的技术演示实例:优化网页性能第九章:搜索引擎优化(SEO)9.1 SEO基础介绍SEO的概念和作用讲解SEO的基本原则和方法9.2 关键词研究和内容优化讲解关键词研究的方法和技巧讲解内容优化的重要性和方法演示实例:为一个网页进行SEO优化第十章:网页设计与制作的实战项目10.1 项目概述和需求分析介绍项目背景和目标分析项目需求和功能10.2 网页设计与制作流程讲解网页设计与制作的详细流程演示实例:完成一个实战项目的网页设计与制作第十一章:网页设计与制作工具11.1 网页编辑器与IDE介绍常用的网页编辑器和集成开发环境(IDE)讲解如何使用这些工具进行网页设计与制作11.2 图形设计软件介绍常用的图形设计软件及其在网页设计中的应用讲解如何使用这些工具进行网页图形设计第十二章:网页设计与制作实战技巧12.1 网页动画与特效讲解如何制作网页动画和特效演示实例:制作一个动态轮播图12.2 网页响应式设计讲解如何实现网页的响应式设计演示实例:制作一个响应式网页布局第十三章:网页安全性与维护13.1 网页安全性基础介绍网页安全性的重要性和常见安全问题讲解如何提高网页安全性13.2 网页维护与更新讲解如何进行网页的维护和更新演示实例:对一个网页进行维护和更新第十四章:网页设计与制作的案例分析14.1 案例一:企业官方网站设计分析企业官方网站的设计要求和特点讲解如何设计和制作企业官方网站14.2 案例二:电子商务网站设计分析电子商务网站的设计要求和特点讲解如何设计和制作电子商务网站第十五章:网页设计与制作的未来发展15.1 网页设计趋势与创新分析当前网页设计的趋势和创新方向讲解如何跟上网页设计的未来发展15.2 网页设计与制作的未来技术介绍未来可能影响网页设计与制作的技术讲解如何应对这些技术挑战和机遇重点和难点解析重点:1. 网页设计基础:理解网页设计原则、设计流程以及布局与排版的方法。
网页设计与制作教程目录第1章网页设计与制作概述1.1网络的基础知识1.1.1 TCP/IP协议1.1.2 IP地址1.1.3域名地址1.1.4统一资源定位器1.2图形图像的基础知识1.2.1位图与矢量图1.2.2常用的图像格式1.2.3常用的图形格式1.3网页的布局知识1.3.1网页的基本结构1.3.2页面的布局原则和模式1.4网页的色彩应用1.4.1色彩属性与象征意义1.4.2网页色彩的规划1.5 HTML基础1.5.1 HTML语言的基本结构1.5.2 HTML语言的基本单位1.5.3 HTML标记符基础1.5.4文本格式标记符1.5.5超标记符1.5.6图像标记符1.5.7表格标记符1.5.7框架标记符1.5.8表单标记符1.5.9滚动条1.6 CSS技术1.6.1 什么是CSS1.6.2 在网页中使用CSS1.6.3 CSS 样式定义1.6.4 CSS 属性1.6.5 CSS 过滤器简介1.7 JavaScript技术1.7.1 JavaScript脚本嵌入HTML文档的方法1.7.2使用客户端脚本习题一第2章DreamweaverCS6网页设计基础2.1 Dreamweaver的工作环境2.2构建Dreamweaver站点2.2.1创建本地站点2.2.2管理本地站点2.2.3创建和管理本地站点中文件2.3网页文本编辑2.3.1正文文本的添加2.3.2文本格式的设置2.3.3页面属性的设置2.3.4插入特殊字符2.3.5插入空格2.4 CSS样式设置2.4.1创建CSS规则2.4.2样式表2.5制作一个简单网页2.6 Dreamweaver工作环境的设置习题二第3章图像与多媒体3.1图像的应用3.1.1在网页中插入图像3.1.2设置图像属性3.2创建鼠标经过图像3.3图像占位符与属性的设置3.4插入flash动画3.5音频的应用3.5.1音频文件格式3.5.2网页中添加音频3.6视频的应用习题三第4章超级与其应用4.1超概述4.2创建文本超4.3创建图像超4.4创建电子4.5空习题四第5章网页的布局5.1表格的应用5.1.1插入表格5.1.2表格的嵌套5.2表格编辑与属性设置5.2.1文档中的设置表格格式优先顺序5.2.2选择表格与其它元素5.2.3设置表格属性5.2.4设置单元格、行或列属性5.2.5编辑单元格、行或列5.3应用APDiv布局页面5.4APDiv与表格的相互转换.5.4.1将APDiv转换为表格5.4.2表格转换为APDiv5.5框架的应用5.5.1创建框架集5.5.2查看和设置框架集属性5.5.3查看和设置框架属性5.5.4设置框架中显示的网页5.5.5嵌套的框架集5.5.6框架的编辑习题五第6章表单的应用6.1创建表单6.2添加表单对象6.2.1插入文本域6.2.2插入单选按钮/单选按钮组6.2.3插入复选框/复选框组6.2.4插入选择框〔列表/菜单〕6.2.5插入文件域6.2.6插入按钮6.3表单的提交6.4应用表格布局表单实例习题六第7章行为与脚本语言与模板和库的应用7.1行为在网页中的应用7.1.1行为、事件、动作7.1.2添加行为7.1.3Dreamweaver内置事件7.2 JavaScript脚本7.2.1 JavaScript脚本概述7.2.2 JavaScript脚本语言特效7.3创建与应用模板7.3.1创建模板7.3.2使用模板创建新网页7.3.3修改模板7.3.4文档从模板中分离7.3.5设置模板的首选参数7.4创建与应用库项目7.4.1创建库7.4.2在网页中应用库项目7.4.3编辑并更新库页面7.4.4将库项目从源文件中分离习题七第8章站点的测试8.1站点的测试8.1.1检查浏览器兼容性8.1.2.的检查与修正8.1.3不同分辨率下的测试8.1.4运行站点报告8.1.5内容的编辑8.2创建远程站点8.2.1设置远程服务器8.2.2连接远程站点8.3文件的上传和下载8.3.1文件的上传8.3.2下载文件8.3.3文件的取出与存回习题八第9章FireworksCS6基础与其在网页制作中的应用9.1 FireworksCS6基础9.1.1认识FireworksCS6工作区9.1.2文档管理9.1.3使用布局工具9.1.4各种面板9.1.5常用工具9.2绘制并编辑矢量图形9.2.1绘制与编辑基本形状9.2.2绘制与编辑自动形状9.2.3自由变形形状9.2.4复合形状9.3创建并修饰位图图像9.3.1创建位图图像9.3.2编辑位图图像9.3.3修饰位图9.4创建并编辑文本9.4.1创建文本9.4.2选择文本9.4.3编辑文本9.5应用笔触和填充9.5.1应用颜色工具9.5.2应用和更改笔触9.5.3应用和更改填充9.5.4在笔触和填充中添加纹理9.5.5应用样式9.6应用动态滤镜9.6.1应用动态滤镜9.6.2调整动态滤镜9.7使用切片和热点9.7.1使用切片9.7.2使用热点习题九第10章FlashCS6基本操作与在网页制作中的应用10.1 FlashCS6的基本操作10.1.1 FlashCS6的工作界面10.1.2 Flash文档的创建、打开、保存10.1.3面板组的使用10.2时间轴的使用10.2.1图层10.2.2帧10.2.3播放头10.2.4场景10.3元件、实例和库资源10.3.1元件的创建10.3.2实例10.3.3库面板以与元件与实例的关系10.4创建各种动画10.4.1遮罩层动画10.4.2引导层动画10.4.3形状补间动画10.4.4逐帧动画10.5在动画中添加声音10.6文本的使用10.6.1传统文本字段10.6.2使用文本布局框架(TLF)文本10.7动作面板的使用10.7.1动作面板的介绍10.7.2动作脚本的基本元素10.8 ActionScript基本语句10.8.1时间轴控制命令10.8.2浏览器/网络命令10.9动作的应用10.10测试发布Flash动画10.10.1制作过程中的测试10.10.2测试方法10.10.3下载模拟测试10.10.4发布影片10.10.5优化Flash文档习题十第11章PhotoshopCS6基本操作与在网页设计中的应用11.1 PhotoshopCS6基本操作11.1.1 PhotoshopCS6的工作界面11.1.2文件操作11.1.3环境设置11.1.4基本概念11.1.5选区的创建与编辑11.1.6利用画笔类工具绘制图像11.1.7利用形状绘制工具绘制图像11.1.8图像修饰工具的应用11.1.9调色命令的高级应用11.1.10图层样式11.1.11文字图层11.1.12滤镜11.2页面设计与制作11.2.1整体页面的制作11.2.2制作导航栏11.2.3制作网页内容板块11.2.4制作网页页脚习题十一第12章网页制作工具集成与网页制作综合实训12.1 Fireworks与Dreamweaver的集成12.2使用Photoshop和Dreamweaver12.2.1 Dreamweaver中处理Photoshop文件的工作流程12.2.2创建智能对象12.2.3更新智能对象12.3 Dreamweaver与Flash的集成12.4网页制作综合实训习题十二。
《网页设计与制作任务驱动教程》教学教案(第一部分)一、教学目标1. 了解网页设计的基本概念和流程。
2. 掌握HTML和CSS的基本语法和用法。
3. 能够使用网页设计软件进行网页布局和设计。
4. 学会使用浏览器进行网页的查看和调试。
二、教学内容1. 网页设计基本概念:网页、网站、网页设计原则等。
2. 网页设计流程:需求分析、网页结构设计、网页界面设计、网页制作、网页测试与发布等。
3. HTML基本语法和使用方法:HTML标签、属性、注释等。
4. CSS基本语法和使用方法:选择器、属性、注释等。
5. 网页设计软件的使用:Photoshop、Dreamweaver、Sublime Text等。
三、教学方法1. 讲授法:讲解网页设计的基本概念和流程,HTML和CSS的基本语法和用法。
2. 任务驱动法:通过设计实际网页任务,让学生掌握网页设计的方法和技巧。
3. 案例教学法:分析实际案例,让学生了解网页设计的最佳实践。
4. 实践教学法:让学生动手实践,提高网页设计的能力。
四、教学准备1. 教室环境:电脑、投影仪、黑板等。
2. 教学材料:教材、PPT、实际案例等。
3. 网络环境:让学生能够访问互联网,查找相关资料。
五、教学步骤1. 讲解网页设计的基本概念和流程,让学生了解网页设计的意义和目的。
2. 讲解HTML和CSS的基本语法和用法,让学生能够编写简单的网页。
3. 介绍网页设计软件的使用,让学生能够使用软件进行网页设计和制作。
4. 通过实际案例,讲解网页设计的最佳实践,让学生能够掌握网页设计的方法和技巧。
5. 让学生动手实践,完成一个简单的网页设计任务,检验学生对知识的掌握程度。
《网页设计与制作任务驱动教程》教学教案(第二部分)六、教学目标1. 掌握表格在网页中的应用。
2. 学习使用表单进行网页交互设计。
3. 理解并应用多媒体元素到网页中。
4. 学习网页设计的布局技巧和响应式设计基础。
七、教学内容1. 表格在网页中的应用:表格的基本标签、表格样式设计。
《网页设计与制作》教案第一章:网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的标准和原则1.2 网页设计流程讲解网页设计的基本流程,包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具介绍常用的网页设计工具,如Photoshop、Dreamweaver、Fireworks等第二章:HTML与CSS基础2.1 HTML概述介绍HTML的概念、作用和基本结构2.2 HTML标签讲解常用的HTML标签,如、段落、图像、、列表等2.3 CSS概述介绍CSS的概念、作用和基本语法2.4 CSS选择器讲解常用的CSS选择器,如类选择器、ID选择器、属性选择器等第三章:网页布局与排版3.1 网页布局概述介绍网页布局的概念和重要性3.2 常用的网页布局方法讲解常用的网页布局方法,如固定布局、百分比布局、弹性布局等3.3 排版与字体介绍排版和字体的概念、作用和常用属性3.4 响应式网页设计讲解响应式网页设计的概念、方法和实现方式第四章:网页特效与交互4.1 网页特效概述介绍网页特效的概念和作用4.2 JavaScript基础讲解JavaScript的概念、作用和基本语法4.3 常用的网页特效与实例讲解常用的网页特效,如鼠标悬停效果、下拉菜单、滚动动画等,并提供实例进行演示4.4 交互式网页设计讲解交互式网页设计的概念、方法和实现方式第五章:网页设计与制作实践5.1 实践项目概述介绍实践项目的需求和目标5.2 网页设计稿制作根据实践项目需求,使用设计工具制作网页设计稿5.3 网页编码与测试使用HTML和CSS编写网页代码,并进行测试和调试讲解网页发布的步骤和注意事项,以及常用的网页推广方法第六章:网页图像与多媒体6.1 图像格式与优化介绍常见的网页图像格式,如JPG、PNG、GIF等,以及图像优化方法6.2 音频与视频讲解如何在网页中嵌入音频和视频,以及常用的媒体格式6.3 Flash动画介绍Flash动画的概念、制作方法和在网页中的应用6.4 动态效果与动画讲解如何在网页中实现动态效果和动画,包括使用CSS动画和JavaScript实现第七章:网页服务器与数据库7.1 服务器概述介绍网页服务器的概念、作用和常用服务器软件7.2 数据库概述介绍数据库的概念、作用和常用数据库管理系统7.3 动态网页制作基础讲解动态网页制作的基本原理,如服务器端编程和数据库连接7.4 实践项目:搭建简易的个人博客系统讲解如何使用服务器和数据库搭建一个简易的个人博客系统,包括前端设计和后端编程第八章:网页安全与SEO介绍网页安全的概念和重要性,以及常见的网络安全威胁8.2 网页安全措施讲解如何防范网络攻击和提高网页安全性,如使用SSL证书、X-Frame-Options 等8.3 SEO概述介绍搜索引擎优化(SEO)的概念、作用和方法8.4 SEO实践技巧讲解如何优化网页内容、结构和,以提高搜索引擎排名第九章:网页设计与制作的进阶技巧9.1 响应式网页设计深入讲解响应式网页设计的原理和实践方法,包括媒体查询和弹性布局9.2 前端框架与库介绍常用的前端框架和库,如Bootstrap、jQuery、React等,以及如何使用它们提高网页制作效率9.3 网页性能优化讲解如何提高网页加载速度和性能,包括图片优化、代码压缩和缓存策略9.4 实践项目:制作一个响应式商务网站讲解如何使用响应式设计和前端框架制作一个商务网站,包括布局、样式和交互设计第十章:网页设计与制作的拓展与趋势10.1 网页设计与制作的未来趋势探讨网页设计与制作的发展方向,如虚拟现实(VR)、增强现实(AR)等技术的应用10.2 网页设计规范与最佳实践介绍网页设计规范和最佳实践,以提高网页质量和用户体验10.3 跨平台网页设计与制作讲解如何使用跨平台技术,如PWA(Progressive Web Apps)、Node.js等,实现网页在不同平台和设备的兼容性和性能10.4 实践项目:制作一个跨平台的网页应用重点和难点解析重点环节1:网页设计基础和流程网页设计的标准和原则是设计的基石,需要重点掌握。
Dreamweaver网页设计与制作教程第一章:Dreamweaver的介绍与安装Dreamweaver是一款著名的网页设计与制作工具,由Adobe公司开发。
本章将介绍Dreamweaver的功能特点与优势,并提供详细的安装步骤和注意事项。
第二章:Dreamweaver的界面与工具栏在本章中,我们将深入了解Dreamweaver的界面布局,包括工具栏的功能和使用方法。
通过熟悉Dreamweaver的界面,可以提高工作效率。
第三章:网页设计基础知识本章将介绍网页设计的基础知识,包括HTML、CSS、JavaScript等的概念和用法。
了解这些基础知识对于进行网页设计和制作至关重要。
第四章:网页布局与设计在本章中,我们将学习如何在Dreamweaver中进行网页布局与设计。
包括DIV布局、响应式设计等常用技术和方法,以及一些设计原则和注意事项。
第五章:网页文本与图像处理网页中的文本和图像是网页设计中重要的元素。
本章将介绍如何在Dreamweaver中对文本和图像进行处理,如字体设置、锚点链接、图像优化等技巧。
第六章:网页导航与交互设计网页导航和交互设计是网页设计中至关重要的部分。
在本章中,我们将学习如何使用Dreamweaver创建导航菜单、表单、按钮等交互元素,提升用户体验。
第七章:网页动画与多媒体元素网页动画和多媒体元素可以增加网页的吸引力和互动性。
本章将介绍如何在Dreamweaver中使用HTML5和CSS3技术创建动画和嵌入多媒体元素。
第八章:网页调试与代码优化在网页设计和制作过程中,调试和代码优化是必不可少的环节。
本章将介绍Dreamweaver中的调试工具和一些常见的代码优化技巧,帮助提高网页的性能和稳定性。
第九章:网页发布与维护完成网页设计与制作后,下一步就是将网页发布到互联网上。
本章将介绍如何使用Dreamweaver将网页上传至服务器,并提供一些维护和更新网页的技巧。
第十章:常见问题与解决方法在使用Dreamweaver进行网页设计与制作的过程中,可能会遇到一些问题和困惑。
网页设计与制作教程
第一章基础篇
1.INTERNET和WWW
INTERNET的功能和应用
1.信息的获取与发布
2.电子邮件
3.网上交际
4.电子商务
5.网络电话
6.网上事务处理
7.远程登陆
8.文件传输
9.电子公告版
10.全球信息网
11.INTERNET的其他应用
WWW简介
1.网页,网页文件和网站
2.HTTP和FTP协议
3.超文本和超链接
4.INTERNET地址
5.域名
6.统一资源定位器(URL)
7.HTML
常见网络浏览器----IE
第二章网站建设概论
(1)信息类网站
(2)交易类网站
(3)有偿信息类网站:101网校、
(4)功能型网站
(5)综合类网站
2.根据网站的性质分类:
(1)政府网站
(2)企业网站
(3)商业网站
(4)教育科研机构网站
(5)个人网站
(6)非赢利机构网站
(7)其他类型的网站
3.根据在大型搜索引擎上的设置分类
4.娱乐和休闲类网站;商业与经济类,艺术,人文,健康,医药,政府,政治类,电脑与
网络类,社会和文化,科学与教育类,参考资料类
2.1.2网站建设的步骤
1.制作环境的准备:1)设备:扫描仪,数码相机,打印机2)完善系统环境3)备齐网页开发工具软件,网页制作工具,服务器端程序开发工具及一些实用的辅助工具。
4。
备齐素材制作和加工软件,包括对图形,动画,刘媒体和声音进行处理的素材制作和加工软件
5)备齐常用的网站发布工具,如FTP文件传输软件
2.网站目标的确定:对象:访问者的类型;主题明确,数据充分。
保持目标的简洁
3.网站主题,风格和创痍点的确定
1)主题选材要小而精
2)擅长或感兴趣的内容
)选题不要太滥:因特网上只有第一,人们记不住第二第三名
2)网站的风格:CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等诸多因素
1)确信风格是建立在有价值的内容上的
2)需要彻底弄清楚站点给人的印象是什么
3)在明确网站印象后,开始努力建立和加强这种印象:1)标志(LOGO)2)色彩3)标准字体4)醒目标准口语5)统一图片处理效果7)使用网站特有的图标;使用自己设计的花边,线条和点;;9)展示网站的荣誉和成功作品10)告诉网友关于个人真实的故事和想法3)网站的创意(准备期,孵化期,启事期,验证期,形成期)
4.网站结构的确立:1)网站结构的确立2)网站目录的设置3)网站链接结构的设置:树状连接结构;星状链接结构3)两种结构的综合
5.网站素材的准备
6.网站制作工具的选择和确定:DREAMWEA VER和FRONTPAGE,PHOTOSHOP,FIREWORKS,动画制作工具:FLASH,COOL 3D;网页特效工具,网页特效精灵,有声有色
7.网站的建设
1)申请E---MAIL帐号
2)申请网页空间:1。
打开虎翼网空间申请主页
3)域名注册:对于个人网站,在申请免费网页空间的同时也完成了域名的注册
4)网页制作:先简单后复杂,布局先大后小,制作网页时要多灵活运用软件配备的设计模板,这样可以大大提高制作效率
8。
网站的测试(看看有没有问题)和上传(将网站发布到WEB服务器,网页制作工具本身具有FTP功能)
9。
网站的宣传和推广(搜索引擎上注册,与别的网站交换链接,运用网络广告)
10.网站的更新和维护:必须不断给它补充新的内容,才能够长期吸引住浏览者
2.1.3 网站设计的原则
1)网站主题不要多于三个:小而精,定位小
2)网站的标准色彩不要超过三种
3)重视网站目录结构的创建(创建目录的原则百度上找出来):不要将所有文件都存在根目录下,目录层次不超过三层,不要使用过长的目录名,尽量不要使用中文目录名
4)链接层次不要超出三层(便于维护)
5)网页长度应限定在三个整屏以内
6)表格的嵌套层次要控制在三层左右(表格插入表格里)
7)网站导航要清晰
2.优秀网站的五大要素
1)网站内容丰富
2)页面下载速度快(网页简单,不要大量图片)
3)功能多样,使用方便
4)网站品质优秀(打不开或者已经被你删除的网页,留下号码)
5)保护个人信息(你用信息干什么,填写的信息要保护好,网站收集用户资料有何目的?如何利用用户的个人信息,出售给其他用户机构,会不会发送大量的广告邮件,用户对此拥有选择的权利?填写的个人信息是否安全,是否能获得必要的回报)
2.2 网页的可视化设计概论
2.2.1 网页设计的原则
1。
对比原则:大小对比,明暗的对比,粗细的对比,曲线与直线的对比,水平线与垂直线的对比,
2.协调原则1)主和从;2)动与静3)入与出4)统一与协调
3.平衡原则
4.趣味原则:1)比例(黄金分割点也称作黄金比例,是设计中非常有效的一中方法)2)强调3)凝聚与扩散4)形态的意向5)变化率6)规律感7)导向8)空白区9)屏幕上的文字16*16点阵字型的仿宋体,为了适应人们横向阅读中文的习惯,一行最多不超过35个字2.2.2 网页版面布局的设计
1。
版面布局的依据:1)主次分明,中心突出;2)大小搭配,相互呼应3)图文并茂,相得益彰4)动静有度,平衡对称
2.网页布局的类型:1。
国字型2。
拐角型3,标题正文型4上下框架型5左右框架型6综合框架型,封面型8。
FLASH型9)变化型
3.点线面的运用
2.2.3 网页色彩的设计
1.色彩的基础知识:1)红色2)黄色3)蓝色4)绿色5)紫色6)白色
2。
网页颜色的使用风格1)公司色(CI企业识别)2)风格色(海尔)3)习惯色
3.网站的标准色彩设计原则(颜色不超过三种)
2.2.4 图形与文字的设计
1.图形设计的原则
2.文字设计的原则
3.文字和图形的组合设计
4.设计图形与文字时应该注意的事项
2.2.5 首页的设计:注重第一印象;LOGE注意,干净,整洁,大方。
2.3 网页制作工具概述
2.3.1 网页设计的常用工具
1. 入门级软件工具-----FRONTPAGE下载网址
2.提高级软件工具---DREAMWEA VER(所见即所得)MACROMEDIA的网页制作“三剑客”支持ACTIVEX,JA V ASCRIPT,JA V A,FLASH,SHOCKWA VE,ASP,JSP
下载地址:
2.3.2网页设计的辅助美化工具
1.PHOTOSHOP 下载网址:
2.FIREWORKS 下载网址:
3.FLASH 下载网址:
第三章HTML 简介
网站都是由HTML构成。
HTML是一种建立网页文件的语言,它通过标记式指令,将影像,声音,图片和文字等连接起来,可以用记事本,写字板或FRONTPAGE EDITOE等编辑工具来编写,其文件扩展名为HTML或HTM,它们是能被浏览器解释显示的文件格式,HTML
是网页制作的基本语言,虽然不懂得HTML也能制作出漂亮的网页,但了解它可以更方便灵活的控制网页
3.1.21。
标记2。
标记属性3。
注释语句
3.1.3HTML 的基本结构
<HTML> HTML文件开始
《HEAD》文件头开始
文件头
《/HEAD》文件头结束
《BODY》文件体开始
文件体
《/BODY》文件结束
《/HTML》HTML 文件结束
第四章FRONTPAGE 2003 概述。