您好,欢迎来到保捱科技网。
搜索
您的当前位置:首页网页静态页面制作

网页静态页面制作

来源:保捱科技网
制作网页静态页面

1.制作HTML的前期工作(注:在整套页面中个类命名时必须是英文,包括类名、文件夹名) 1)新建一个项目文件夹

2)在项目文件中分类新建CSS(样式文件夹)、images(图片文件夹)、jquery(js文件夹)、 html(页面文件夹)

3)根据情况可以在各类文件下建立子类文件夹

4)根据效果图源文件,把页面中出现的图片、icon、部分背景图或部分特殊字体部分切图出来以图片的形式保存到相应的文件夹中

2.根据效果图进行网页排版(严格以效果图为准)

1)用Dreamweaver新建HTML5类型的页面文件,保存到相应的文件夹中

2)要明确规划好各个模块,搭建结构,每块结构之间不能有交叉,一定要先搭建机构,再调整样式

3)每个结构中的父级和子级之间需要明确却别,一般是需要换行,子级用Tab键缩进一个单位,以此类推,一定要保证页面整洁,及代码的可读性高 4)书写每个标签时都要有始有终

5)每个结构标签的命名,一定要清楚明了(英文字母,切记不能使用汉字命名) 6)在适当的位置添加注释,用来解释或标记此模块的内容 3.CSS样式制订

1)初始化样式,包括body、a、img、input、select……等的样式初始化 2)相同样式和结构的模块尽量用统一的Class类名,以免代码冗余 3)注意添加注释,增强代码可读性和可维护性 4.jQuery效果添加

1)初始化效果,一定写在【$(function)】中 2)一定要写清注释,以便修改和阅读

3)每个函数(事件)由大括号【{}】包含,每段语句都要相较于主体用Tab缩进一个单位 4)每段语句换行时都要以分号【;】结尾

5)测试语句是否执行时,可以用弹窗形式,使用弹出框语句【alert(123);】弹出框123 6)所有语句中的符号都必须为英文半角

5.以上的CSS样式和jQuery文件必须要单独列出,然后在HTML页面引用,每个页面可以引用多个CSS和jQuery文件 例如:

CSS jQuery 6.调整、测试页面在各个浏览器中的兼容性,后期修改

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- baoaiwan.cn 版权所有 赣ICP备2024042794号-3

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务