《《网页创建站点》PPT课件.ppt》由会员分享,可在线阅读,更多相关《《网页创建站点》PPT课件.ppt(27页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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、菜单及版权等模块的设计。制作网页制作网页是一个复杂而细致的工作过程,一定要按照先大后小、先简单后复杂顺序进行。所谓先大后小,就是先将大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计简单的内容,然后再设计复杂的内容。制作网页时要多灵活运用模板,以提高工作效率。开发动态网站大部分网站还需要开发动态功能模块。常用的动态功能模块有搜索功能、留言板、新闻信息发布、登录功能、网上注册、在线购物、技术统计、网上调查、论坛、聊天室等。发布与上传网页制作完成后,最后要发布到Web服务器上,才能让全世界的朋友观看。上传的工具很多,可以采用Dreamwea
7、ver自带的站点管理上传文件;也可以用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简体中文版的帮助文档。
14、创建站点内容创建文件夹创建空白页面文件文件和文件夹的改名文件和文件夹的移动创建文件夹创建新文件夹的目的主要是为管理方便,建立文件夹的过程就是构思网站结构的过程,每个子栏目都要有自己的文件夹;文件和文件夹的命名不能使用中文;创建方法:选择“文件/新建文件夹”;或在网站文件夹上右击,选择“新建文件夹”。创建空白页面文件目录创建后,就可以对号入座了,即在各自的目录里创建空白页面;在站点地图中新建网页:在主页图标上单击右键,选择“键接到新文件”;然后将新文件拖到相应页面分支文件夹中;在文件列表窗口中新建网页:在相应的分支目录文件夹上单击右键,选择“新建文件.文件和文件夹的改名选择要的文件或文件夹;按F2或右击;输入新文件名,回车。文件和文件夹的移动直接拖动文件或文件夹到新位置;无论改名还是移动,都应在站点管理器中进行,站点有动态更新链接功能,以确保站点内部不会出现链接错误。