《网页创建站点》PPT课件.ppt

1、第3章 创建站点,网站建设基础 创建站点 编辑站点 创建站点内容,网站建设基础,建设网站预备知识 网站建设的一般流程 网页中的色彩知识,建设网站预备知识,什么是WWW：WWW是Internet上的多媒体信息查询工具，它是World Wide Web的英文缩写，中文名字为“万维网”。它起源于1989年3月，是由欧洲量子物理实验室CERN（欧洲核子委员会）开发出来的主从结构分布式超媒体系统。WWW是以“超文本”方式将Internet上的信息连接在一起，让用户能以非常简单的方式获取世界各地的信息。 申请域名：域名是企业或组织在Internet上的唯一标识，是网络商标，是企业在网上的品牌形象，注册企业

2、自己的独立域名已是现代企业在互联网是宣传自己的第一步。域名一旦注册，其他个人或团体都不能在网上再注册这个域名。用户可以通过搜索引擎查找相关域名空间提供商，在他们的网站上可以在线域名查询，从而找到最适合自己而且还未被注册的域名。 申请服务器空间：有了自己的域名后，就需要一个存放网站文件的空间，这就是Internet上的服务器。对于有实力的较大企业，可以购置自己的服务器；建议企业上网采用虚拟主机方式。所谓虚拟主机是指使用特殊的软硬件技术，将计算机分成若干“虚拟”的主机。一般虚拟主机提供商都能向用户提供100MB、300MB、500MB直到一台服务器的虚拟主机空间，用户可根据网站内容的设置和发展前景

3、选择。,网站建设的一般流程,确定网站主题 网站整体规划 收集资料素材 设计网页图像 制作网页 开发动态网站 发布与上传 更新与维护 网站的推广,确定网站主题,一个网站必须要有一个明确的主题，特别是个人网站，一个人没有能力，也没这个精力制作一个大而全的综合网站，所以必须找准一个自己感兴趣的内容，将它做深、做透，办出自己的特色。 对于内容主题的选择，要小而精，主题定位要小，内容要精。不要试图制作一个包罗万象的站点，这往往会失去特色，给网站的及时更新带来困难。,网站整体规划,规划网站首先规划好网站的架构，也要考虑以后的扩充。 网站规划包括网站的结构、栏目的设置、网站的风格、颜色的搭配、版面的布局及文

4、字图片的运用等。,收集资料素材,首先建一个总目录，用于放置建立网站的所有文件；然后在此目录下建立两个子目录：“文字资料” 、“图片资料”；放入目录中的文件名最好全部用英文小写。 文字内容素材的收集可以从网络、书本、报刊上，也可使用平时的试卷和复习资料，将这些资料制作成Word文档。收集的文字资料既要丰富，又要便于有机地组织。 动画图像素材的收集主要来自四个方面：动画可以上网找，最好自己制作；从CD-ROM中获取；利用现有图片或自己拍摄；从各种图书出版物如教科书、杂志封面科普读物等获取图片。,设计网页图像,设计网站标志：标志可以是中文、英文字母，也可以是符号、图案等；标志的创意设计来自网站的名称

5、和内容，如网站的代表性人物、动物或植物，加以卡通化和艺术化；专业网站可以以本专业有代表性的物品作为标志；最常用的是用网站的英文名称作标志。 设计网站色彩：不同的色彩搭配会产生不同的视觉冲击效果。“标准色彩”是指能体现网站形像和延伸内涵的色彩，要用于网站的标志和主色块，给人以整体统一的感觉。其他颜色也可以使用，但只能作为点缀和衬托。一般一个网站的标准色彩不超过3种。 设计网站字体：标准字体是导航栏的特有字体。一般网页默认字体是宋体。为了体现网站与众不同的特有风格，可以根据需要选择一些特别字体。 设计网站宣传广告：可以说这是网站的精神、主题与中心，或者是网站的目标，应该用富有气势的一句话或一个词来

6、高度概括，可以收到 好的效果。 首页设计：包括版面、色彩、图像、动态效果、图标等风格设计，也包括banner、菜单及版权等模块的设计。,制作网页,制作网页是一个复杂而细致的工作过程,一定要按照先大后小、先简单后复杂顺序进行。 所谓先大后小，就是先将大的结构设计好，然后再逐步完善小的结构设计。 所谓先简单后复杂，就是先设计简单的内容，然后再设计复杂的内容。 制作网页时要多灵活运用模板，以提高工作效率。,开发动态网站,大部分网站还需要开发动态功能模块。 常用的动态功能模块有搜索功能、留言板、新闻信息发布、登录功能、网上注册、在线购物、技术统计、网上调查、论坛、聊天室等。,发布与上传,网页制作完成后

7、，最后要发布到Web服务器上，才能让全世界的朋友观看。 上传的工具很多，可以采用Dreamweaver自带的站点管理上传文件；也可以用FTP软件上传； 网站上传后，要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改。,更新与维护,网站要经常维护和更新，保持内容的新鲜，才能吸浏览者。 网站维护包括网页内容的更新，通过软件进行网页内容的上传，目录管理，计数文件的管理及网站的定期推广服务。 更新是指在不改变网站结构和页面形式的情况下，增加或修改网页的固定栏目。,网站的推广,网站建好后，要不断地进行宣传，以提高网站的访问率和知名度。 推广的方法有很多，例如到搜索引擎上注册、与别的网

