`
潭晨名
  • 浏览: 3724 次
  • 性别: 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】   在这里有最新的网页制作课程免费学习 也有很多人指导你 进步 不需要你付出什么 只要你有一颗学习的心就可以了!
分享到:
评论

相关推荐

    基于Javaweb的《HTML5网页前端设计》教学网站的设计与实现源码

    学生模块中实现了每个章节内容的学习,学习资料的下载,学习视频的在线观看,以及每章学习后的测试和期末测试,还实现了在线的技术交流。教师模块完成HTML5网页前端设计每章基本内容、试题的添加和管理,对课程资料...

    Dreamweaver Photoshop Flash Fireworks JavaScript网页制作实例大讲堂 (孙宇)【PDF】

    本书全面、详实地介绍了使用Dreamweaver、Photoshop、... 本书语言简洁、实例丰富,适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者与自学者学习与参考。

    全国计算机类说课大赛一等奖:CSS样式表的使用教学设计.docx

    学生学习网页制作已有一个学期,对这节课之前的学生情况分析如下: (一)学生知识能力分析 学生能熟练使用Dreamweaver软件 对于静态页面的设计有一定的基础 学生有简单的代码基础 在以往的学习过程中有简单接触过...

    网页设计与制作-1期 视频展示网站说明文档.pdf

    网页设计与制作-1期 视频展示网站说明文档.pdf 学习资料 复习资料 教学资源

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

    35在线视频教学网站模板全套下载;适用于前端新手学习前端实战项目。采用jquery框架,适合毕业设计。

    HTML学习视频

    视频教学,从基础开始讲解html网页制作全过程,新手自学利器

    产品经理学习视频

    4-产品设计-交互设计.mp4 5-产品设计-视觉设计.mp4 产品设计.xmind 04.第四阶段:项目实战训练 1从零打造款社区web产品 款web社区产品.mp4 2从零打造款工具app产品 款工具app产品.mp4 3怎么做款O2O互联网...

    互联网技术与应用,网页设计期末大作业-计算机相关介绍(html+css,无js)

    以b站up主硬件茶谈的教学视频,可以学习如何组装一台计算机,但是略有bug,播放视频需要手动暂停不能直接切换,直接切换其他视频会导致两个视频同时播放 5.响应式布局 实现了一定的响应式布局效果,根据窗口大小的不同...

    《DIV+CSS 3.0:网页布局案例精粹》

    书中不仅应用大量实例对重点、难点进行了深入的剖析,还结合作者多年的网页设计经验和教学?验进行了点拨,使读者能够学以致用。另外,在书中还穿插介绍了CSS 3.0和HTML 5.0的相关知识,力求使读者了解最新的网页设计...

    各种学习资料

    学习资料中包含的文件有Core Java基础学习教程.rar+Dreamweaver的CSS面板进行样式设计教程.rar+Dreamweaver上的CSS网页布局教程.rar+ExtJs视频教程(Grid控件).rar+DTLite4451-0236.zip+HTML原创视频教程.rar+Java ...

    Dreamweaver网页设计(计算机应用).doc

    《Dreamweaver网页设计》课程标准 适用专业:计算机应用 学分数:7 总学时数:51 理论课时:35 实践课时:16 一、理论教学部分 (一)课程的性质和任务 1.课程性质: 《Dreamweaver网页设计》本课程是计算机各专业...

    需要什么样的计算机教学设计.docx

    教学准备 相关文本,图片,动画,视频素材等。 需要什么样的计算机教学设计全文共5页,当前为第3页。教学过程 需要什么样的计算机教学设计全文共5页,当前为第3页。 教学内容 教学 环节 活动 时间 教学活动 活动...

    xx安全技术职业学院教学用微机大观网站设计毕业设计(含毕业设计成果说明书、任务书、视频讲解、源码)-html,js,css等

    xx安全技术职业学院教学用微机大观”网站设计毕业设计(含毕业设计成果说明书、任务书、视频讲解、源码)-html,js,css 开发教学微机大观能够为学生提供充足的信息和了解计算机硬件软件的查询手段。作为计算机教学的...

    HTML5+CSS3+JavaScript网页设计8.zip

    随书光盘中包括266个实战案例、5个综合实例和《精通HTML5 + CSS3+JavaScript网页设计》的视频教学录像。 第1章 HTML5概述 1.l HTML5的基本概念 1.1.1 HTML 5简介 1.1.2 THML 5文件的基本结构 1.2 HTML5文件的...

    [DIV.CSS网站布局从入门到精通].朱印宏等.扫描版

     本教程光盘中收录了配套手册中的全部视频教学演示,以便更直观地辅助读者学习,达到事半功倍的效果。另外,光盘中还赠送了2套Dreamweav。和jQuery的PDF电子教程和7套实用技术参考手册,以及作者多年积累和收集的...

    Java自学视频教程-JavaSE基础-配套资料-配套笔记.rar

    Java是一种编程语言,被特意设计用于互联网的分布式环境。Java具有类似于C++语言的“形式...本视频教程帮助你从新手小白到成为精通JAVA的高手,从软件的安装,功能的介绍和使用,实战演习讲解等各大维度进行详细的教学.

    Java自学视频教程-JavaSE基础-配套资料常用软件2.rar

    Java是一种编程语言,被特意设计用于互联网的分布式环境。Java具有类似于C++语言的“形式...本视频教程帮助你从新手小白到成为精通JAVA的高手,从软件的安装,功能的介绍和使用,实战演习讲解等各大维度进行详细的教学.

Global site tag (gtag.js) - Google Analytics