关 键 词：

大学DREAMWEAVER 8案例教程-课件PPT 大学 dreamweaver 案例 教程 课件 ppt

资源描述：

大学DREAMWEAVER 8案例教程-课件PPT,大学DREAMWEAVER,8案例教程-课件PPT,大学,dreamweaver,案例,教程,课件,ppt

内容简介：

第十五章 网站制作实例与技巧15.1 设计基本流程一个网站，小到可以像个人网站那样由几个简单的页面组成，也可以像各大官方网站一样由成千上万个网页构成。网页和数据库结合，使得网站的内容更加丰富，功能更加强大。但是制作网站并不是简单的一页一页完成的，没有很好的规划和设计，会使得网页制作速度慢，效果差。要制作一个好的网站，一般步骤如下：1、整体规划。2、准备素材。3、详细设计与制作。4网页测试。5、域名申请与网站挂载。15.1.1 整体规划网站的整体规划就是根据网站的主题，结合网站需要实现的功能，对网站的内容和结构进行整体的设计与布局。网站的整体规划包括：网站模块设计和数据库设计。其中网站模块设计是对网站的整体构造进行设计。它包含的网站的各个功能模块的内容设计和导航设计。网站模块设计必须确保网站内容浏览方便，主次分明，条理清楚，链接便捷；更需要考虑到网站的可维护性和扩展性。15.1.1 整体规划网站主题规划设计1）、网站主题网站的主题很多。如果是为公司做网站，那么网站的主题是固定的，内容由客户提供。相应的，在网站设计的时候围绕公司需求的功能模块进行设计，做到功能完善，页面美观大方，这个网站就是成功的。其他网站的主题也非常多，比如娱乐休闲，体育，就业，影视，音乐，社区论坛等等。做个人网站的时候在主题的选择上一定要有创意，网站要有明确的主题，内容有特色。个人网站不需要内容广泛，什么都涉及，可以根基自己的某一兴趣爱好做一个专题网站，这样的网站更加有吸引力。15.1.1 整体规划2）、资料准备网站资料分为文字资料，图片资料，视频资料，网页模板资料等等。现在很少有网站是完全的自主设计。一个网站，在特效技术，网页模板，CSS上有许多可以参考别人的地方。所以搜集资料是网页制作中必须的。15.1.1 整体规划网站内容设计和风格设计网站的内容和美观是一个网站最关键的，最吸引人的地方。一个漂亮的网站，如果没有内容的充实是没有办法吸引读者的。再美丽的网站总有厌烦的时候。没有充实的内涵，网站会空洞无物。读者浏览网页更多的是看内容。但是一个内容充实但是丑陋的网站同样没有办法吸引读者。美观大方的页面设计会使得读者在浏览网页的时候心情愉悦，更能体味网站的真正内涵。15.1.1 整体规划（1）、内容结构网站的内容越简单直接越好。分类简单明了，网站层次分明。浏览者阅读这样的网站能够很清晰的了解网站的主题和主要内容。如果分类国语复杂，层次结构嵌套太多，会影响浏览者的阅读。但是大型网站不可避免的层次结构复杂，分类庞多，所以大型网站往往会将一天的要点更新在主页上。（2）、页面布局内容模块和页面布局非常重要，这影响到后面的主页风格设计的美观设计。页面布局是网页风格的一个标志。导航栏，网页正文，图片动画的放置，都是网页设计的关键性问题。同时还要考虑网站的扩充性，需要考虑到栏目的增加。15.1.1 整体规划常见表格布局格式15.1.1 整体规划（3）、内容结构网站的内容结构越简单越好，分类条目简单明确，页面连接层次不深，有条理。最基本的是在子页面中能够随时返回主页。（4）、整体风格和颜色搭配在网页之多的过程中，网站的主题和网页页面的风格需要紧密结合。同时各个网页的风格也必须统一，这样才能是的网站各个页面同样美观大方，也方便读者浏览。例如：将导航部分和主题图片、动画放到每个页面的固定部位。这些都可以利用制作模板的方式实现。一般情况下。主页是一个门户，单独设计，重在美观新颖。同时有主要内容或新内容的呈现，导航和详细内容的连接等等。所有子网页可以利用统一的模板的方式来制作。这样大大提高了网站的美观程度，也加快了网站制作速度。15.1.1 整体规划文字和背景颜色的搭配是体现风格的一个重要的方面，字体的设计，字体颜色，图片颜色，表格背景颜色等等。红色-是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 绿色-介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 橙色-也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。 黄色-具有快乐，希望，智慧和轻快的个性，它的明度最高。 蓝色-是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:) 白色-具有洁白，明快，纯真，清洁的感受。 黑色-具有深沉，神秘，寂静，悲哀，压抑的感受。 灰色-具有中庸，平凡，温和，谦让，中立和高雅的感觉。 每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。15.1.1 整体规划在颜色搭配上要注意以下几点：、色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。 、色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。、色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 、色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。 、不要将所有颜色都用到，尽量控制在三种色彩以内。 、背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容15.1.2网页设计与制作1、静态页的设计与制作在网站制作的时候，按照前面所讲的步骤，先进行网站的整体设计。一个好的网站首先是要内容丰富，其次就是设计美观。2、动态网页制作 现在制作动态网页比较流行的语言有： 、jsp 、php。动态网页制作首先需要注重的是数据库的设计。针对网站的功能模块进行详细的数据库设计，设计好关系表和索引。在sql语句的使用上，尽量避免一句话做很多事情，大多数情况下会使浏览速度变慢。15.1.3测试网页当网站设计人员完成网站页面制作以后，需要对网站进行详细的审查和测试。测试的内容包括网站功能完整性测试，浏览错误测试，内容完整性测试几个方面。所谓的网站测试需要保证每个网页的可用性。测试网页是否达到与其的目标。网页在浏览的过程重有没有出现错误，各个链接有没有出错等等。如果在测试中发现错误要及时更改，如果发布出去的网站存在许多错误会丧失很多读者。15.1.4申请域名域名就是上网单位的名称，是一个通过计算机登上网络的单位在该网中的地址。一个公司如果希望在网络上建立自己的主页，就必须取得一个域名，域名也是由若干部分组成，包括数字和字母。通过该地址，人们可以在网络上找到所需的详细资料 。域名是上网单位和个人在网络上的重要标识，起着识别作用 ，便于他人识别和检索某一企业 、组织或个人的信息资源，从而更好地实现网络上的资源共享。除了识别功能外，在虚拟环境下，域名还可以起到引导、宣传、代表等作用。15.1.4申请域名1、域名级别域名可分为不同级别，包括顶级域名、二级域名等。2、Internet上有哪些域名我国的域名体系也遵照国际惯例，包括类别域名和行政区域名两套。 类别域名是指图中前面的六个域名，分别依照申请机构的性质依次分为： AC 科研机构 COM 工、商、金融等企业 EDU 教育机构 GOV 政府部门 NET 互联网络、接入网络的信息中心(NIC)和运行中心(NOC) ORG 各种非盈利性的组织 15.1.4申请域名3、域名命名的一般规则由于Internet上的各级域名是分别由不同机构管理的，所以，各个机构管理域名的方式和域名命名的规则也有所不同。但域名的命名也有一些共同的规则，主要有以下几点： （1）、域名中只能包含以下字符： . 26个英文字母. “0，1，2，3，4，5，6，7，8，9”十个数字 . “-”（英文中的连词号）（2）、域名中字符的组合规则： . 在域名中，不区分英文字母的大小写 . 对于一个域名的长度是有一定限制的 （3）CN下域名命名的规则为： 、遵照域名命名的全部共同规则 、只能注册三级域名，三级域名用字母（A-0Z，a-z，大小写等价）、数字（0-9）和连接符（-）组成，各级域名之间用实点（.）连接，三级域名长度不得超过20个字符； 15.1.4申请域名（3）、不得使用，或限制使用以下名称（下表列出了一些注册此类域名时需要提供的材料）： .注册含有“CHINA”、“CHINESE”、“CN”、“NATIONAL”等经国家有关部门（指部级以上单位）正式批准.公众知晓的其他国家或者地区名称、外国地名、国际组织名称不得使用.县级以上（含县级）行政区划名称的全称或者缩写相关县级以上（含县级）人民政府正式批准.行业名称或者商品的通用名称不得使用.他人已在中国注册过的企业名称或者商标名称不得使用.对国家、社会或者公共利益有损害的名称不得使用.经国家有关部门（指部级以上单位）正式批准和相关县级以上（含县级）人民政府正式批准是指，相关机构要出据书面文件表示同意XXXX单位注册XXX域名。如：要申请域名，则要提供北京市人民政府的批文。15.1 案例1 个人网站制作1、整体规划，设计网站结构15.1 案例1 个人网站制作2、准备素材，整理网站所需要的资料3、详细设计 （1）、主页设计 利用所学的图形处理工具，设计一个主页的整体效果图，这样设计出来的网页整体效果上比直接用Dreamweaver 8进行表格设计再插入图片的效果好很多。在设计主页的时候可以规划出相应的部分做成flash动画，给网页增添更好的效果。 本站没有具体的logo设计，一般情况下，制作网站整体效果的时候也将logo设计出来放在显要位置。15.1 案例1 个人网站制作主页效果15.1 案例1 个人网站制作子目录显示效果15.1 案例1 个人网站制作详细内容网页显示总体效果15.1 案例1 个人网站制作（2）、利用切片工具将各个效果图生成主页网页毕竟是利用表格或者css来进行布局的，不能直接将一个图片插入进去，直接插入图片会占用网页内容空间，文字内容就不会处于图片上方，应该将图片设置为表格背景的形式。切片自动生成一个以表格布局的网页。切片的时候需要根据网页的设计，将需要插入文字内容的图