More Related Content Similar to Web Design (20) More from Anas Alpure (12) Web Design3. Responsive Web Design
Responsive Web design is the approach that suggests that design and development should
respond to the user’s behavior and environment based on screen size, platform and
orientation.
5. <link rel="stylesheet" href="print.css">
Link Html Element
<link rel="icon" href="favicon32.png">
•
تاغ استخدامات ماهي
<link>
؟
1
-
ملف لربط يستخدم
css
صفحة مع خارجي
html
.
2
-
العنوان بجانب حّفالمتص أعلى في تظهر أيقونة لوضع يستخدم
Eng. Anas Alpure
6. Cascading Style Sheets (CSS)
•
Cascading Style Sheets (CSS)
لغة تتيح
CSS
عناصر بتصميم يقوموا ان للمطورين
Htm
منفصل بشكل
•
اسهل التعديل يصبح بحيث ًاجد مهم امر البنية و التصميم بين الفصل
.
•
CSS
وصفية لغة
•
كود كتابة يمكن
CSS
التالية الثالث بالطرق
•
Inline style
عنصر ضمن
html
•
Internal style
وسم ضمن
<style>
•
External Style
بامتداد خارجي ملف
*.css
Eng. Anas Alpure
7. Inline Styles (Tag Styles)
<html>
<head> <title> Inline CSS </title> </head>
<body>
<p>Here is some text</p>
<p style=“font-size: 20pt;” >Here is another text</p>
<p style=“color: khaki; font-size: 20pt;” >Here is another text</p>
</body>
</html>
8. Internal Styles (Embedded Styles)
<head>
<style type="text/css">
em {
background-color : #575757; color : white;
}
p {
font-family : Times New Roman,Tahoma,Arial;
font-size : 12pt;
color : #008a00;
}
h1 {
color : khaki;
}
.bluestyle {
color : blue; font-weight : bold;
}
</style>
</head>
10. ال ملفات تنسيق في ةّمعا نصائح
HTML
:
1
-
استخدام
inline-style
محدود بشكل
.
2
-
ال استخدام
internal-style
وسطي بشكل
.
3
-
تنسيق
external-style
قابل بشكل
لللقراءة
بعد فيما عليه عديلّتال وإمكانية
.
4
-
ضمن متتالي بشكل بعضها مع المترابطة الكتل كتابة
external-style
.
5
-
أو العناصر خالل من وذلك بعضها مع المتشابهة نسيقاتّتال تحميع
class
أو
id
ب
(
,
)