奥鹏作业网web前端页面制造基本领导材料一
主 题：第一章 Web页面开辟基本（课件）
进修时光：2021年9月27日－10月3日
内 容：
我们这周重要进修第1章Web页面开辟基本的相干内容。盼望经由过程下面的内容能使同窗们加深对Web页面开辟相干知识的懂得。
知识要点
网站制造的原则
重点难点
1、网站制造的原则
第一节 网站制造原则
在这个Internet时代，WWW网站四处都是，现在编写HomePage也没本来那么费事，只有会打字，多少乎大家都会，但写得好不好，就要看团体功力与居心。网站的目标是为他人供给所需的信息，如许人家才会乐意光临，网站才有其实在意思，但有太多网站显然忘了这个目标，复杂的创意技能跃居主角，内容信息反而沦为最后。不克不及否定，优良的网站比比皆是，但令人不予置评的网站还是四处都找掉掉落。显然，不管是网站供给者还是广大的利用者，大家都急切须要晓得好的网站在那边，或许符合所谓好网站的前提是什么？
1.利用者优先的不雅念
无论什么时间，不管是动手筹备计划HomePage之前。 正在计划之中，或许曾经计划结束，有一个最高举动原则必定要切记在心，那就是∶利用者优先。因为倒霉用者去光临， 任何自认再好的HomePage都是不料思的。
2.考虑大少数人的连线状况
你或许利用办公室的ISDN，也可能利用黉舍的高速专线，但你都必须晓得，现在大少数人所利用的还是14.4K或28.8KModem透过德律风线路的迟缓连线方法 ，并且塞车塞得很严重。所以你在计划HomePage时就必须以这种广泛状况为计划参考量，不要放置一堆会减轻塞车情况或让人等得生机的东西。最后，实现之后, 你最好本人透过远端Modem拨接上彀的方法来亲身测试一下。
3.考虑利用者的浏览器
其次，必须考虑利用者的浏览器软件，假如你想要让全部的人都可能毫无妨碍地不雅看你的HomePage，那么最好利用全部浏览器都可能浏览的格局，不要利用只有部份浏览器可能支撑的HTML格局或顺序技能。假如想要展示本人的高超技巧又不想放弃一些潜伏不雅众，可能考虑在主页中设置多少种差其余不雅赏形式选项（比方纯文字形式、Frame形式、Java形式等等），供浏览者自行抉择。
4.内容第一
“内容永久第一“，这句话合适书籍，更合适收集上的HomePage，并且多少乎每个参加供给看法的人都举双手同意这句话。不内容的书籍曾经够令人讨厌， 但至少你还可能很快断定出来，而HomePage呢？你可能得耗费一全部晚上的时光与款项，才会发明本来网站 里基本不你要找的东西，这种苦楚真不是片言只语可能描述。内容可能是任何东西，包含文字、图片、影像、声响等等，但请记取一点：必定要跟这个网站所要供给给人的讯息有关联。再提示一次∶内容永久第一！
一个好的网站在停止现实的HomePage建置之前，起首应当考虑什么前提呢?它们包含有∶切记利用者优先的不雅念、考虑大少数人的连线状况、考虑利用者的浏览器，以及内容第一等等。 再来看看在著手HomePage的现实建置过程中，所应当控制的多少个重点原则。
5.动手打算、断定特点、锁定目标
不管做什么事，必定要停止打算，建置网站更是如 此。打算时必须断定本人网站的性质、 供给内容、目标不雅众，然后根据本身的软硬件前提来设置范畴。收集的特点是及时、新鲜、丰富、热烈， 这是吸引大家上彀的前提，假如本身前提富强，可能根据上述原则使本人网站成为一个全方位的信息供给者，假如缺乏，就成为两边面的供给者；其余， 还可能在特别议题或主题上加以凸起，进一步锁定目标不雅众。
6.第一页很重要
第一页是最重要的东西，因为它是他人认识这个网站的第一印象。假如是新揭幕的站台，最幸亏第一页就对这个网站的性质与所供给内容做个扼要阐明与导引，让他人断定要不要持续进入表面。最好第一页就有很明白的类别选项，并且尽管符合人道化，让不雅赏者可能很快找到须要的主题。在计划上，最好秉持干净而清爽的原则。第一、若无须要，尽管不要放置大型图形文件或加上不当的顺序，因为它会增加下载时光，招致不雅赏者掉掉落耐烦； 第二、画面不要散置得太过混乱无序，因为不雅赏者会找不到东西。记取∶掉败的第一页会让很多人掉落头远去，弗成掉慎。
7.分类
内容的分类很重要，可能按主题分类、按性质分类、按构造构造分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让利用者可能很轻易找到目标。并且分类方法最好尽管保持分歧，若要混用多种分类方法也要控制不让利用者搞混的原则。其余，在每个分类选项的旁边或下一行，最好也加上这个选项内容的扼要阐明。
8.互动性
WWW的另一个特点就是互动。好的网站 HomePage必须与利用者有精良的互动性，包含在全部计划浮现、利用介面导引上等等，都应当控制互动的原则 ，让利用者感到他的每一步都确切掉掉落恰当的回应， 这部份须要一些计划上的技能与软硬件支撑。 现实上，好的网站HomePage计划必须加上团体技能、 经验累积以及软硬件技巧的共同应用等。
9.图形利用技能
图形是WWW网站的特点之一，它带有夺目、吸惹人以及传达讯息的功能，好的图形利用可能让HomePage减色不少 ，但不当的图形利用则会带来反后果，而其中又以大量利用有意思及大型的图构成为HomePage的败笔。笔者倡议 ，假如可能，应尽管缩小或省略图形。 现在国内的收集传输资本极为无限，因此利用图形时必定要考虑传输时光的成绩。根据经验与统计，利用者可能忍耐的最长等待时光大概是90秒钟，假如你的HomePage无法在这段时光内传输并表现结束 ，那么利用者就会毫不包涵掉落头拜别。因此必须根据HTML 文件、图形文件的大小，考虑传输速度、耽误时光、收集交通状况，以及效劳端与利用者端的软硬件前提，预算HomePage 的传输与表现时光。 在图形利用上，尽管采取一般浏览器均可支撑的紧缩图形格局，比方JPEG与GIF等，而其中JPEG的紧缩后果较好，合适中大型的图形，可能节俭传输时光。 假如然要放置大型图形文件，最好将图形文件与HomePage分开，在HomePage中先表现一个存在贯穿连接功能的缩小图档或是一行阐明文字，然后加上该图形文件大小的阐明（比方100KB），如此不只加快HomePage的传输，并且可能让利用者断定能否持续进入不雅看。
10.图形加上阐明
其余，另有一点要特别提示，很多网站建置者常常忽视了这件事。为了节俭传输时光，很多人习气采取“封闭图形“ 的形式再不雅看你的HomePage（乃至有人利用纯文字的浏览器 ）。因此当你在放置图形时，必定要记得为每个图形加上不表现时的阐明文字（也就是在HTML文件中的图形文件前面加上 alt文字阐明），如此利用者才干晓得这个图形代表什么意思，断定要不要不雅看。特别是假如这个图形存在可贯穿连接的选项功能时，千万记得必定 要加上阐明文字，并赐与同样的可贯穿连接功能。
11.背景底色
不少人爱幸亏HomePage中加上背景图案，认为如此可能增加美不雅，但却不知如许会耗费传输时光，并且轻易影响浏览视觉，反而赐与利用者不好的印象。笔者倡议，若不停对须要，最好避免利用背景图案，保持干净清爽的本文。但 假如然的爱好利用背景，那么最好利用单一色系，并且要跟前景的文字可能明显差别，最忌讳利用花俏多色的背景，因 为如许不只大量耗费传输与表现时光，并且会严重混乱利用者的浏览。
12.HTML格局的留神事项
有关HTML的撰写方面，应留神以下的一些留神事项； 不少人在撰写HTML文件时，奥鹏大工答案请进：opzy.net或请联系微信：1095258436
会简单一些命令格局，但为了日后保护便利，撰写HTML时最好架构完全，并且初学者也可能藉此对HTML语法有正确认识。其余，假如本身网站想让他人可能透过查抄站来找到， 那么千万不要忘了在〈Title〉指令中加上可供查抄的关键字串。为了增加与利用者的互动，HomePage中最好也加上可供利用者表达看法的E－mail信箱，在HTML中必定要留神它的格局命令写法，很多人在这个处所常常写错。其余，在PC体系下，文件的大小写不分，但在UNIX体系下，则大小写有辨别，须要留神。
13.避免滥用技巧
技巧是惹人入胜的东西，很多人也爱好利用技巧。专家广泛指出，好的技巧应用会让HomePage栩栩如生，令人叹为不雅止； 但不当的技巧则事与愿违，反而成为HomePage的大败笔。 起首，利用技巧时必定要考虑传输时光，不要成为他人不雅看的沉重包袱；其次，技巧必定要与本身网站的性质及内容相共同，不要耍了一大堆不相干的技巧。有一个最罕见的技巧利用，就是利用JavaScript撰写一个走马灯的功能，让文字可能静态地表现在窗口的最下一栏，这种方法看起来仿佛很酷，但却轻易遮住该地位底本用来表现地点及传输状况的功能，反而形成利用者的方便。何况既然只是表现一两个文字，何不直接放在HTML本文中呢？ Java小顺序也是现在收集上的罕见技巧，它是一个好用的利器，擅善于静态物象的浮现，固然只有浏览器支撑就可能动，但同样，也须要考虑传输时光，以及一般人的电脑体系负荷等 成绩。最后，技巧最好不要用得太过多样而复杂，有些人仿佛不展示功力就不快活，所以也不管合不合适，就把全部可用技巧全部用在表面，这时大家就会看到一个惨不忍睹的HomePage。
14.即时、更新、保护
不要忘记，大家都想看新鲜的东西，没人对过期信息有兴趣， 所以材料必定要留神即时性。有些网站半年没更新，感到就像一池逝世水。假如想要运营一个带有即时性质的网站， 除了留神内容外，材料还要记得每日更新。笔者倡议，无妨每隔一阵子就对页面计划做一次小创新，不时保持新鲜感。最后，须考量的就是过后保护管理的成绩，写HomePage很简单 ，但保护管理就比较繁人，它的任务每每侧重属反复而逝世板。团体道质的网站在保护管理上比较简单，但公司网站如此不只加快HomePage的传输，并且可能让利用者断定能否持续进入不雅看。
例题
HTML命令格局的誊写是不分大小写的，这与体系有关。（）
网页制造的原则之一就是网页制造中，网页中尽管用到最多的技巧元素。（）
网页制造的原则之一就是利用者优先的不雅点。（）
答案
错误
错误
正确
