网站与网页的基本知识PPT课件

首先，网站和网页的基本知识，1，教课计划参考书DreamweaverMXFlashMXFireworksMX网页设计培训教程西安电子科技大学出版社登机工作室DreamweaverMX2004完美网页设计与制作中国青年出版社姜南PhotoshopCSDreamweaverMX2004FlashMX2004网页设计黄金搭档中国青年出版社zouting等，2，网络互联网源于美国国防部的ARPANET网络。目前网络已成为巨大的信息资源，1990年我国正式在网络管理中心注册了区域名称CN，1994年开通了网络的全部功能服务。3、基本术语、网页(web页):由文本、图片、动画、超链接等组成，通常使用html或htm作为文件的扩展名在www中联机发送，浏览器可以识别并翻译为页面上显示的文件。网站：网站是由主页和多页组成的网页集合。网站设计者首先计划整个网站结构，然后分别制作每个页面。主页(home page)uniformresourcelocator(URL)hypertext markup language(html):超文本标记语言是说明性解释语言，必须在浏览器解释中运行，主要用于编写web文档。制作和制作非常简单，因此广泛应用于互联网领域，并成为WWW的核心技术之一。4、http:超文本传输协议，是常用的网络通信协议。要连接到特定网页，必须通过HTTP协议。FTP:文件传输协议。与HTTP协议类似，它也是用于指定internet资源传输的URL地址。HTTP协议用于链接到网页，FTP协议用于上载或下载文件。5、FrontpageDreamweaver是用于Macromedia基于web的创作和网站管理的WYSIWYG web创作工具。两者的区别FrontPage占据了中级市场，比较重视网页的开发效率，易于学习和使用。Dreamweaver侧重于web高级设计市场，该市场强调了更强大的web控制、设计功能和创造性功能。Dreamweaver功能全面，比FrontPage更易于使用。它包含FrontPage中的所有基本任务，并开发了几种独特的设计新概念，其中包括支持层叠样式表(CSS)的行为(Behaviors)、时间轴(Timeline)和库(Library)。web创作工具、6、Dreamweaver和FrontPage的比较有几个优点。1.垃圾邮件少，web可读性强，可以加快web浏览速度。2.图层功能使您可以快速创建复杂的页面，照片定位更容易；与Netscape的兼容性基本上可以解决。4.设计思维方式丰富，创作的随机性强，可以充分发挥你的创造力。7，web景观工具为了使制作的网页看起来更好，用户在使用web创作工具制作网页时，还应该使用美化web的工具。1.Photoshop是Adobe开发的图形处理软件，是当前PC上最好的通用图形艺术设计软件，功能完善、性能稳定、使用方便，几乎所有广告、出版和软件公司都喜欢Photoshop作为其打印制作工具。2.fireworks fireworks是Macromedia开发的图形处理工具，其出现使web映射发生了重大变化。因为Fireworks是专为创建web图形而设计的第一套软件，也是专门的web图形设计和创作解决方案。为web设计开发的图像处理软件，Fireworks具有强大的动画功能(如自动剪切图像、为光标动态检测生成JavaScript程序等)和相当完整的网络图像生成器。用户可以从/站点下载软件。8，3.FlashFlash是美国Macromedia开发的矢量图形编辑和动画制作的专业软件，是用于将音乐、声音、动画和新界面组合在一起以创建高质量网页动态效果的交互式动画设计工具。主要用于网页设计和多媒体制作领域，强大、独特，成为交互矢量动画的标准，在网上很受欢迎。Flash广泛用于制作web动画、演示教育动画、网上购物和在线游戏等。9，网页创建的基本阶段，(a)网站的总体规划和设计构成网站的总体规划，即网站的内容并设计其结构。网页制作者在确定网页制作的目的和要包含的内容后，必须计划网站，使文件内容清晰、结构明确。这不仅能很好地反映设计师的意图，还能提高网站的可维护性和可扩展性。10，主题和名字的明确主题必须小而精。定位要小，内容要精炼。主题最好是你做得好或喜欢的。制裁不能太过分，目标也不能太高。网站CI影像网站图志图志图志图志设计网站的标准颜色一般不超过一个网站的标准颜色3，太多的话会很显眼。通常，适合web标准颜色的颜色是三种主要系列颜色：蓝色、黄色/橙色和黑色/灰色/白色。设计网站的标准字体。设计网站的宣传口号。11，节和节的确定；必须牢牢填充主题，以确保站点目录结构和链接结构不会将所有文件归档到根目录中。根据列内容创建子目录。在每个主目录下创建单独的images目录。目录的层次不能太深。其他事项包括：1.不要使用中文目录。网络没有边界，使用中文目录可能很难正确显示网址。不要使用太长的列表。服务器支持长文件名，但太长的目录名不容易记住。请使用意义明确的目录。4.站点主页必须浏览整个站点的页面。5.第二页对应于第一页的每个部分：12，6。必须包含指向同级页、下一级别页和主页的链接。7.特定的交互信息(如防明录、电子邮件链接和信息反馈表)也必须在网站上。网站的目录结构、13、层次结构层次结构(如图1.8所示)类似于目录系统的树结构，从网站文件的主页开始，依次细分为主要标题、次要标题等。14，如图1.9所示，线性结构线性结构类似于数据结构的线性表，组织线性序列形式的信息，指导用户逐步浏览整个网站文件。此结构通常用于意义并行的页面。一般来说，网站文件的结构是分层结构和线性结构相结合的。这样可以充分利用两种结构的特性，使网站文件合理、规范，同时满足设计者和导航者的要求。15，web结构web结构(见图1.10)类似于internet结构，形成了web页面之间的网格连接，使用户可以自由导航。主页，第1页，第2页，第3页，第4页，第5页，第7页，第8页，第1级标题，第2级标题，图1.10 web结构，整理资料收集2。资料准备3。内容规划(2)web设计和制作1。静态网页的设计和制作好的网站内容比什么都丰富，其次网页设计很漂亮。对于网页的外观设计，应、17、(1)首先确定网页的外观，然后不要强迫其接受，而是根据网站的访问者对象、要提供的信息和制作目标创建最佳的web体系结构。(2)每页的排版不要太松或太大的单词，不要在访问者浏览网页时进行大滚动，对于长度太长的一页，可以使用内部链接解决。注意不要在一页的顶部放入几幅粗体字或图画，只要是显眼而珍贵的地方。(3)不要使用640480和800600分辨率设计网页。目前国内网站基本上是800600，但是主要针对海外访问者的网站，建议使用640480。(4)不能在每页上插入太多广告。相信任何访问者都不会喜欢看只有一个广告的网页，因为该页面的内容和广告的比例、广告太多，所以只能很麻烦。(5)不要在每页上使用不同的墙纸，以免每次移动页面时下载太多的时间。使用相同的墙纸或墙纸可以提高web一致性，从而创建自己的风格。18，(6)底色或墙纸要与文本形成强烈的对比，以便易于阅读。虽然不一定总是要使用浅色背景和深色文本，但深色背景经常需要与主题一起工作，如果网页基于文章或文本很多，最好将背景颜色和文本适当地组合在一起，以便访问者舒适地阅读网页。(7)不要把图画白色视为透明，要知道别人的系统不一定会把内定的底色变成白色。解决方法是，除了将相应网页的底色真正设置为白色外，还使用图片编辑工具使图片透明。2.向网页添加动态效果完成静态网页的创建后，下一个任务是向网页添加动态效果，包括设计一些脚本语言程序和数据库程序，添加动画效果等。19、(3)包括测试网页功能测试和完整性测试两个方面，web设计人员制作完所有网站页面后，必须对设计网页进行审查和测试。功能测试确保了网页的可用性，实现了原始内容配置设计目标，实现了规定的功能，并使读者能够方便快捷地找到所需内容。完整性测试是确保页面内容正确显示，链接正确，并且没有错误地缺失。如果在测试过程中发现错误，必须立