`
潭晨名
  • 浏览: 3963 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

网页制作自学视频教学及相关资料

阅读更多
链接: http://pan.baidu.com/s/1o7zDnjO 密码: u6yw
(第三课)网页的制作
一、步骤:
1、收集,整理素材:网上下载,别人提供相关的文字,图像,动画等
2、规划站点:即是存放,管理网页文档的场所。将同一个网站的素材放在同一个站点中,进行细分,以便上传。
3、制作网页:A、网站是由一个个的网页构成的,要注意页面的框架,针对导航条,主题按钮,收集信息,将页面分为几部分等。
B、填充内容:合理地插入各种网页元素,注意位置是否协调,如图像和文本对齐方式等。C、建立反回页面的链接:使浏览者能够随时回到首页,以便浏览其他的网页。
D、建立导航条:由于网站的页面较多,因此应在网站的任何一个页面提供各个栏目的相关主题,以引导浏览者顺利浏览网站。
4、进行网站测试:根据项目的大小,客户端的要求以及访问者将会合用的浏览器种类等到进行测试,一般将站点移到一个模拟调试服务器上对站点进行测试和编辑。
5、发布及维护站点:在Internet上申请一个主页空间,(后面讲解)用作指定的网站或主页的位置。
二、制作时的技巧:
1、用色(主色调)总体协调,局部对比,如“旅游网站”可用草绿色搭配黄色,“校园”可用绿色,“游戏”可用黑色,“科技”可用深蓝色,“政治”可用红色加蓝色,“新闻”可用深红色或黑色再搭配高级灰色,“时装”可用高级灰色和紫色,“文字”要暗,对比度要高,“LOGO”一般用深色,也可以用网页内容的反色。(如果是制作公司的站点,一要考虑到公司的文化背景,CI,VI,标识系统的产品色调的搭配。
三、元素的标准及使用技巧
1、LOGO一般放在网页左上角
2、Banner的国际尺寸(468*60)是全尺寸,大小在15到22KB之间,用得较多;(125*125)是方型按钮;(88*31)是小型按钮,大小在5到7KB之间,用得较多;而120*240是垂直的Banner。
3、导航栏:用作引导浏览者浏览网页(在栏目不多的情况下通常是一排,多则两排或多排)
4、按钮:协调,不能抢眼(有页面单调时可用按钮点燃)如,提交,反回,同意。等
5、图像:图片的主题清晰可见,(含义简单明了)背景与主题应在大概是3:1或是5:1之间。
6、文本:极为重要的元素,样式最好在三种以内,色要与背景有区别,长度最好在20至30个中文字之间,40至60个英文字之间。
    现在很多小伙伴喜欢在互联网上找视频资料学习网页制作,但是看视频你是不可能学会网页制作的,没有指导你,而且很多视频已经过时了 并没有什么用!  如果你真的想学习网页制作这门技术,你可以来这个群:【494064934】   在这里有最新的网页制作课程免费学习 也有很多人指导你 进步 不需要你付出什么 只要你有一颗学习的心就可以了!
分享到:
评论

相关推荐

    《网页设计与制作实训教程》-源代码.rar

    源代码rar文件包含了本书中的实例代码,是教学资料的重要组成部分,为读者提供了亲手操作和理解网页设计原理的机会。这个压缩包可能包括HTML、CSS、JavaScript以及其他相关文件,这些文件都是构成网页设计基础的核心...

    《网页设计与制作(HTML+CSS)(第2版)》全册教案教学设计.doc

    本教学设计旨在帮助学生了解网页设计的基本概念、网页设计的技术和工具,以及网页设计的展示平台。 第 1 章 HTML 和 CSS 网页设计概述 教学目标: * 使学生了解网页,能够举例说明网页的构成和相关名词的含义。 *...

    网页制作教学PPT

    网页制作教学PPT是针对HTML学习者的宝贵资源,旨在提供一个系统的学习路径,从基础到实践,帮助初学者掌握网页制作的核心技术。HTML(HyperText Markup Language)是创建网页的标准标记语言,它定义了网页的结构和...

    吉林大学网页设计34讲视频课程.rar

    【标题】"吉林大学网页设计34讲视频课程.rar" 提供了一套全面的网页设计教程,这34讲的课程旨在帮助学习者掌握网页设计的基础到进阶技能。吉林大学作为国内知名的高等学府,其教学资源通常具有较高的质量和权威性。...

    翻转课堂的网页设计课堂教学探讨-网页设计-设计.pdf

    提高实践能力和协作能力,鼓励学生在课前完成相关的练习或自学视频教学。 翻转课堂应用于网页设计课堂教学的可行性分析 翻转课堂教学模式应用于网页设计课堂教学,其可行性具体表现在以下几个方面: 软件资源...

    网页制作课程的教学论文

    网页制作课程的教学论文集合,包含了丰富的教育理念与实践方法,旨在提升学生在网页设计与制作领域的技能和理解。这些论文深入探讨了教学策略、教学方法以及教学改革在现代信息技术教育中的应用,对于教师和学习者来...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》源代码.zip

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》是一部深入浅出的教材,旨在教授读者如何构建和设计...通过研究这些实例,你将能够逐步提升自己的网页设计与制作能力,从而在数字世界中创建出引人入胜的用户体验。

    《网页设计与制作及实训》教学大纲.docx

    《网页设计与制作及实训》是一门针对高职高专学生的必修专业课程,旨在通过64个学时的学习,使学生掌握网页设计的基本原理和技术,包括HTML语言、Dreamweaver、Fireworks、Flash等工具的使用,以及网站的规划、管理...

    网页设计与制作教学大纲.pdf

    通过本课程,学生不仅能学会Dreamweaver的基本操作,还能掌握网页设计的基本原理和技巧,从而具备实际的网页设计和制作能力。同时,课程强调实践操作,鼓励学生通过多次上机练习,将理论知识转化为实际技能,提升...

    前端网页35在线视频教学网站模板全套下载

    在前端开发领域,网页设计和开发是至关重要的环节。本资源提供的是一个“35在线视频教学网站模板全套下载”,专为前端初学者设计,旨在帮助他们通过实战项目提升技能。这个模板集采用jQuery框架,使得动态效果和交互...

    制作交互网页教学设计.pdf

    为了教学,教师需准备相关的教学材料,如预先制作的交互网页示例、图文指导、常见交互网页实例以及学习任务单等。 教学过程分为情境导入、合作学习两部分。首先,通过播放消防逃生知识视频和纸质问答活动,让学生...

    C++学习视频资料全集网页地址

    "C++学习视频资料全集网页地址"这一资源显然是为了帮助初学者和进阶者系统性地掌握C++语言而设计的。通过视频教程的形式,学习者可以直观地理解C++的概念、语法和编程技巧。 首先,C++的基础知识包括语法结构,如...

    网页设计的课程教学探究-网页设计-设计.pdf

    网页设计的课程教学探究主要关注如何在现代教育环境中有效地教授网页设计这门实践性强的学科。随着微课的兴起,教育方式正经历着显著的变化,尤其是对于高职院校的学生来说,微课教学已经成为一种趋势。 微课是利用...

    《网页设计》教学辅助网站

    【网页设计】教学辅助网站是为学生和教师提供学习与教授网页设计的综合平台,它旨在增强学习体验,促进教学互动。网站涵盖了网页设计的基础知识、实用技能和最新趋势,帮助用户从零基础到精通这一领域的各项技术。 ...

    网页设计与制作——Dreamweaver CC标准教程(附微课视频 第3版)-PPT教案.zip

    本教程《网页设计与制作——Dreamweaver CC标准教程(附微课视频 第3版)》旨在提供全面、深入的学习资源,通过PPT教案和微课视频的方式,帮助学习者掌握网页设计的基础知识和高级技巧。 教程中的PPT教案涵盖了以下...

    web视频教学上课资料.zip

    【标题】"Web视频教学上课资料.zip"是一个包含本科软件专业教学内容的压缩包,主要针对Web开发初学者,提供了一套系统且易懂的教学视频。这个资源旨在帮助那些对Web开发语言基础知识掌握不足的学习者,通过直观的...

    行业分类-设备装置-中职Dreamweaver网页制作的微课教学设计与应用研究.zip

    《行业分类-设备装置-中职Dreamweaver网页制作的微课教学设计与应用研究》这一主题涵盖了在职业教育中利用Adobe Dreamweaver进行网页制作的教学方法、课程设计以及实际应用的深入探究。Dreamweaver是一款强大的网页...

    《JavaScript及网页特效制作》微课在高职教学中的应用研究.pdf

    "《JavaScript及网页特效制作》微课在高职教学中的应用研究" 本文主要介绍了《JavaScript 及网页特效制作》微课在...教师可以通过微课教学,实现《JavaScript 及网页特效制作》课程的教学目标,提高学生的学习效果。

    asp.net在线视频教学网站

    ASP.NET在线视频教学网站是一个基于ASP.NET技术构建的教育平台,专为用户提供视频教程学习服务。这个网站利用了微软的ASP.NET框架,该框架是一种强大的Web应用程序开发工具,以其高效、安全和易于维护的特性而受到...

Global site tag (gtag.js) - Google Analytics