8、站交换链接或加入广告链等。 网站推广是企业获得有效访问的重要步骤，能使企业网站收到接近期望值的效果，网站推广作为电子商务服务的一个独立分支正显示出它巨大的魅力。,网页中的色彩知识,色彩的基本概念 常见色彩表达的意义 网页色彩搭配原理 网页色彩搭配技巧 常见网页配色方案,色彩的基本概念,色彩的魅力是无限的，无论是平面设计，还是网页设计，色彩永远是最重要的一环。所以网页设计者不仅要掌握网站制作技术，还要掌握网站的风格、配色等设计艺术。 自然界中最基本的颜色有3种：红、黄、蓝，称为三原色。通过三原色不同比例的混合，可以得到各种颜色。 网页设计应注意的原则：一是用一种色彩，先选定一种色彩，然后通过调整

9、透明度或饱和度，使页面有层次感；二是用两种色彩。先选定一种色彩，然后选择它的对比色；三是用一个色系，即用一个感觉的色彩；四是尽量控制在3-5种色彩之内；五是背景和前文的对比要大，以突出文本内容。,常见色彩表达的意义,任何一种彩色都具有3个属性：色相、明度和饱和度。 相近色：色环中相邻的3种颜色，看上去舒适、自然，极为常用。 互补色：色环中相对的两种色彩。 暖色：红、橙、黄等颜色为暖色，一般用于购物类网站、电子商务网站、儿童类网站，用以体现商品的琳琅满目，儿童类网站的活泼、温馨等效果。 冷色：绿、青、蓝等颜色为冷色，一般用于一些高科技网站，以表现严肃、稳重等效果。 色彩均衡：当上个网站使用多种色

10、彩时，色彩均衡十分重要。色彩均衡包括色彩的位置，各种色彩所占比例、面积等。如鲜艳明亮的色彩面积小一点使人感觉舒适。,网页色彩搭配原理,色彩的鲜明性，容易引人注目。 色彩的独特性，以给浏览者留下深刻印象。 色彩的艺术性，进行大胆艺术创新，色彩的选择要和网页的内涵相关联。 色彩搭配的合理性，在遵循艺术规律的同时，还要考虑人的生理特点，使色彩搭配给人一种和谐、愉快的感觉。,网页色彩搭配技巧,使用单色。尽管单色容易产生单调感，但可通过饱和度和透明度的变化避免单调。 使用邻近色。如绿和蓝，红和黄就互为邻近色，使用邻近色设计网页，可避免色彩混乱，达到和谐统一。 使用对比色。可以突出重点，产生强烈的视觉效果

11、。一般以一种颜色为主色，对比色作为点缀。 黑色的使用。一般作为背景，与其他纯度色彩搭配使用。 背景色的使用。一般使用素淡清雅的颜色，要与文字的颜色色彩对比强烈一些。 色彩的数量。一般控制在3种颜色以内，通过调整各种属性产生变化。,常见网页配色方案,红色代表热情、活泼、热闹、温暖、幸福、吉祥。也容易使人兴奋、激动、紧张、冲动，还是一种容易造成视觉疲劳的颜色。 黄色代表明朗、愉快、高贵和希望，它是各种颜色中最娇气的一种色。 蓝色代表深远、永恒、沉静、理智、诚实、公正和权威。淡化后仍能保持较强个性，在蓝色中加入少量红、黄、黑、橙等色，不会对蓝色的性格构成明显影响。 白色色感光明，性格朴实、纯洁和快乐

12、。代表纯洁、纯真、朴素、神圣和明快。在其中加入任何其他颜色，都会影响其纯洁性，使其性格变得含蓄。 紫色的明度在所有彩色中是最低的，紫色代表优雅、高贵、魅力、自傲及神秘。在紫色中加入白色，可变得优雅、娇气，并充满女性的魅力。 绿色代表新鲜、充满希望、和平、柔和、安逸、青春。 灰色在商业网站设计中，具有柔和、高雅的意象，属于中间性格，是永远流行的主要颜色。常用于高科技产品，尤其是和金属材料有关的网站。,创建站点,选择“站点/新建站点”，打开“站点设置对话框”；选择“基本”选项卡(见图)； 输入站点名称后单击“下一步”(见图)； 确定是否使用服务器技术，这里选择“否”，单击“下一步”； 确定文件存放

13、路径，选择“编辑我的计算机上的本地副本，完成后再上传到服务器”，单击“下一步”； 上传服务器设定(以后再设)，选择“无”，单击下一步，单击“完成”,图,编辑站点,选择“站点/编辑站点”，打开“管理站点”对话框 1.新建：单击之可以新建“站点”、“FTP与RDS服务器”。“站点”可以建立多个，它们都显示在“管理站点”对话框左侧的“站点列表框”中，想要在多个站点中切换，只需打开“管理站点”对话框，选中之，击“完成”钮即可。 2.编辑：单击此按钮，打开“创建站点”对话框，可以对之前设置的选项進行修改。 3.复制：可复制站点 4.删除：可删除站点 5.导出：可以把所选站点导出成为扩展名为.ste的文件，用于在各计算机和产品版本之间移动站点。也可以将它存放在计算机里，视为该站点的备份。 6.导入：将导出的站点重新添加到站点列表中，以供使用。 7.帮助：单击此按钮，将会打开Dreamweaver 8简体中文版的帮助文档。,创建站点内容,创建文件夹 创建空白页面文件 文件和文件夹的改名 文件和文件夹的移动,创建文件夹,创建新文件夹的目的主要是为管理方便，建立文件夹的过程就是构思网站结构的过程，每个子栏目都要有自己的文件夹； 文件和文件夹的命名不能使用中文； 创建方法：选择“文件/新建文件夹”；或在网站文件夹上右击，选择“新建文件夹”。,创建空白页面文件,目录创建后，就可以对号入座了，即在各自的