第一讲-网站建设、发布与维护PPT课件

1.站点构建、发布和维护，1.1站点构建1.2站点构建1.3站点维护1.4河南蝴蝶技术，1，1.1站点构建，站点构建，站点发布，站点维护，2，站点规划1)站点主题(主题和标题)2)站点目标3以个人主页为例，主题是本人擅长或喜欢的内容。不要太过分，目标也不要太高。4，网站标题设置的一般原则，名字就是合法、公正、合理的名字，使用中文名字具有最好的特色，在体现特定意义的同时，对访问者有更多的视觉冲击和空间想象力。e图书时空、5、web资料(资料)收集多媒体文档的资料类型，如文本、图片、动画和声音、图像。如何获得资料：1)自行编写2)传统媒体，例如报纸杂志和光盘。3)网络。6，有关使用网络资料的注意事项：1)版权问题2)健全性内容的完整性和准确性链接的正确性和完整性3)合法性，7，网页的布局计划是网络结构的设计。实际上，是合理设计页面的列和板，并将其分配到页面上。8，主页的基本配置内容1)页面标题2)站点徽标3)页眉4)导航栏5)基本内容区域6)页脚，对web内容的一般说明将引导访问者清楚地知道要浏览的站点的内容，而不会丢失方向。像商品的商标一样，要集中表达网站的特性、内容及固有的文化意义和概念。大部分网站都设置为目的、宣传标语、广告语或租赁的广告席，表示吸引关注的页面顶部的部分。导航条的位置通常是页面的左、右、上、下。是页面设计的主要元素。主页通常是第二级链接内容的标题、或内容提要或部分内容的摘录。布局通常按站点内容分类，以划分列或划分部分。指页面底部，通常用于显示站点所属单位的地址、电子邮件链接和版权所有或导航条；9、10、11、站点目录设计的角色：站点上载和维护简便、内容扩展和移植。法规遵从性目录构建规划原则：以最低的级别提供最清晰、最简单的访问结构。目录结构：根根根根文件：通常包含主文件和其他所需的系统文件。每个主要功能(导航条)都编写其目录。12、根目录下的images目录中有公共图像，每个目录下的个人图像都位于单独的images目录中。(可选)在根目录中，设置用于存储flash、avi等多媒体文件的media目录。所有脚本文件都存储在根目录的脚本目录中。所有CSS文件都存储在根目录的CSS目录中。目录级别不要太深，一般不超过3个级别，便于维护和管理。中文目录尽量不要使用意义明确的目录名称，13，链接设计链接设计是设计页面之间相互连接的拓扑。链接结构类型：1)指示线性结构：子页面从父页面展开。打开的页面向下展开一级父页面，而结束页面向下折叠一级子页面。14、(续)2)非线性结构：树链接结构：表示一级页面链接指向多个辅助页面。星形链接结构：表示每个页面都相互链接。树，星形混合链接结构：在实际网站设计中通常使用此混合结构。它是第一页和第一页之间的星形链接结构，由第一页和下面每个页面之间的树链接结构组成。15、浏览站点的计划站点的设计实际上是站点链接结构的设计。导航分类：1)导航栏、16、(继续)2)下拉导航：包括隐藏类和不可隐藏类(如折叠类)。、17、18、(续)3)基于分类列表的导航：通常用于brocade类站点。19、(续)4)关键字导航：通常，某些关键文本在文本中设置为超链接，经常出现在帮助类和产品说明类的网页中。5)其他类型的导航：使用图像或动画指导网站导航。20、web颜色匹配原则：1)保持网页的颜色匹配2)保持其他网页颜色的一致性3)根据页面的主题、特性和导航器计划整体颜色。21、网站生成1)网站制作2)优化3)网站测试、22、1。网站优化：删除网页上重复或不必要的标签，并打开要在Dreamweaver中优化的文档。在文档窗口中，单击“命令”-“清理XHTML”菜单命令以打开“清理HTML/XHML”对话框(如图3所示)，进行适当的设置，然后单击“确定”按钮以优化HTML。23、24、2。根据测试内容，网站测试可以分为多种类型。测试链接测试上载测试，25，特定于浏览器的测试，测试网页在不同于其他浏览器的版本中运行和显示的测试。1)打开要测试的页面。2)执行“文件”“检查”页面“目标浏览器检查”菜单命令以打开“结果”窗口，如图4所示。26、3)单击按钮，然后单击弹出下拉菜单中的设置命令，打开“目标浏览器设置”对话框，如图5所示。27、4)在对话框中，选择相应的浏览器，然后单击“确定”按钮。5)测试结果如图4所示。28、测试链接，1)打开要测试的文件或文件夹。2)执行“文件”“检查”页面“检查链接”菜单命令以打开“结果”窗口，如图6所示。3)单击该按钮，然后从弹出下拉菜单中选择要测试的对象。也就是说，决定是检测当前文档还是检测整个站点。29、4)单击“显示”(display)下拉列表中的下拉箭头，从下拉列表中选择要查看的内容。5)结果如图6所示。30、上载测试、将网页上载到internet，然后对链接和下载速度进行测试。31，1.2网站发布，域名和空间报销申请是提供域名和空间的网站(例如，可以免费申请空间，可以根据网站的申请流程申请)，32，申请示例，33，网站上传1)使用Dreamweaver上传进行远程站点上传的网站是指网站的维护，网站的内容立即更新，网站的废文件立即清除，网站的功能和服务调整等任务。35、摘要、站点构建流程如下：“站点计划”“准备资源”“站点布局计划”“网站目录设计”“网站