网页制作设计的基础部分包括哪些?

如题所述

网页切图 选学
网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术,不少美工都具有切图的功底!不过,也不是所有的网页都需要切图!因此,切图的选学的,而且,没有追求的话,切的乱七八糟也没关系!

html标签的用法 必学
这个是必学的,毕竟页面还是html标签组成的!你要熟知大部分标签的用法!这个可以去w3school学习进阶!

css 样式和样式表 必学
css是目前网页设计中的主要角色!也是程序和美工的区别之一!css可以简单理解为美化!你可以使用他设置颜色,大小,边距,行距,字体,位置等等等....

浏览器兼容 选学
html页面最终要在浏览器中运行和查看!但是,不是所有的浏览器都遵循同一个标准,因此,你的页面在每个浏览器底下或多或少的都有一些不同!你要学会找到问题,解决问题!最大限度的保证在每个浏览器下看起来都差不多!

javascript & jQuery 选学
JS和JQ是两个不同的东西,js在网页中的主要作用就是网页“特效”了。比如滑动,展开收起,幻灯片等等~~团队细分中,html页面是由前端设计师制作的,网页设计师仅仅负责效果图的制作!但是,现在的网页设计师明显的需要具备多门“手艺”才能混,js是其中之一!

Action script 选学
AS是flash中的常用到的一种语言!主要是制作全flash网站或者flash+xml交互模块! 如flash幻灯片,图表等~

学习建议:
目前的大部分html教程都是垃圾教程,是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串(还不能算是文章,只能算是一个字一个字组成的页面,因为连发布者都不知道里面写了什么)!个人建议,你最好下载几个chm格式的手册,如html手册,css手册等~备用查询,作为字典!我学习的时候是读的《Head First xHtml + css》,一周入门html+css!不过,学习肯定离不开勤学苦练!以下是我建议的学习方法:
1.认识标签,学会是使用h标题,p段落,ul列表,div元素,img插入,a链接
2.学会添加标签属性 class=“name”,id=“name”,table的相关属性
3.学会引入外部文件,<link /> <script src=""></script> <img src="" />
4.一个完整简单的html,严格按照html的结构制作一个纯html标签组成的页面,无样式,能区别出标题,列表,链接,段落
5.css学习入门:字号,边框,float浮动,clear清除浮动,background背景
6.页面模块划分:header,mian-body,footer 头部,内容,页脚
7.页面布局细分:三列,两列,四列,多列,【国字形、常字形】
8.html,css分离使用,在html引入外部css样式表
9.图片美化页面

大致以上几点,循序渐进!而且,尽量手写代码,使用记事本即可~因为,你要不断的去认识和书写一些常用的标签和拼写!【实际工作中,编辑软件都有代码提示功能,那仅仅是为了加速工作效率,但并不适合新手使用,否则,就懒惰了!不利于记忆和理解!】
温馨提示:答案为网友推荐,仅供参考
第1个回答  2023-07-17
网页切图 选学
网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
切图是一个技术也是一种艺术,不少美工都具有切图的功底!不过,也不是所有的网页都需要切图!因此,切图的选学的,而且,没有追求的话,切的乱七八糟也没关系!

html标签的用法 必学
这个是必学的,毕竟页面还是html标签组成的!你要熟知大部分标签的用法!这个可以去w3school学习进阶!

css 样式和样式表 必学
css是目前网页设计中的主要角色!也是程序和美工的区别之一!css可以简单理解为美化!你可以使用他设置颜色,大小,边距,行距,字体,位置等等等....

浏览器兼容 选学
html页面最终要在浏览器中运行和查看!但是,不是所有的浏览器都遵循同一个标准,因此,你的页面在每个浏览器底下或多或少的都有一些不同!你要学会找到问题,解决问题!最大限度的保证在每个浏览器下看起来都差不多!

javascript & jQuery 选学
JS和JQ是两个不同的东西,js在网页中的主要作用就是网页“特效”了。比如滑动,展开收起,幻灯片等等~~团队细分中,html页面是由前端设计师制作的,网页设计师仅仅负责效果图的制作!但是,现在的网页设计师明显的需要具备多门“手艺”才能混,js是其中之一!

