《网页制作简介》PPT课件.ppt

目录,概念简介 制作流程 建站步骤 制作入门 网络空间 制作基础 经验技巧,概念简介back,网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML(超文本标识语言）方式展示出来，属于前台工程师的一项任务，前台工程师任务包括： 网站设计、网站用户体验、网站JAVA（面向对象的程序设计语言）效果、网站制作等工作。网站制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。 网站制作需要网站虚拟空间、域名以及动态网站的数据库这三个最基本的条件。网站虚拟空间是用来存放网站文件，如：图片信息，html文件，php文件等，相当于一个硬盘空间，只是这个空间可以被互联网用户以网址或IP地址的形式访问。域名即指访问网站的地址。动态网站的数据库用来存放网站数据的空间，这里的网站数据并非网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等，传统的静态网站无需数据库支持。,制作流程 back,一、申请域名（域名备案）； 二、申请空间 ； 三、定位网站 ； 四、分析网站功能和需求（网站策划） 五、网站风格设计 ； 六、网站代码制作；（源代码） 七、测试网站； 八、FTP上传网站；（文件传输协议） 九、网站维护,一、,建站步骤 back,第一步：设计建站方案 第二步：查询申办域名 第三步：网站系统规划 第四步：网站内容整理 第五步：网页设计、制作、修改 第六步：网站提交审核并发布 第七步：网站推广及后期维护,网站规划 back,1、域名和主机的选择（域名需要依靠网站主题以及用户范围来选择，主机则根据网站在大小、安全、稳定上的需求）知名的如 中国网络服务，中华网库。 2、网站的定位（如定位于赢利性网站，还是企业网站，或是公益性的）； 3、网站的用途（是用来赢利的，还是做产品线上营销的，或是做品牌推广和整合的,4.网站的发展目标，（需要达到的目标） 5、网站的拓扑图构画（网站包括哪些栏目，采用什么样的制作结构）； 6、网站制作技术的采用（用哪种语言开发，在什么平台上开发）； 7、网站的推广（需要做具体什么样的工作去推广网站，是否需要在前期开发的时候就考虑到后期的推广，如耀杰科技SEO专家的建议）； 8、网站的维护（是自主维护，还是外包维护，维护的内容包括哪些，后期改版的时间间隔安排等）； 9、网站安全 (网站定期进行安全检测及备份等安全操作)； 10、网站的主题颜色（网站颜色可以直接反应出企业的行业所属）。,制作入门 back,首页：主索引页 形象页：网页的欢迎页面 入口页：即封面 网页编写：由HTML（超文本标记语言）编写的 布局排版：这是网页制作中至关重要的一部分。确立题材后就行合理的规划。 网站策划：网站是企业发布信息、收集反馈、提供服务的综合平台 形象页设计：形象页是指一个网站的欢迎页面，可引入的元素大致有：企业名称、LOGO、形象图片、网址、宣传语、首页链接、其他语种页面链接等 栏目页设计：动态效果、动画、超文本、特效链接、FLASH、动态网页,网站空间 back,（1）空间服务商的专业水平和服务质量影响着网站运营、营销问题。 （ 2）虚拟主机的网络空间大小、操作系统、对一些特殊功能如数据库等是否支持。一般说来虚拟主机空间越大价格也相应较高，因此需在一定范围内权衡，也没有必要购买过大的空间。 （3）网站空间的稳定性和速度等。这些因素都影响网站的正常运作，需要有一定的了解，如果可能，在正式购买之前，先了解一下同一台服务器上其他网站的运行情况 （4）网站空间的价格。（可根据网站的重要程度来决定选择哪种层次的虚拟主机提供商。 ）,制作基础 back,1.页面尺寸： 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。 在网站制作过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。 2.整体造型 什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。 3.页头： 页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。 4.文本 文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。 5.页脚 页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。 6.图片 图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。 7.多媒体 除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网站制作的布局设计上也将变得更重要。,经验技巧 back,一、网站主题规划 主题不可过于分散，网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。 二、丰富网站内容 两者相辅相成，有着丰富内容的通常会受访问者的欢迎。但是这里的内容丰富并不是指内容的繁杂，而是指内容的深度。搜索引擎在排名网站时，不仅要看网页的信息相关度，同时也会考虑网站的声望如何，比如外部链接有多少，网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存在差异，因此在网页设计时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问