项目1班级风采网站制作

项目1班级风采网站制作内容摘要：

DNS的名字服务器 (Name Server)将域名翻译成对应的 32位 IP地址 ,然后才能完成对远程计算机的访问。 知识点 11 网页与网站的概念  （ 4） 统一资源定位器（ url）  统一资源定位器（ Uniform Resource Locator）是全球 WWW网服务器资源的标准寻址定位源码，用于确定资源相应的位置及所需检索的文件。 其优点是用字符串来指向所需的信息，从而进行资料的检索。  URL 由 3部分组成 :Inter协议 域名 主机路径及文件名  例如：  协议有：   ftp: 文本传输协议  tel:远程登陆协议  （ 5） 文件传输协议 (FTP)  文件传输协议 (FTP)(File Transfer Protocol) 用于网络节点间文件的双向传输 ,是实现资源共享的重要方式和有效手段之一。  FPT 是支持用户实现把文件从一台计算机中传输到另一台计算机中 ,并且能保证传输的可靠性。  用户在本地计算机上做好的主页除了用 Dreamweaver上传之外。 还可以用 FTP上传到达远程的主机中。 常用的 FTP工具有 CuteFTP和 LeapFTP等。 知识点 11 网页与网站的概念  （ 6）虚拟主机  虚拟主机是使用特殊的软、硬件技术把一台服务器主机分成几十个“虚拟”的服务器主机，每台虚拟主机都具有独立的域名和 IP地址（或共亨的 IP地址），具有完整的Inter服务器功能。  虚拟主机之间完全独立，在外界看来，每台虚拟主机和一台独立的服务器主机完全一样。 多台虚拟主机共亨真实主机的资源，这样就可以把网络的开销费用均摊到每台虚拟主机上。  可利用虚拟主机技术建立个人主页，在大型网站上（提供存放主页的免费空间，提供免费域名）申请主页空间和域名（免费或收费），获得成功后，把你制作的网页存放在虚拟主机上，这样你就好象在 Inter上拥有了自己的服务器和网站。 知识点 11 网页与网站的概念 （ 7）网站的发布 网站制作好后还需要发布才能被浏览者浏览。 网站的性质不同，发布方式也不同。 ① 企业级商业网站的发布 如果企业有足够的资金和技术支持，可以考虑创建自己的网络中心。 硬件方面需要有性能稳定的服务器、路由器、交换机，并要向当地的电信部门申请网络专线。 同时需要有一定数量的专人对网站进行维护和管理。 ② 中小企业级或小型组织社团的网站发布 如果没有条件创建独立的网站硬件环境，或者网站规模并不大，不需要创建独立的网站硬件环境，可以选择以下几种小型网站的解决方案。 租赁虚拟主机： 如果网站的内容不是很多，也不需要大量的服务器空间支持数据库，可以采用这种发布方式，也就是租用 ISP主机服务器的一定空间来发布网站，一年需要支付少量费用，就可以建立一个功能比较强大的网站。 目前，这是大多数中小企业和社会团体、较具规模的各种组织网站多采用的模式。 服务器托管： 如果在网站里需要大量数据库支持，可以采用这种方式。 将网络服务器主机存放在某个 ISP的网络中心里，借用他们的通信系统接入因接网。 ISP的人员还可代为维护，这样既可以节省相当的网络管理人员和许多通信设备，又能保证网站的性能要求。 DDN专线接入： 这种方式有些类似于服务器托管，就是也有自己的服务器，但不是存入放在 ISP网管中心，而是存放在自己的机房中，利用 DDN或其他专线接入方式与 ISP的通讯系统相连，由 ISP连入因特网，这种方式的费用也很高，因为专线多是每月要收比较贵的月租费，而且还有一个容量问题，如果专线容量较小，网站所能被访问的人数就会较少。 ③免费主页空间 如果只是想建立一个小型的、功能简单的网站，当然也可采用以上形式，但这需要有相应有费用支持，投资与效益的比例关系需要权衡。 如果目前还不想投资太多，那么免费主页空间将是较好的选择。 但现在较好的免费主页空间不多，且一般不支持 ASP、 JSP、 CGI等高级功能。 知识点 11 网页与网站的概念  （ 8）超文本、超媒体、超链接  超文本文件（ Hyper Text）就是指在文本中包含了与其他文本的链接的文件。 超级链接文本下方带有下划线。  超媒体（ Hypermedia）进一步扩展了超文本所链接的信息类型。  超媒体文件就是一种文字、影像、图片、动画、声音综合在一起的文件。  超链接（ Hyperlink）是 WWW上使用最多的一种技术，是网页的灵魂，它的作用是建立网页之间的联系。 通过超级链接，浏览者能够方便自由地在网页、网站乃至整个因特网上遨游。 在网页中，当鼠标移到超链接处，会呈现手的形状，表示单击该处，可以链接到该提示所指的页面。  （ 9）主页  网站向用户提供的最初起始页面叫主页（ Homepage），也称为首页。 主页是进入网站的门户，一般是整个网站的第一页，是网站中所有网页文件的起点和交点。 主页中通常包括通向其他相关页面的超级链接，还应包括站点的基本信息和主要内容，使浏览者一目了然地了解站点的基本主题，了解站点的信息是否对自己有用。 知识点 12 网站设计与制作流程  确定主题  搜集材料  规划网站  制作网页  测试评估  正式上传  推销网站  维护更新  网站规划 网站制作 后期维护  网站设计是一个系统工程，具有特定的工作流程，遵循这个流程，才能设计出令人满意的网站。 网站设计制作主要分为网站规划、网站制作、后期维护三个阶段。 知识点 12 网站设计与制作流程  1. 网站规划  制作网页如同泼墨作画，首先要进行构思，然后再加以实现。 这种构思就是网站规划。 网站规划的总体原则有两个：一是为读者提供有用信息，二是要美观。  （ 1） 确定网站的主题与名称  网站的主题是指建立的网站所要包含的主要内容。 例如，教育、旅游、体育、新闻、医疗、时尚、娱乐、搜索等。 其中每一大类又可细分为若干小类。 一般来说，确定网站主题应遵循以下原则：  ① 主题鲜明；② 明确设立网站的目的；③ 体现自己的个性。  网站的名称起着很重要的作用，它在很大程度上决定了整个网站的定位。 一个好的名称必须简洁、有概括性、有特色、容易记，还要符合自己主页的主题和风格。  （ 2） 搜集材料  确定网站主题后，要围绕主题搜集材料，作为自己制作网页的素材。 知识点 12 网站设计与制作流程  （ 3） 规划网站  规划网站就象设计师设计大楼一样，只有图纸设计好了，才能建成一座漂亮的楼房。 规划网站时，首先应把网站的内容列举出来，根据内容列出一个结构化的蓝图，根据实际情况设计各个页面之间的链接。 规划网站的内容应包括：栏目的设置、目录结构、网站的风格（即颜色、搭配、网站标志Logo、版面布局、图像的运用）等。  ① 主题栏的设置  在设计网站的主题栏与版块时应注意以下几个问题：  突出主题，把主题栏放在最明显的地方，让浏览者更快、更明确地知道网站所表现的内容。  设计一个最近更新栏目，让浏览者一目了然地知道更新内容。  栏目不要设置太多，一般不超过 10个。  ② 目录结构设计  目录结构设计一般应注意以下问题：  按栏目内容建立子目录。  每个栏目下分别为图像文件创建一个子目录 image（图像较少时可不创建）  目录的层次不要太深，主要栏目最好能直接从首页到达。  尽量使用意义明确的非中文目录。  ③ 颜色搭配  合理的应用色彩是非常关键的，不同的色彩搭配产生不同的效果，并能影响浏览者的情绪。 网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。 知识点 12 网站设计与制作流程  （ 3） 规划网站  ④ 网站标志 Logo  Logo最重要的作用就是表达网站的理念，便于人们识别，广泛地用于站点链接和宣传。 如同商标一样， Logo是站点特色和内涵的集中体现。 如果是企业网站，最好是在企业商标的基础上设计，保持企业形象的整体统一。  设计 Logo的原则是：以简洁、符号化的视觉艺术把网站的形象和理念展示出来。  ⑤ 版面布局  网页页面的整体布局是不可忽视的。 要合理地运用空间，让网页疏密有致、井井有条。  版面布局一般应遵循的原则是：突出重点、平衡和谐，将网站标志（ Logo）、主菜单等最重要的模块放在突出的位置，然后再排放次要模块（例如搜索、计数器、版权信息、 Email地址等）。  此外，其他页面的设计应和首页保持相同的风格，并有返回首页的链接。  ⑥ 图像的运用  网页上应适当地添加一些图像，使用图像一般应注意以下几个问题：  图像是为主页的内容服务的，不能让图像喧宾夺主。  图像要兼顾大小和美观。 图片不仅要好看，还应在保证图片质量的情况下尽量缩小图片的大小（即字节数）。 图像过大会影响网页的传输速度。  合理地采用 JPEG和 GIF图像格式。 颜色较少的（ 256色以内）图像，可处理为 GIF格式，色彩比较丰富的图像，最好处理为 JPEG格式。 知识点 12 网站设计与制作流程  2 网站制作  （ 1） 制作网站  制作网站主要包括以下步骤：  ① 建立本地站点。 建立站点根文件夹，用于存放首页、相关网页和网站中用到的其他文件。  ② 在站点根文件夹下创建子文件夹。 为了使文件安排比较清晰，将页面文件和图像文件分开存放。  ③ 向站点添加所需要的空网页。  ④ 设计网页尽寸。 页面大小一般可选择 800 600或 1024 768规格。  ⑤ 设计网页属性，包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等。  ⑥ 向网页中插入文本、图像、动画等对象。  ⑦ 建立所需要的超级链接。  ⑧ 预览和保存网页。  （ 2）上传与测试  测试评估与正式上传是不可分割的两部分。  制作完毕的网页，必须进行测试。 测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。 完成上传前所需要的测试后，利用 FTP工具将网页发布到所申请的主页服务器上。 网站上传后，继续通过浏览器进行实地测试，发现问题，及时修改，然后再上传测试。 知识点 12 网站设计与制作流程  3后期维护  （ 1） 推销网站  网页上传后，需要不断地进行宣传，以便让更多的朋友认识它，从而提高网站的访问率与知名度。 推广网站的方法很多，例如，利用 Email、新闻组、与别的网站交换链接（友情链接）、到搜索引擎上注册、加入交换广告等。  （ 2） 维护更新  网站必须定期维护、定期更新，只有不断地补充新内容，才能吸引浏览者。 同时，随着软硬件的进步，网页的设计也应由文字向多媒体、由平面图像向立体动画或影片、由单向传播向交互式发展。 知识点 13 初步认识 Dreamweaver CS5  1. 中文 Dreamweaver CS5工作环境  中文 Dreamweaver CS5提供可视化的网页开发环境 ,具有所见即所得的功能。 它的工作窗口简洁明了，功能面板及工具栏中几乎集中了所有的重要功能，属性面板放在窗口底部外，其他面板放在窗口的右边，可随时打开与关闭，这样就克服了以往版本浮动面板位置较乱，有时会影响网页编辑的不足。  中文 Dreamweaver CS5工作环境即中文 Dreamweaver CS5应用程序窗口，该应用程序窗口由菜单栏、文档工具栏、文档编辑窗口、浮动面板等组成，文档编辑窗口由文档标题栏、页面编辑区、状态栏等组成，浮动面板包括属性面板、面板组等，面板组包括插入面板、 CCS样式 /AP元素面板、文件 /资源面板等。  中文 Dreamweaver CS5工作环境如图所示： 知识点 13 初步认识 Dreamweaver CS5 中文 Dreamweaver CS5工作环境 知识点 13 初步认识 Dreamweaver CS5  (1) 菜单栏  和其他应用软件基本相同，菜单栏中的每一项都有一个下拉式菜单， Dreamweaver CS5中大部分操作都可以通过菜单项的下拉菜单来实现。  (2) 文档工具栏  文档工具栏包含可在代码视图、设计视图、拆分视图之间快速切换的按钮，并包含一些与选定视图有关的常用命令。 选择 【 查看 】 → 【 工具栏 】 菜单命令，可以在窗口中显示或隐藏文档工具栏。  “代码”按钮：在文档中显示代码视图。 在代码视图中，可以直接查看和编辑 HTML源代码。  “拆分”按钮：同时显示代码视图与设计视图。 在代码视图显示在左侧，设计视图显示在右侧。  “设计”按钮：在文档中显示设计视图。 设计视图是中文 Dreamweaver CS58编辑过程中的默认方式，可以达到所见即所得的效果。  “标题”文本框：显示或编辑当前网页的标题。  “在浏览器中预览 /调试”按钮：在浏览器中预览网页效果或检查错误。  “文件管理”按钮：查看文件的上传、下载的状态。  “刷新设计视图”按钮：刷新设计视图。  “视图选项”按钮：为不同的视图设置选项。  (3) 文档窗口  文档窗口包括文。