Action script 选学
AS是flash中的常用到的一种语言!主要是制作全flash网站或者flash+xml交互模块! 如flash幻灯片,图表等~

学习建议:
目前的大部分html教程都是垃圾教程,是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串(还不能算是文章,只能算是一个字一个字组成的页面,因为连发布者都不知道里面写了什么)!个人建议,你最好下载几个chm格式的手册,如html手册,css手册等~备用查询,作为字典!我学习的时候是读的《Head First xHtml + css》,一周入门html+css!不过,学习肯定离不开勤学苦练!以下是我建议的学习方法:
1.认识标签,学会是使用h标题,p段落,ul列表,div元素,img插入,a链接
2.学会添加标签属性 class=“name”,id=“name”,table的相关属性
3.学会引入外部文件,<link /> <script src=""></script> <img src="" />
4.一个完整简单的html,严格按照html的结构制作一个纯html标签组成的页面,无样式,能区别出标题,列表,链接,段落
5.css学习入门:字号,边框,float浮动,clear清除浮动,background背景
6.页面模块划分:header,mian-body,footer 头部,内容,页脚
7.页面布局细分:三列,两列,四列,多列,【国字形、常字形】
8.html,css分离使用,在html引入外部css样式表
9.图片美化页面

大致以上几点,循序渐进!而且,尽量手写代码,使用记事本即可~因为,你要不断的去认识和书写一些常用的标签和拼写!【实际工作中,编辑软件都有代码提示功能,那仅仅是为了加速工作效率,但并不适合新手使用,否则,就懒惰了!不利于记忆和理解!】
第2个回答  2013-08-30
html css 但是这是最根本的 想学的话一天就差不多了 至于技巧就要在写网页的过程中积累了,
再就是少不了就js 、jQuery什么的 这两个基础的看起来比较快 js推荐 javascript权威指南 ,jQuery就是js的框架 建议先学根本
现在最新的技术就是html5 css3 ,支持的浏览器也越来越多了
至于下面说的切图什么的是美工方面的,也就是处理图片,photoshop为主要, html js 大都用dreamweaver,
切图工具有很多,也可以直接用ps,很多可以直接生成网页 但是比较死板 冗余的代码比较多,像巨龙切图不错,我一直在用;
现在的工作是 设计 美工 前端 后端 分的再细会把js分出来 ;
设计就是出整体的设计方案,美工根据方案出设计图,前端根据美工出的设计图 用html css js 来转化成静态页面,后台来实现动态化
不过现在很多公司都是将设计 美工和前端拼合成一个职位 为了节省成本吧 ,也就是要求你需要会 设计,ps ,html、css,js ,也有将js分给后端来实现的。
先从html、css着手吧,ps是必须的
第3个回答  2013-08-30

    浏览器兼容
    html页面最终要在浏览器中运行和查看!但是,不是所有的浏览器都遵循同一个标准,因此,你的页面在每个浏览器底下或多或少的都有一些不同!你要学会找到问题,解决问题!最大限度的保证在每个浏览器下看起来都差不多!

    切图工具有很多,也可以直接用ps,很多可以直接生成网页 但是比较死板 冗余的代码比较多,像巨龙切图不错,我一直在用;
    现在的工作是 设计 美工 前端 后端  分的再细会把js分出来 ;
    设计就是出整体的设计方案,美工根据方案出设计图,前端根据美工出的设计图 用html css js 来转化成静态页面,后台来实现动态化  

    网页切图
    网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环
    切图是一个技术也是一种艺术,不少美工都具有切图的功底!不过,也不是所有的网页都需要切图!因此,切图的选学的,而且,没有追求的话,切的乱七八糟也没关系!

    css 样式和样式表
    css是目前网页设计中的主要角色!也是程序和美工的区别之一!css可以简单理解为美化!你可以使用他设置颜色,大小,边距,行距,字体,位置等等等

    实际工作中,编辑软件都有代码提示功能,那仅仅是为了加速工作效率,但并不适合新手使用。

第4个回答  2013-08-30

网页制作设计一般掌握的技术有:

    html(DIV+CSS)这是最最基本的,必学;

    javascript,这是基本的了,必学;js的框架jquery必学;

    后端语言,一般是php,最好要学;